Mastering Web Design with Projects

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Enviroment Setup

Lecture 3: Write First Code

Chapter 2: HTML5 | Basic to Advance

Lecture 1: Html Code Structure

Lecture 2: Heading Tag

Lecture 3: Paragraph Tag

Lecture 4: Image Tag

Lecture 5: Link Tag

Lecture 6: Bold, Italic, Underline & Break Tag

Lecture 7: Nested Coding

Lecture 8: List Tag

Lecture 9: Table Tag | Part 1

Lecture 10: Table Tage | Part 2

Lecture 11: Form Tag | Part 1

Lecture 12: Form Tag | Part 2

Lecture 13: Entity Set & Comments

Lecture 14: iFrame

Lecture 15: Video Tag

Chapter 3: CSS3 | Basic to Advance

Lecture 1: Introduction

Lecture 2: Types of CSS

Lecture 3: Color

Lecture 4: Background Color

Lecture 5: Types of Color

Lecture 6: Text Align

Lecture 7: Text Transform

Lecture 8: Font-weight, Font-style & Text-decoration

Lecture 9: Font-size

Lecture 10: Word & Letter Spacing

Lecture 11: Width & Height

Lecture 12: Internal CSS

Lecture 13: External CSS

Lecture 14: Class & ID

Lecture 15: Margin

Lecture 16: Padding

Chapter 4: Responsive Project with Html5 & Css3

Lecture 1: Project Overview

Lecture 2: Project Enviroment Setup

Lecture 3: Header Section | Home Page

Lecture 4: Banner Section | Home Page

Lecture 5: Services Section | Home Page

Lecture 6: About Section | Home Page

Lecture 7: Footer Section | Home Page

Lecture 8: About Page

Chapter 5: CSS FlexBox | Step by Step

Lecture 1: Introduction

Lecture 2: Display : Flex

Lecture 3: Flex Direction

Lecture 4: Flex Wrap

Lecture 5: Flex Flow

Lecture 6: Justify Content

Lecture 7: Align Content

Lecture 8: Align Items

Lecture 9: Order

Lecture 10: Flex Grow

Lecture 11: Flex Basis

Lecture 12: Align Self

Chapter 6: FlexBox Project with Responsive

Lecture 1: Class 1

Lecture 2: Class 2

Lecture 3: Class 3

Lecture 4: Class 4

Lecture 5: Class 5

Chapter 7: JavaScript Fundamentals

Lecture 1: Introduction

Lecture 2: Write First Code

Lecture 3: Var, Let & Const

Lecture 4: Data Types

Lecture 5: Arithmetic Operator

Lecture 6: Assignment Operator

Lecture 7: Logical & Ternary Operator

Lecture 8: if…else..if

Lecture 9: Switch Statement

Lecture 10: For & While Loop

Lecture 11: Arrays

Lecture 12: Date

Lecture 13: Math

Chapter 8: Project 1 : How to make a Portfolio Website using Bootstrap 5

Lecture 1: Introduction

Lecture 2: File Management

Lecture 3: Header Section

Lecture 4: Bannar Section

Lecture 5: About Section

Lecture 6: Services Section

Lecture 7: Projects – Create Layout

Lecture 8: Projects – Single Project Page

Lecture 9: Projects – Image Popup

Lecture 10: Counter – Layout

Lecture 11: Counter – Number

Lecture 12: Timeline Section

Lecture 13: Testimonials Section

Lecture 14: Price Section

Lecture 15: Team Section

Lecture 16: Blog Section

Lecture 17: CTA Section

Lecture 18: Contact Section

Lecture 19: Footer Section

Lecture 20: Sticky Header