Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript Foundations - The Vineyard Series
Introduction to Web Development, HTML and CSS
Pre-training Assessment
What’s Coming Up (1:34)
Basics of Web Development (8:23)
Practice Quiz: Web Development Fundamentals
Introduction to HTML (7:57)
Links, Attributes and Images in HTML (7:41)
Lists and Tables in HTML (6:13)
Activity Session: Basic HTML Tags (17:26)
Forms in HTML (5:57)
Activity Session: HTML Registration Form (8:07)
Practice Quiz: HTML
What is CSS? (9:11)
Properties and Box Model in CSS (6:56)
Backgrounds, Tables and Positioning in CSS (5:41)
Practice Quiz: CSS Foundation
Flexbox in CSS (6:53)
HTML5 Layout (3:39)
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:31)
JavaScript Fundamentals, Operators and Console I/O (11:17)
Activity Session: Executing JavaScript Code (11:14)
Practice Quiz: JS Basics
Conditional Statement and Loops (7:28)
Activity Session: JS Basics and Loops (18:39)
Practice Quiz: JS Conditional Statement and Loops
JavaScript Arrays and Objects (11:15)
Functions and Scope (8:15)
Activity Session: JS Functions, Arrays and Objects (23:40)
Practice Quiz: JS Functions, Arrays and Objects
DOM Manipulation (12:47)
Practice Quiz: DOM Manipulation
Event Handling (10:09)
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:56)
ES6 features: Destructuring, Rest/Spread operators (9:08)
Built-in methods: Strings (6:38)
Built-in methods: Arrays (7:32)
Built-in methods: Objects, Math and Date (8:09)
Activity Session: ES6 and Built-in methods (17:02)
Regular Expressions and Form Validations (7:57)
Activity Session: Apply Validations on Registration Form (7:48)
Practice Quiz: Modern JS
Asynchronous JavaScript (4:13)
Error/Exception Handling in JS (11:59)
Local Storage: Storing and Retrieving Data in the Browser (6:11)
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 (11:27)
ES6 Classes, Prototypes and Inheritance (10:48)
Code Example – Without and with OOP (2:30)
Activity Session: OOPs JavaScript (9:18)
Practice Quiz: Object Oriented JavaScript
Modular JavaScript (6:45)
Webpack - Module Bundler (14:42)
Practice Quiz: ES6 and Webpack
Lecture Notes
Resources & References
Assignment: Question and Answer Collapse Effect
Post-training Assessment
Assignment: Coding Challenge and One Hour Timer Effect
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock