Basic to Advance – Professional Web Design
Categories:
Web Design
Course Info
Curriculum
About Course
ইন্টারনেট জগতের বহুল জনপ্রিয় প্রশ্নের মধ্যে একটি হলো How to create a website? বাংলাদেশে IT Industry এর উন্নতির সাথে সাথেই বেড়েছে Web Designer এর প্রয়োজনীয়তা। আপনার অথবা আপনার ব্যাবসার একটি অনলাইন প্ল্যাটফর্ম তৈরি করাই ওয়েব ডিজাইনের মুল কাজ। ওয়েব ডিজাইনে ক্যারিয়ার গড়তে চাইলে প্রথমেই আপনাকে জানতে হবে Web Design , আমাদের এই কোর্সে HTML, CSS, JavaScript, jQuery, jQuery Plugins, Bootstrap 5 ও PSD,Xd to HTML Website এর উপর একটি সম্পূর্ণ Web design কোর্স যেটি আপনাকে করে তুলবে ওয়েব ডিজাইনে দক্ষ এবং স্বাবলম্বী। কোর্স শেষ করে আপনি যে কোনো ধরনের ওয়েব সাইট খুব সহজে তৈরি করতে পারবেন এবং Job Market…
ইন্টারনেট জগতের বহুল জনপ্রিয় প্রশ্নের মধ্যে একটি হলো How to create a website? বাংলাদেশে IT Industry এর উন্নতির সাথে সাথেই বেড়েছে Web Designer এর প্রয়োজনীয়তা। আপনার অথবা আপনার ব্যাবসার একটি অনলাইন প্ল্যাটফর্ম তৈরি করাই ওয়েব ডিজাইনের মুল কাজ।
ওয়েব ডিজাইনে ক্যারিয়ার গড়তে চাইলে প্রথমেই আপনাকে জানতে হবে Web Design , আমাদের এই কোর্সে HTML, CSS, JavaScript, jQuery, jQuery Plugins, Bootstrap 5 ও PSD,Xd to HTML Website এর উপর একটি সম্পূর্ণ Web design কোর্স যেটি আপনাকে করে তুলবে ওয়েব ডিজাইনে দক্ষ এবং স্বাবলম্বী। কোর্স শেষ করে আপনি যে কোনো ধরনের ওয়েব সাইট খুব সহজে তৈরি করতে পারবেন এবং Job Market এ নিজের কারিয়ার গড়তে পারবেন।
About the instructor
কম্পিউটার ইঞ্জিনিয়ারিং পড়াশোনা চলা কালিন বিগত ৫ বছর যাবত ওয়েব ডিজাইন ও ডেভেলপমেন্টের কাজের সাথে জড়িত এবং শুরু থেকেই কাজ করছি ফাইভার ও আপওয়ার্ক সহ অনলাইন মার্কেটপ্লেসে। শিখতে ও শেখাতে ভালোবাসি তাই সেখান থেকে শুরু হয় কোডার আইটি সলিউশনের পথ চলা , বিগত ৩ বছর যাবত সেখানে প্রশিক্ষন দিয়ে আসছি ।
Course Curriculum
Class 1
-
How to Practice Class and Submit Assignment
14:48 -
About Website, File Extension, New File Creation, HTML Basic Tag
1:28:12 -
Assignment 1
Class 2
-
Text, Comments, Forms etc.
1:20:34
Class 3
-
Meta Tag, Video, Audio, Embed, Iframe, Picture, CSS All Types, Color Code etc.
1:18:49
Class 4
-
CSS Selector,Display, Width, Height, Calc, Padding, Margin, Float, Overflow, Create Basic Webpage Structure
1:22:13 -
Assignment 2
Class 5
-
Text Style & Alignment, Font Size, Google Fonts, Custom Fonts Install, Font Face, Font Awesome icon, Material Icon etc.
1:23:04 -
Assignment 3
Class 6
-
List style, CSS Menu Design Details, Background Details
00:59:29 -
Basic Template Design
00:52:45 -
Assignment 4
Class 7
-
CSS Position, Sticky – Fixed – Relative – Absolute – After Before Details, Z-Index etc.
1:07:51
Class 8
-
Dropdown Menu, Gradient Background, CSS Overly.
1:02:27 -
Assignment 5
-
Basic Template Design 2
00:47:35
Class 9
-
Favicon, Table Design, From Input Design Details, Cursor, Media Queries.
1:3:05 -
Assignment 7
Class 10
-
Flex Box Details.
00:58:31
Class 11
-
Design Menus, Basic Template, Grid, Using Flex Box.
1:01:10 -
Assignment 8
Class 12
-
Display Grid, Column Count etc.
00:47:03
Class 13
-
Transform, CSS Animation, Clip-Path, Triangle
1:00:53 -
Assignment 9
Class 14
-
PSD to HTML – Part 1 – Create Starter Package, Header and Banner Section.
1:22:32
Class 15
-
PSD to HTML – Part 2 – Details about CSS unit, PX to REM.
00:52:51
Class 16
-
PSD to HTML – Part 3 – Story Section, Watch, Expertise, Team Section.
1:43:19
Class 17
-
PSD to HTML – Part 4&5 – Works Section, Testimonials Section.
1:22:45
Class 18
-
PSD to HTML – Part 6 – Footer Section AND Responsive.
2:01:01 -
Assignment 10
Class 19
-
PSD to HTML – Part 7 – Validation, CSS Prefix, Minifier, Image Optimize etc.
00:17:41
Assignment – PSD to HTML
-
Project-1: Creative Agency
-
Project 2: Fitness Template
-
Project 3: Tinyone Landing Page
-
Project 4: NOEMI Blog Page
-
Project 5: Phopx eCommerce Page
-
Project 6: Buildx Construction Page
Class 20 – JavaScript
-
JavaScript Part 1
00:16:48 -
JavaScript Part 2 | Variables , Functions
00:21:34 -
JavaScript Part 3 | Array
00:28:56 -
JavaScript Part 4 | Objects
00:7:00 -
JavaScript Part 5 | Data Types & Operators
00:8:14 -
JavaScript Part 6 | Condition
00:22:40 -
JavaScript Part 7 | Switch
00:8:00 -
JavaScript Part 8 | Loops
00:17:56 -
JavaScript Part 9 | Events
00:13:27 -
JavaScript Part 10 | setTimeout & clearTimeout
00:11:45 -
JavaScript Part 11 | setInterval & clearInterval
00:5:54 -
JavaScript Part 12 | Countdown, Clock
00:9:42
Class 20.1 – jQuery
-
jQuery | Get Started | Part 1
00:14:54 -
jQuery – ready(), Events, on() | Part 2
00:18:02 -
jQuery – hide, show, fadeIn, fadeOut, fadeTo, toggle | Part 3
00:12:00 -
jQuery – slideUp, slideDown, slideToggle | Part 4
00:9:25 -
jQuery – Mobile Menu | Part 5
00:21:59 -
jQuery – Simple Currency Switcher | Part 6
00:20:58 -
jQuery – animation, stop() | Part 7
00:15:26 -
jQuery – callback, chaining | Part 8
00:7:03 -
jQuery – Get, Set Content, Attributes | Part 9
00:26:42 -
jQuery – Add Element, Remove Element | Part 10
00:9:04 -
jQuery – addClass, removeClass, css() | Part 11
00:12:27 -
jQuery – Dimensions | Part 12
00:14:21 -
jQuery – Traversing – Ancestors | Part 13
00:12:48 -
jQuery – Descendants, Siblings | Part 14
00:13:52 -
jQuery – Traversing – Filtering | Part 15
00:7:01
Class 20.2 – jQuery UI
-
jQuery UI – Part 1
00:47:27 -
jQuery UI – Part 2
00:28:58 -
jQuery UI – Part 3
00:32:47 -
jQuery UI – Part 4
00:9:46
Class 20.3 jQuery Plugins
-
Owl Carousel
00:53:55
Class 20.4 jQuery Plugins
-
jQuery Plugins Part 2
1:02:21
Class 21 Plugins
-
jQuery Plugins Part 3
1:11:07
Class 22
-
Getting Free Domain Hosting
00:56:07
Class 23
-
jQuery Plugins Part 4
01:01:57
Class 24
-
jQuery Plugins Part 5
01:02:05
Class 25
-
Bootstrap Framework Part 1
01:19:37
Class 26
-
Bootstrap Framework Part 2
01:16:12
Class 27
-
Bootstrap Framework Part 3
00:45:40
Class 28
-
Bootstrap Framework Part 4
01:00:57
Class 29
-
Bootstrap Framework Part 5
00:35:29
Class 30
-
PSD to Bootstrap Project – Part 1
00:41:31
Class 31
-
PSD to Bootstrap Project – Part 2
01:42:19
Class 32
-
PSD to Bootstrap Project – Part 3
01:34:38
Class 33
-
PSD to Bootstrap Project – Part 4
01:10:18
Class 34
-
PSD to Bootstrap Project – Part 5
01:37:30
Class 35
-
PSD to Bootstrap Project – Part 6 (Responsive)
01:24:50
Class 36
-
How to works with XD | XD to HTML
19:13
Class 37
-
HTML SEO Meta Tags
00:36:23