What you'll learn

You will Learn Web Designing from scratch
You will Learn HTML , CSS , Javascript , Jquery , Ajax , Bootstrap , Photoshop for Web Design
You will Learn the Ultimate Skill you need for Designing Awesome Professional Websites
You will Learn Creating Modern PSD Templates in Photoshop with 3 Mega Projects
You will Learn Converting PSD to HTML/CSS Responsive Websites with 3 Mega Projects

Requirements

All you need is a Code Editor for writing Code (here Sublime Text is used) , Photoshop for Designing PSD templates

Description

Do you want to Learn Web Designing from Scratch ?

Do you want to Master Your Web Design Skill to Advanced Professional Level ?

Welcome to One of the Biggest Web Designing Course !!!

This Course includes :

14 Courses
400+ Video Lectures
4 Bonus Courses (all in all 18 Courses in 1)

Topics Covered in this Course :

HTML Crash Course
CSS Concepts
Javascript
Jquery
Ajax
Bootstrap (for Responsive Design)
Photoshop for Web Design
Designing UI Elements
Designing 3 Mega PSD Templates (3 web designs in Photoshop)
3 Mega PSD to Responsive Web Design Projects
Creating websites with cool features like Ajax Contact Form , CSS Animations , Parallax Designs
Creating Animated Sliders without any Jquery Plugin (no need to pay for paid plugins when you can do it on your own !!!)
Many More important tips ,tricks,techniques are shared

Each and everything is explained in detail. Also if you need any help , I am always here to Clear your concept.

So , what are you waiting for ? Enroll Now !!! and take your first step in Designing Awesome Professional Websites

Who this course is for:

if You want to Learn Web Designing from scratch, this course is for you
If you want to improve your web designing skill to Advanced Professional Level, this course is for you
If you want to Learn HTML, CSS , Javascript, Jquery , Bootstrap, Ajax , Photoshop for Web Design , this course is for you
If you want to Learn Design Modern PSD Templates for Web Design , This course is for you
If you want to Learn Converting PSD Templates to Beautiful Modern Responsive Websites , This course is for you

18 sections • 379 lectures • 40h 36m total length

Preview03:58

CSS Syntax
06:41
CSS Selectors in Depth
15:56
Understanding children selectors using examples
05:57
Types of Styles
12:16
CSS Colors
06:34
Border , Border Radius and Outline
11:04
CSS Margin
05:10
CSS Padding
05:31
Preview05:14
CSS Font Family
06:57
CSS Width , height , line height Combination
03:43
CSS Text Formatting
06:44
CSS Display Property
04:10
Preview12:36
CSS Overflow Property
03:11
Important Concept: Float and Clear
09:18
CSS Opacity
06:07
CSS Box Shadow
08:11
Text Shadow
04:48
Resource Files for CSS
00:01

What is Javascript and Why it is used ?
03:57
Javascript Syntax
06:32
Best Use of Javascript
05:41
Javascript Comments
03:29
Javascript Variables
06:36
Types of Variables in Javascript
07:26
Arithmetic Operators
09:13
Assignment Operators
05:02
Concatenation Operator
01:18
Interesting Concept : Adding Strings and Numbers
03:54
Comparison Operator
03:34
Logical Operator
02:59
If Statement
08:50
Important Concept : if(1)
03:37
If Else Statement
03:34
Nested If Else Statement
03:41
Ternary Operator
05:14
Function in Javascript
04:51
Parameterized Function
05:21
Return Function
03:23
Nested Function
06:46
Important Concept : Local and Global Variables
09:44
Switch Statement
05:56
Introduction to Loops
02:04
For Loop
09:38
While Loop
02:46
Do While Loop
03:36
Array in Javascript
02:23
Ways of Creating Array in Javascript
09:24
Dynamic Array
07:54
Array Methods : Part1 ( Shift and Unshift )
04:25
Array Methods : Part2
05:01
Objects
06:04
For In Loop
04:55
Javascript Project and Resource Files
00:01

