Basic to Advance – Professional Web Design - Coder IT Solution

Basic to Advance – Professional Web Design

Categories: Web Design
Wishlist
Deprecated: Function get_page_by_title is deprecated since version 6.2.0! Use WP_Query instead. in /home/coderitsolution/public_html/wp-includes/functions.php on line 5413
Share
Share Course
Page Link
Share On Social Media
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 এ নিজের কারিয়ার গড়তে পারবেন।

What Will You Learn?

  • HTML & CSS
  • Basic Template Design
  • PSD to HTML(Raw Coding)
  • JavaScript
  • jQuery
  • jQuery Plugins
  • Bootstrap 5
  • PSD TO HTML(Bootstrap 5) Project

About the instructor

instructor avatar
কম্পিউটার ইঞ্জিনিয়ারিং পড়াশোনা চলা কালিন বিগত ৫ বছর যাবত ওয়েব ডিজাইন ও ডেভেলপমেন্টের কাজের সাথে জড়িত এবং শুরু থেকেই কাজ করছি ফাইভার ও আপওয়ার্ক সহ অনলাইন মার্কেটপ্লেসে। শিখতে ও শেখাতে ভালোবাসি তাই সেখান থেকে শুরু হয় কোডার আইটি সলিউশনের পথ চলা , বিগত ৩ বছর যাবত সেখানে প্রশিক্ষন দিয়ে আসছি ।

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

Deprecated: Function get_page_by_title is deprecated since version 6.2.0! Use WP_Query instead. in /home/coderitsolution/public_html/wp-includes/functions.php on line 5413

Deprecated: Function get_page_by_title is deprecated since version 6.2.0! Use WP_Query instead. in /home/coderitsolution/public_html/wp-includes/functions.php on line 5413
৳ 4000

Requirements

  • আপনার ১টি কম্পিউটার অথবা ল্যাপটপ থাকতে হবে।
  • ইন্টারনেট সংযোগ অথবা নেটের ব্যবস্থা থাকতে হবে।
  • ইংরেজি পড়তে , বুজতে , ও লিখার উপর ব্যাসিক জ্ঞান থাকতে হবে।

Audience

  • যারা একবারে নতুন ওয়েব সেক্টরে কাজ করতে ইচ্ছুক।
  • যারা একটু একটূ কোডিং পারেন কিন্তু পার্ফেক্ট ওয়েব সাইট ডিজাইন করতে পারেন না।
  • প্রফেশনালি ওয়েব ডিজাইনে ফ্রিল্যান্সিং করতে চান।
  • শুধু HTML, CSS পারেন কিন্তু PSD, XD থেকে কিভাবে একটা ওয়েব সাইট কোডিং করতে হয় তা জানেন না তাদের জন্যে।
  • যারা সঠিক কোনো গাইড লাইন পান না। কোনটির পর কোনটি শিখতে হবে। তাদের জন্যে সিরিয়ালি সুন্দর করে সাজানো এই কোর্সটি।
Shopping cart
There are no products in the cart!