Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design

Complete Web Design and Development Course : 14 Courses in 1

Learn web designing from scratch || Design PSD Templates in Photoshop || Create Modern Responsive HTML/CSS Websites
Rating: 4.6 out of 54.6 (113 ratings)
10,047 students
Created by Supriyo Kundu
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

Course content

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

  • Preview03:58

  • What is HTML ?
    04:12
  • Creating a Basic HTML Document
    05:05
  • HTML Elements
    04:06
  • HTML Elements
    02:39
  • HTML Styles
    02:45
  • HTML Headings
    03:23
  • Paragraph and PRE tag
    06:45
  • HTML Computer Code Tags
    07:21
  • HTML Comments
    04:30
  • Text Formatting
    11:08
  • Quotes , ABBR , BDO
    07:56
  • HTML Colors
    06:57
  • Block and Inline Elements
    05:38
  • IDs and Classes
    06:00
  • HTML Links
    07:15
  • HTML Images
    07:11
  • HTML Tables
    10:48
  • HTML Lists
    07:08
  • Resource files for HTML
    00:01

  • 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

  • Simple Navigation
    12:30
  • Gradient Navigation
    03:50
  • Corporate Navigation
    03:56
  • Awesome Glossy Button
    11:30
  • Simple Call to Action Button
    02:53
  • Awesome Call to Action Buttons
    10:17
  • Contact Form
    11:01
  • Pricing Table
    19:21
  • Slider
    08:24
  • Progress Bar
    05:58
  • Download UI PSD elements
    00:02

  • Grid
    02:46
  • Techniques of Improving Images
    05:06
  • Selecting Best Colors
    02:32
  • Selecting Best Fonts
    01:38
  • Working Efficiently with FontAwesome (Increasing or Decreasing Thickness/Height)
    09:31

Instructor

Supriyo Kundu
Web Developer & Graphic Designer, 90000+ Students Instructor
Supriyo Kundu
  • 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 :)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.