JavaScript Foundations - The Vineyard Series
Introduction to Web Development, HTML and CSS
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Check your inbox to confirm your subscription