Complete Web Design Development Course from Scratch

Course Curriculum

Chapter 1: HTML5 Fundamentals

Lecture 1: Course Materials

Lecture 2: Introduction to HTML5 & CSS3

Lecture 3: What you will need

Lecture 4: Installing VS Code

Lecture 5: Hello World

Lecture 6: HTML5 Document Structure

Lecture 7: HTML5 Basics

Lecture 8: Headings & Paragraphs

Lecture 9: Text Formatting

Lecture 10: Links in HTML5

Lecture 11: Nested Links in HTML5

Lecture 12: Lists in HTML5

Lecture 13: Working with Images

Lecture 14: Tables in HTML5

Lecture 15: Forms in HTML5

Lecture 16: Creating a Contact Form

Lecture 17: Creating a Login Form

Lecture 18: Creating a Registration Form

Lecture 19: Grouping Elements

Lecture 20: HTML5 Media Tags

Lecture 21: IFrames in HTML5

Lecture 22: Figure Tag in HTML5

Lecture 23: Collapse Elements with Details Tag

Chapter 2: HTML5 – Website Structure

Lecture 1: Creating The Header

Lecture 2: Creating Nav Menu

Lecture 3: Creating The Banner

Lecture 4: Adding Content to Page

Lecture 5: Creating The Sidebar

Lecture 6: Building Page Footer

Lecture 7: Adding Copyright

Chapter 3: CSS & CSS3 – Essentials

Lecture 1: Inline CSS

Lecture 2: Internal CSS

Lecture 3: External CSS

Lecture 4: Box Model in CSS

Lecture 5: Targeting Elements in CSS

Lecture 6: Designing with Box Model

Chapter 4: HTML5, CSS & CSS3 – Website Project

Lecture 1: Building The Container

Lecture 2: Building The Website Header

Lecture 3: Creating The Nav Bar

Lecture 4: Making Drop-Down Menu

Lecture 5: Creating Image Slider

Lecture 6: Making Content Holder

Lecture 7: Creating Sidebar

Lecture 8: Making Footer

Lecture 9: Creating About-us Page

Lecture 10: Creating Services Pages

Lecture 11: Building The Products Page

Lecture 12: Building Contact Page

Lecture 13: Adding Nav-Menu

Lecture 14: Responsive Design (RWD) Explained

Lecture 15: Animation with CSS3

Chapter 5: JavaScript – Fundamentals

Lecture 1: JavaScript Introduction

Lecture 2: What you should know

Lecture 3: Hello World

Lecture 4: JavaScript Statements

Lecture 5: Placement in JavaScript (Part 1)

Lecture 6: Placement in JavaScript (Part 2)

Lecture 7: Variables in JavaScript

Lecture 8: Conditions in JavaScript

Lecture 9: Operators in JavaScript

Lecture 10: Working with Browser Console

Lecture 11: Loops in JavaScript

Lecture 12: Functions in JavaScript

Lecture 13: Creating Custom Loops with Functions

Lecture 14: Working with Arrays

Lecture 15: Numbers in JavaScript

Lecture 16: Strings in JavaScript

Lecture 17: Working with Dates Object

Lecture 18: Objects in JavaScript

Lecture 19: DOM in JavaScript

Lecture 20: Element Node Types

Lecture 21: Working with DOM Elements

Lecture 22: Changing Contents of DOM

Lecture 23: Creating New Elements with JavaScript

Lecture 24: Adding Events to DOM Elements

Lecture 25: Working with Form Elements

Lecture 26: Timers in JavaScript

Lecture 27: Debugging in JavaScript

Lecture 28: Creating Modern Live Validation Forms

Lecture 29: Minify & Validate JavaScript

Lecture 30: Using JavaScript Libraries

Lecture 31: Working with Modern JavaScript

Lecture 32: Making Use Of Use Strict

Lecture 33: JavaScript Bad Practices

Lecture 34: JavaScript Regular Expressions

Chapter 6: Bootstrap 5 – The Complete Guide

Lecture 1: Introduction

Lecture 2: What You Will Need

Lecture 3: Hello World

Lecture 4: Bootstrap Document Structure

Lecture 5: Breakpoints

Lecture 6: Containers

Lecture 7: Grid

Lecture 8: Grid Options

Lecture 9: Nesting Rows and Columns