Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript Foundations-B02-16FEB2026
Introduction to Web Development, HTML and CSS
Pre-training Assessment
What’s Coming Up (1:34)
Basics of Web Development (9:45)
Practice Quiz: Web Development Fundamentals
Introduction to HTML (8:30)
Links, Attributes and Images in HTML (8:09)
Lists and Tables in HTML (6:17)
Activity Session: Basic HTML Tags (17:26)
Forms in HTML (6:18)
Activity Session: HTML Registration Form (8:07)
Practice Quiz: HTML
What is CSS? (9:55)
Properties and Box Model in CSS (7:50)
Backgrounds, Tables and Positioning in CSS (6:24)
Practice Quiz: CSS Foundation
Flexbox in CSS (7:47)
HTML5 Layout (3:57)
Activity Session: Styling with CSS (14:07)
Practice Quiz: Advanced CSS
Lecture Notes
Resources & References
Course Evaluation and Marking Scheme
Assignment: Portfolio Website
JavaScript Fundamentals, DOM Manipulation and Event Handling
Capstone Project: Money Manager App
What You'll Learn Next (1:30)
Introduction to JavaScript (15:13)
JavaScript Fundamentals, Operators and Console I/O (11:30)
Activity Session: Executing JavaScript Code (11:14)
Practice Quiz: JS Basics
Conditional Statement and Loops (9:26)
Activity Session: JS Basics and Loops (18:39)
Practice Quiz: JS Conditional Statement and Loops
JavaScript Arrays and Objects (11:30)
Functions and Scope (9:03)
Activity Session: JS Functions, Arrays and Objects (23:40)
Practice Quiz: JS Functions, Arrays and Objects
DOM Manipulation (13:44)
Practice Quiz: DOM Manipulation
Event Handling (11:06)
Activity Session: DOM and Event Handling (22:56)
Activity Session: Integrating Fontawesome Resource and Google Fonts (8:19)
Activity Session: Increment and Decrement App (11:01)
Practice Quiz: Event Handling
Lecture Notes
Resources & References
Assignment: Portfolio Website
Advanced JavaScript
What You'll Learn Next (1:48)
ES6 features: Arrow functions and Timing Events (8:42)
ES6 features: Destructuring, Rest/Spread operators (8:37)
Built-in methods: Strings (7:02)
Built-in methods: Arrays (6:58)
Built-in methods: Objects, Math and Date (8:13)
Activity Session: ES6 and Built-in methods (17:02)
Regular Expressions and Form Validations (7:46)
Activity Session: Apply Validations on Registration Form (7:48)
Practice Quiz: Modern JS
Asynchronous JavaScript (4:29)
Error/Exception Handling in JS (12:47)
Local Storage: Storing and Retrieving Data in the Browser (6:44)
Practice Quiz: Async JS and Error Handling
Lecture Notes
Resources & References
Assignment: Coding Challenge and One Hour Timer Effect
OOP and Webpack Bundling
What You'll Learn Next (1:46)
Introduction to Object Oriented Programming (12:02)
ES6 Classes, Prototypes and Inheritance (11:23)
Code Example – Without and with OOP (2:50)
Activity Session: OOPs JavaScript (9:18)
Practice Quiz: Object Oriented JavaScript
Modular JavaScript (7:00)
Webpack - Module Bundler (15:20)
Practice Quiz: ES6 and Webpack
Lecture Notes
Resources & References
Assignment: Question and Answer Collapse Effect
Post-training Assessment
Activity Session: Increment and Decrement App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock