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 (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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Check your inbox to confirm your subscription