Course Content
📘 FOUNDATION SECTION
0/10
Lesson F1 – Course Introduction
Lesson F2 – What is Web Designing?
Lesson F3 – How Websites Work?
Lesson F4 – Frontend vs Backend Development
Lesson F5 – Types of Websites
Lesson F6 – Introduction to HTML, CSS & JavaScript
Lesson F7 – Installing Visual Studio Code
Lesson F8 – Browser Developer Tools
Lesson F9 – Website Planning & Design Workflow
Lesson F10 – Creating Your First Web Page
📘 MODULE 1 – HTML Fundamentals
0/10
Lesson 1.1 – What is HTML?
Lesson 1.2 – Structure of an HTML Document
Lesson 1.3 – Headings & Paragraphs
Lesson 1.4 – Text Formatting Tags
Lesson 1.5 – Lists (Ordered & Unordered)
Lesson 1.6 – Hyperlinks & Navigation
Lesson 1.7 – Images & Multimedia
Lesson 1.8 – Tables
Lesson 1.9 – Semantic HTML Elements
Lesson 1.10 – Mini Project: Student Profile Website
📘 MODULE 2 – Forms & User Input
0/7
Lesson 2.1 – Introduction to Forms
Lesson 2.2 – Input Types
Lesson 2.3 – Radio Buttons & Checkboxes
Lesson 2.4 – Select Menu & Text Areas
Lesson 2.5 – Form Validation Basics
Lesson 2.6 – Building a Registration Form
Lesson 2.7 – Mini Project: College Admission Form
📘 MODULE 3 – CSS Fundamentals
0/9
Lesson 3.1 – Introduction to CSS
Lesson 3.2 – Inline CSS
Lesson 3.3 – Internal CSS
Lesson 3.4 – External CSS
Lesson 3.5 – Colors & Backgrounds
Lesson 3.6 – Fonts & Typography
Lesson 3.7 – Borders & Shadows
Lesson 3.8 – Styling Links & Buttons
Lesson 3.9 – Mini Project: Beautiful Profile Card
📘 MODULE 4 – CSS Layout & Design
0/9
Lesson 4.1 – CSS Box Model
Lesson 4.2 – Margin & Padding
Lesson 4.3 – Width & Height
Lesson 4.4 – Display Properties
Lesson 4.5 – Positioning Elements
Lesson 4.6 – Flexbox Basics
Lesson 4.7 – Flexbox Advanced Layout
Lesson 4.8 – CSS Grid Introduction
Lesson 4.9 – Mini Project: Landing Page Layout
📘 MODULE 5 – Responsive Web Design
0/7
Lesson 5.1 – What is Responsive Design?
Lesson 5.2 – Mobile First Design
Lesson 5.3 – Media Queries
Lesson 5.4 – Responsive Images
Lesson 5.5 – Responsive Navigation Bar
Lesson 5.6 – Building Mobile Friendly Pages
Lesson 5.7 – Mini Project: Responsive Business Website
📘 MODULE 6 – JavaScript Fundamentals
0/9
Lesson 6.1 – Introduction to JavaScript
Lesson 6.2 – Variables & Data Types
Lesson 6.3 – Operators
Lesson 6.4 – Conditional Statements
Lesson 6.5 – Loops
Lesson 6.6 – Functions
Lesson 6.7 – Events
Lesson 6.8 – DOM Manipulation
Lesson 6.9 – Mini Project: Interactive Web Page
📘 MODULE 7 – JavaScript Real Projects
0/6
Lesson 7.1 – Digital Clock Project
Lesson 7.2 – Age Calculator Project
Lesson 7.3 – BMI Calculator Project
Lesson 7.4 – Random Quote Generator
Lesson 7.5 – To-Do List Project
Lesson 7.6 – Quiz Application Project
📘 MODULE 11 – Website Deployment & Hosting
0/6
Lesson 8.1 – What is Domain Name?
Lesson 8.2 – What is Web Hosting?
Lesson 11.3 – GitHub Pages Deployment
Lesson 11.4 – Netlify Deployment
Lesson 11.5 – Website Maintenance
Lesson 11.6 – SEO Basics
Project file
0/1
project
Complete Web Designing Course for Beginners
Exercise Files
Project-01-PersonalPortfolio.zip
Size: 7.24 KB
Project-02-StudentTaskPlanner.zip
Size: 6.01 KB
Project-03-StudentBudgetTracker.zip
Size: 6.23 KB
Project-04-StudentQuizApp.zip
Size: 5.52 KB
Project-05-StudentNotesApp.zip
Size: 5.84 KB
Project-06-StudentHabitTracker.zip
Size: 5.65 KB
Project-07-ClassTimetableBuilder.zip
Size: 6.16 KB
Project-08-FlashcardStudyApp.zip
Size: 5.61 KB
Project-09-ExpenseSplitCalculator.zip
Size: 5.39 KB
Project-10-AttendanceTracker.zip
Size: 5.46 KB
Project-11-TypingSpeedTest.zip
Size: 5.16 KB
Project-12-GradeCalculator.zip
Size: 4.63 KB
Previous
Next
Scroll to Top