Web Dev
Web Development Fundamentals
Learn HTML, CSS, and JavaScript to build and style interactive web pages from the ground up.
1 students
By Prasath
Medium
14 h
199 lessons
English
199
Lessons
14 h
Duration
Online
Mode
English
Language
On Request
Certificate
1+
Students
About This Course
Master HTML, CSS, and JavaScript from fundamental web concepts to building interactive web pages. Learn hands-on markup, styling, scripting, and web development skills to build modern websites.
What You'll Learn
HTML structure and semantic elements
CSS styling, layouts, and responsive design
JavaScript fundamentals and programming logic
DOM manipulation and events
Building interactive web pages
Why Learn This?
Build a strong foundation in web development
Create modern and responsive websites
Learn practical HTML, CSS, and JavaScript skills
Develop interactive web pages
Prerequisites
- Basic computer knowledge
- No prior web development experience required
- Willingness to learn and practice coding
Who Is This For?
- Beginners
- Students
- Aspiring web developers
- Anyone interested in learning HTML, CSS, and JavaScript
Course Curriculum
199 lessons · 13 hrs 50 mins
Introduction
1 min
Basic Structure of a Web Page
4 min
HTML Head Tags
7 min
HTML Body Tag
3 min
HTML Paragraph Spacing
3 min
HTML Line Breaks
1 min
HTML Non-Breaking Space
3 min
HTML Header Tag
1 min
HTML Text Formatting and Decoration
4 min
HTML Inline Text Formatting
1 min
HTML Absolute vs Relative File Referencing
1 min
HTML Link Creation
7 min
HTML Anchor Tag
6 min
HTML Text Wrapping
1 min
HTML Introduction to Forms
3 min
HTML Form Tags and Attributes
4 min
HTML Forms – POST vs GET
1 min
HTML Forms – Input Text Field
4 min
HTML Forms – Select Menus
6 min
HTML Forms – Check Boxes and Radio Buttons
6 min
HTML Forms – Text Area and Buttons
6 min
HTML Unordered Lists
3 min
HTML Ordered Lists
3 min
HTML Image Insertion
4 min
HTML Tables
10 min
HTML Nested Tables
6 min
HTML Merging Cell
1 min
HTML Table Background Image
1 min
HTML Table Cell Alignment
1 min
HTML Embedding Videos
3 min
HTML Forms – Iframes
4 min
Semantic Tags
25 min
Introduction to HTML API's
7 min
Drag and Drop API
12 min
Geolocation API
4 min
Web Storage API
9 min
HTML Project – Introduction
1 min
HTML Project – Header
4 min
HTML Project – Callout
3 min
HTML Project – Image Insertion
1 min
HTML Project – Text Insertion
1 min
HTML Project – Links and Form
3 min
HTML Project – Tabular Data
1 min
HTML Project – Footer
1 min
Introduction
1 min
How to use CSS
12 min
Styling Text
10 min
Adding Borders
6 min
Margin and Padding
4 min
Styling Lists
4 min
Styling Links
4 min
Styling Button
7 min
Adding Icons
6 min
Working with Display Values
4 min
Display value Inline-Block
7 min
Handling Content Overflow
3 min
Floating HTML Elements
4 min
Box Model
4 min
Box Sizing
4 min
Adding Shadows
4 min
Pseudo Elements
7 min
Adding Backgrounds
4 min
Gradients
7 min
Handling Text Overflow
4 min
Introduction to Responsive Web Design
1 min
Viewport
4 min
Introduction to Media Queries
3 min
Dynamic Size
4 min
Responsive Webpage Design using Media Queries
13 min
Flex Layout
3 min
Flex Container Properties
7 min
Align Flex Items
7 min
Flex Item Properties
4 min
Design Topbar using Flex
4 min
Responsive Grid using Flex
4 min
Transform Property
7 min
Align Elements using Transform Property
3 min
Transition Property
7 min
Animation Property
9 min
Flying Rocket Animation using Animation Property
3 min
Introduction to Grid Layout
3 min
Grid Container Properties
7 min
Grid Item Properties
9 min
Final Project Problem Statement
3 min
Let Learn Java Script
1 min
Introduction to the Course
1 min
HTML, CSS and JavaScript
7 min
Variables
6 min
Adding Variables
4 min
Variables Scope
3 min
If Statement
4 min
Else Statement
4 min
More on Variable Scope
1 min
Else If Statements
3 min
Scaling Functions
3 min
Calling Functions with Functions
3 min
Adding a Button and Functions
4 min
Adding User Input
4 min
Changing the Text in JavaScript
6 min
Changing the Style Tags with JavaScript
4 min
Saving Your Project
1 min
Course Conclusion
1 min
Introduction
3 min
ES5 vs ES6
1 min
Arrow Functions
1 min
Template Literals
3 min
Introduction
Let and Const Declarations
4 min
Block Scope vs Function Syntax
1 min
Arrow Function Syntax
7 min
Default Function Parameters
4 min
Rest Parameters
4 min
Spread Operator
6 min
Destructuring Assignment
7 min
Enhanced Object Literals
4 min
Shorthand Property Names
1 min
Computed Property Names
1 min
Object and Array Destructuring
4 min
Modules (Import and Export)
7 min
Optional Chaining
4 min
Dynamic Imports
1 min
Syntax Best Practices
1 min
Introduction
Benefits of Modular Programming
4 min
Creating and Exporting Modules
6 min
Default Exports
6 min
Named Exports
4 min
Importing Modules
6 min
Re-exporting Modules
1 min
Defining Classes
1 min
Class Methods
3 min
Getters and Setters
1 min
Creating Objects from Classes
4 min
Method Overriding
3 min
Introduction
1 min
Symbol Descriptions
4 min
Symbol vs Strings
1 min
Common Mistakes to Avoid
6 min
Creating Symbols
4 min
Introduction
1 min
Creating Custom Iterators
4 min
Iterables Objects
4 min
Generator Function Syntax
4 min
Passing Values to Generators
3 min
Infinite Generators
3 min
Practical Use Cases
3 min
Introduction
1 min
Promise States
4 min
Creating a Promise
1 min
Promise Chaining
1 min
Error Handling in Promises
1 min
Async and Await Basics
4 min
Mini Project Using Promises
1 min
Introduction
1 min
Enhanced Object Literals
9 min
Property Shorthand Syntax
4 min
Computed Property Names
3 min
Object Spread Operator
4 min
Object Rest Properties
9 min
Object Freezing and Sealing
4 min
Object Cloning and Merging
1 min
Introduction
1 min
Understanding The Map Object
3 min
Creating and Initializing Maps
3 min
Iterating Through Maps
3 min
Map Methods and Properties
1 min
Creating and Initializing Sets
6 min
Adding and Removing Set Values
3 min
Checking value Existence
1 min
Weak Map and Weak Set
1 min
Common Use Cases
1 min
Performance Considerations
4 min
Introduction
1 min
Purpose and benefits of Reflect
4 min
Common Reflect Methods
4 min
Reflect . Get() and Reflect . Set()
4 min
Reflect . Has() and Reflect . Delete Property()
1 min
Reflect . Define Property() and Reflect . Ownkeys()
9 min
Using Reflect with Proxies
1 min
Practical Use Cases of Reflect
4 min
Best Practices and Common Pitfalls
4 min
Introduction
1 min
Creating and Configuring Proxies
6 min
Proxy Handler Objects
4 min
Intercepting Property Access
3 min
Intercepting Property Assignment
1 min
Property Existence and Deletion
4 min
Function and Constructor Traps
3 min
Using Proxy with Reflect API
1 min
Introduction
1 min
ES6 Syntax Practice
4 min
Functions and Scope Exercises
6 min
Modules and Classes Lab
4 min
Symbols and Iterators Practice
3 min
Promises and Async Programming Tasks
7 min
Objects, Maps, and Sets Exercises
4 min
Reflect and Proxy API Lab
4 min
Mini Project Implementation
4 min
Final Practical Assessment
6 min
Student Reviews
Please Log In to leave a review for this course.
No published reviews yet. Be the first to share your experience!
