Modern JavaScript Masterclass
This is a Net Ninja Pro Exclusive 20+ hr Course.
If you're new to JavaScript and want to master it completely then look no further than this 20-hr JavaScript Masterclass. In this course you'll learn JavaScript from the ground up, using modern techniques and workflows. You'll build a weather app, a chat room, an interactive quix and a UI library, all from scratch.
Your JavaScript journey starts here...
In This Course...
Course Introduction
Available in
days
days
after you enroll
JavaScript Basics
Available in
days
days
after you enroll
- 5 - adding javascript to a web page (5:02)
- 6 - the browser console (2:47)
- 7 - variables & constants (8:29)
- 8 - types (4:19)
- 9 - strings (10:24)
- 10 - string methods (5:14)
- 11 - numbers (9:59)
- 12 - template strings (6:09)
- 13 - arrays (9:14)
- 14 - null & undefined (3:17)
- 15 - booleans & comparisons (9:41)
- 16 - loose vs strict comparison (4:04)
- 17 - type conversion (5:33)
Control Flow Basics
Available in
days
days
after you enroll
Functions & Methods
Available in
days
days
after you enroll
Object Literals
Available in
days
days
after you enroll
The Document Object Model
Available in
days
days
after you enroll
- 44 - interacting with a web page (2:04)
- 45 - the DOM explained (4:54)
- 46 - the query selector (8:20)
- 47 - other ways to query the DOM (5:46)
- 48 - adding & changing page content (9:42)
- 49 - getting & setting attributes (5:40)
- 50 - adding & removing styles (5:49)
- 51 - adding & removing classes (10:23)
- 52 - parents, children & siblings (10:43)
- 53 - events & event listeners (9:59)
- 54 - creating & removing elements (7:35)
- 55 - event bubbling & delegation (10:01)
- 56 - more events (9:38)
- 57 - making a popup (9:54)
Forms & Form Events
Available in
days
days
after you enroll
Project - Interactive Ninja Quiz
Available in
days
days
after you enroll
Array Methods
Available in
days
days
after you enroll
Project - Todo List
Available in
days
days
after you enroll
Dates & Times
Available in
days
days
after you enroll
Async JavaScript
Available in
days
days
after you enroll
- 86 - what is async javascript (6:04)
- 87 - async in action (2:37)
- 88 - what are http requests? (4:05)
- 89 - making http requests (7:22)
- 90 - status codes (6:02)
- 91 - async code & callbacks (8:13)
- 92 - JSON data (6:53)
- 93 - callback hell (5:09)
- 94 - promise basics (11:32)
- 95 - chaining promises (5:04)
- 96 - fetch api (7:26)
- 97 - async & await (10:44)
- 98 - throwing custom errors (5:04)
Project - Weather App
Available in
days
days
after you enroll
- 99 - project preview & setup (4:40)
- 100 - html & css template (8:57)
- 101 - Accuweather API (5:18)
- 102 - get city API call (8:35)
- 103 - get weather API call (8:32)
- 104 - updating the location (9:58)
- 105 - object shorthand (1:47)
- 106 - updating the ui (7:25)
- 107 - destructuring (3:08)
- 108 - icons & images (10:03)
- 109 - ternary operator (3:33)
Local Storage
Available in
days
days
after you enroll
Object Oriented JavaScript
Available in
days
days
after you enroll
- 115 - what is OOP? (7:32)
- 116 - object literal recap (5:18)
- 117 - classes (4:06)
- 118 - constructor functions (5:17)
- 119 - class methods & method chaining (8:35)
- 120 - class inheritance (8:25)
- 121 - super( ) (3:49)
- 122 - constructors under the hood (5:16)
- 123 - prototype model (11:43)
- 124 - prototypal inheritance (9:50)
- 125 - built-in objects (3:27)
- 126 - making a forecast class (weather app) (10:52)
Databases (Firestore)
Available in
days
days
after you enroll
Project - Real-time Chatroom
Available in
days
days
after you enroll
- 135 - project preview & setup (4:15)
- 136 - HTML template (6:16)
- 137 - connecting to firestore (5:02)
- 138 - chatroom classes (9:58)
- 139 - realtime listener setup (6:08)
- 140 - complex queries (6:00)
- 141 - updating the name & room (8:14)
- 142 - chat UI class (10:55)
- 143 - formatting the date & time (3:53)
- 144 - sending new chats (6:14)
- 145 - changing usernames (15:13)
- 146 - updating rooms (7:57)
- 147 - testing the app (2:54)
More ES6 Features
Available in
days
days
after you enroll
Modern Workflow with Babel & Webpack
Available in
days
days
after you enroll
- 151 - modern feature support (3:17)
- 152 - babel basics (5:13)
- 153 - installing node & babel (10:47)
- 154 - using the babel cli (6:21)
- 155 - npm scripts & watching files (8:43)
- 156 - what is webpack (2:44)
- 157 - creating a webpack file (6:41)
- 158 - the webpack CLI (5:13)
- 159 - intro to modules (10:05)
- 160 - default exports (6:27)
- 161 - watching for changes (1:56)
- 162 - webpack dev server (6:05)
- 163 - production & development modes (4:49)
- 164 - babel & webpack (7:18)
- 165 - webpack boilerplate (4:49)
Project - UI Library
Available in
days
days
after you enroll
Using Firebase 9 (latest version)
Available in
days
days
after you enroll
- Introduction & What's New (4:01)
- Setting up Webpack (8:34)
- Setting up Firebase (4:30)
- Firestore Setup & Getting Data (11:18)
- Adding & Deleting Documents (9:18)
- Real Time Collection Data (5:53)
- 7 - Firestore Queries (3:57)
- 8 - Ordering Data & Timestamps (6:37)
- Fetching a Single Document (4:46)
- Updating Documents (3:49)
- Setting up Firebase Auth (2:22)
- Signing Users Up (5:19)
- Logging in & Out (6:27)
- Subscribing to Auth Changes (3:10)
- Unsubscribing from Changes (4:41)
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).