What is Jquery and why we use it ?
02:00
Using Jquery in Website
15:32
Solution : Conditional Script Loading
05:43
Jquery Syntax
08:51
Jquery Selectors
07:32
Mouse Events
09:32
Keyboard Events
06:55
Form Events
09:04
Document/Window Events
08:01
Hide and Show
09:00
Getting Content Using Jquery
07:55
Setting Content using Jquery
05:05
Creating HTML Contents using Jquery
03:54
Adding HTML Contents using Jquery
10:39
Removing HTML Content using Jquery
08:42
DOM Traversing Concept
05:41
Ancestor Traversal
05:31
Descendant Traversal
10:26
Siblings Traversal
13:05
Jquery Ajax : Part 1 : Load Method
09:47
Jquery Ajax : Part2 : Get HTTP Request using Jquery
12:43
Jquery Ajax : Part3 : Post HTTP Request using Jquery
05:42
Jquery Ajax : Part4 : $.ajax
12:12
Important : Using Each method in Jquery
05:39
CSS Manipulation : Adding Classes to Elements
07:47
CSS Manipulation : Removing Classes from Elements
02:46
CSS Manipulation : Adding CSS Styles Dynamically
04:40
CSS Manipulation : Toggle Class
04:06
Jquery Project Files
00:02

What is Ajax and Why we Use it ?
02:26
Ajax Examples
06:12
How Ajax Works
05:40
Understanding and Creating XMLHttpRequest Object
08:19
Request Types and Methods
06:50
Understanding GET Request in AJAX
06:14
Understanding POST Request in AJAX
05:30
onReadyStateChange Function
08:41
Handling Response from Server
03:12
Ajax Project1
08:47
Ajax Project2 : Dynamic Example
07:33
Ajax Project3 : Search Suggestion (Part1)
05:51
Ajax Project3 : Search Suggestion (Part2)
05:37
Ajax Project4 : Submitting data to Server
11:20

What is Bootstrap and why we use it ?
04:02
Downloading and Using Bootstrap
15:13
Bootstrap Grid System
02:48
Understanding Row and Container Classes
06:15
Understanding Col-XX-Y classes
13:45
Implementing Different Column Layout
04:41
Understanding Offest
04:29
Nested Column Concept
05:38
Pull Right and Pull Left
05:23
Push and Pull
06:22
Clearing Float in Bootstrap
05:09
Decorating Images with Bootstrap
03:10
Responsive Images
03:08
Creating Navigation in Bootstrap in Easy Concept
15:11
Adding Custom Styles to Bootstrap Navigation
12:21
DropDown
05:43
Tabs and Pills
04:30
Functional Tabs using Javascript
11:09
Functional Tabs using only CSS
03:21
Progress Bar
07:34
Creating Carousel in Bootstrap
18:15
Creating Modal Dialogue in Bootstrap
14:16

Photoshop Interface
02:39
Creating New Document in Photoshop
03:17
Saving Document in Photoshop
01:54
Opening an existing file or document in Photoshop
01:46
Rectangle Tool
02:39
Rounded Rectangle Tool
03:56
Ellipse Tool
02:24
Polygon Tool
02:41
Line Tool
02:41
Custom Shape Tool
01:40
Move Tool
02:05
Alignment
02:38
Type Tool and Character Panel
08:28
Eye Dropper Tool
02:06
Swatches
02:44
Layers
04:01
Layer Styles
11:12
Fun Project
05:38
Rectangular Marquee Tool
03:22
Direct Selection Tool
03:53
Gradient Tool
10:28
Pen Tool
06:07

Supriyo Kundu

Web Developer & Graphic Designer, 90000+ Students Instructor

4.3 Instructor Rating
2,701 Reviews
101,068 Students
21 Courses

Hi ,

My name is Supriyo . I am a Computer Science Engineer .
I have equal passion for both Programming and Designing.

Areas of Knowledge : Photoshop , Illustrator , Web Design , Web Development , Wordpress , Elementor.

I help students to grow their Designing and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Animations or Website Design (Design and coding both) etc .

Currently , My courses have over 90000 Awesome Students and they also love me :)

Complete Web Design and Development Course : 14 Courses in 1

What you'll learn

Requirements

Description

Who this course is for:

Course content

Instructor

Complete Web Design and Development Course : 14 Courses in 1

What you'll learn

Requirements

Description

Who this course is for:

Course content

Introduction1 lecture • 4min

Course1 : HTML Crash Course19 lectures • 1hr 51min

Course2 : CSS Crash Course20 lectures • 2hr 20min

Course3 : Complete Javascript Course35 lectures • 2hr 59min

Course4 : Complete Jquery Course29 lectures • 3hr 39min

Course5 : Ajax Crash Course14 lectures • 1hr 32min

Course6 : Complete Bootstrap Course22 lectures • 2hr 52min

Course7 : Photoshop Crash Course for Web Design in Photoshop22 lectures • 1hr 28min

Course8 : Designing Awesome UI Elements in Photoshop11 lectures • 1hr 30min

Useful Informations regarding Web Design in Photoshop5 lectures • 22min

Instructor