Modern JavaScript From The Beginning 2.0

Modern JavaScript From The Beginning 2.0

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 265 Lessons (36h 42m) | 5.33 GB

Modern JavaScript 2.0 Course. Learn Modern JavaScript From The Beginning. A master course to take you from beginner to advanced

This is a 37+ hour in-depth course that will take you from the absolute beginning of JavaScript, learning about data types, functions and loops to learning DOM manipulation, asynchronous JS with promises, async/await and much more. You will even learn how to write unit tests for algorithms. We go into how JavaScript works under the hood including execution context, the call stack, event loop, etc. We learn about Webpack tooling and how to create a modern development environment. At the end, we build a Node.js/Express API with a custom Webpack frontend.

What you’ll learn

  • All of the fundamentals, including variables, data types, functions, scope, etc
  • DOM Manipulation, events and creating dynamic UIs
  • Under the hood topics, like execution context and the call stack
  • Asynchrounous JS including callbacks, promises, async/await
  • Web APIs like geolocation, audio/video, canvas and speech
  • OOP including classes and prototypes
  • Modern environments with with Webpack tooling
  • Bonus: Complete full-stack application with Node.js/Express & Webpack
Table of Contents

1 Welcome To The Course
2 Course Outline
3 Premium Docs
4 What Is JavaScript?
5 Tools & Setup
6 Running JavaScript In The Browser
7 Section Intro
8 The Sandbox Files
9 Using The Console
10 Comments & Shortcuts
11 Variables & Constants
12 Data Types
13 Primitive vs Reference Types
14 Type Conversion
15 Operators
16 Type Coercion
17 Working With Strings
18 Capitalize Challenge
19 Working With Numbers
20 The Math Object
21 Number Challenge
22 Dates & Times
23 17 – Date Methods & DateTimeFormat API
24 Section Intro
25 Creating Arrays
26 Basic Array Methods
27 Nesting, Concat & The Spread Operator
28 Array Challenges
29 Object Literals
30 Object Spread Operator & Methods
31 Destructuring & Naming
32 JSON Intro
33 Object Challenges
34 Section Intro
35 Creating A Function
36 More on Arguments & Parameters
37 Global & Function Scope
38 Block Scope
39 Nested Scope
40 Declaration vs Expression
41 Arrow Functions
42 Immediately Invoked Function Expressions (IIFE)
43 Function Challenges
44 Execution Context
45 Execution Context In Action
46 The Call Stack
47 Section Intro
48 If Statements
49 Else-If & Nesting
50 Switches
51 Calculator Challenge
52 Truthy & Falsy
53 Logical Operators
54 Logical Assignment
55 Ternary Operator
56 Section Intro
57 For Loop
58 Break & Continue
59 While & Do While Loops
60 FizzBuzz Challenge
61 For…of Loop
62 For…in Loop
63 Array.forEach Method
64 Array.filter Method
65 Array.map Method
66 Array.reduce Method
67 Array Method Challenges
68 Section Intro
69 Intro To The DOM
70 Document Element Properties
71 DOM Selectors – Single Elements
72 DOM Selectors – Multiple Elements
73 Traversing The DOM – Elements
74 Traversing The DOM – All Nodes
75 Create & Append Elements
76 InnerHTML vs createElement()
77 Refactor To Multiple Functions
78 Insert Elements, Text & HTML
79 Custom insertAfter() Challenge
80 Replace Elements
81 Remove Elements
82 Manipulating Styles & Classes
83 Section Intro
84 Event Listeners
85 Mouse Events
86 The Event Object
87 Keyboard Events & Key Properties
88 KeyCode Mini-Project
89 Input Events
90 Form Submission & FormData Object
91 Event Bubbling
92 Event Delegation & Multiple Events
93 Page Loading & Window Events
94 Project Intro
95 Add Items To List (DOM Only)
96 Setting Up Git & Github (Optional)
97 Remove & Clear Items
98 Clear UI State
99 Filter Items
100 Local Storage Crash Course
101 Add Items To Local Storage
102 Display Items From Local Storage
103 Remove Items From Local Storage
104 Set Item To Edit
105 Update Item & Reset State
106 Prevent Duplicate Items
107 Deploy To Netlify
108 Section Intro
109 Under The Hood: Thread Of Execution
110 Under The Hood: How Async JS Works
111 setTimeout & clearTimeout Functions
112 setInterval & clearInterval Functions
113 Callbacks
114 Crash Course On HTTP Requests
115 DevTools Network Tab
116 AJAX & XHR Object
117 Joke Generator Project Challenge
118 Callback Hell
119 Promises
120 Callback To Promise Refactor
121 Promise Chaining
122 Promises vs Callback Hell
123 Handling Multiple Promises with promise.all()
124 Section Intro
125 Fetch Basics
126 Random User Mini-Project
127 Fetch Options – Method, Body Headers
128 Typicode Todos Mini-Project – Part 1
129 Typicode Todos Mini-Project – Part 2
130 Fetch API Error Handling
131 Async & Await
132 Try…Catch Statements
133 Error Handling With Async & Await
134 Multiple Promises With Async & Await
135 Project Intro
136 Theme Overview & Prep
137 API Overview & API Key
138 Page Router & Active Link
139 Display Popular Movies
140 Spinner & Popular TV Shows
141 Movie Details Page
142 Details Page Backdrop
143 TV Show Details Page
144 Swiper Slider
145 Search Functionality
146 Display Search Results
147 Add Pagination For Search
148 Section Intro
149 GeoLocation API
150 Show Location on a Map
151 Canvas Element & API
152 requestAnimationFrame() Method
153 Animated Clock – Part 1
154 Animated Clock – Part 2
155 Web Audio API
156 Music Player Project
157 Drum Machine Project
158 Video API
159 Video Player Project
160 Web Animations API – Ball Project
161 Speech Recognition API – Color Say Project
162 Speech Synthesis API – Text To Speech
163 Section Intro
164 What Is OOP?
165 4 Basic Principles of OOP
166 More on Object Literals & this Keyword
167 Constructor Functions
168 Literals vs Built-in Constructors
169 Working With Object Properties
170 Prototypes & The Prototype Chain
171 Adding Methods to the Prototype
172 Using Object.create()
173 Prototypical Inheritance & call()
174 OOP Game Challenge
175 Classes
176 Class Inheritance
177 Static Methods
178 bind() & Defining this
179 Getters & Setters with Classes
180 Getters & Setters with defineProperty()
181 Private Property Underscore Convention
182 ES2022 Private Class Fields
183 Property Flags & Descriptors
184 Sealing & Freezing Objects
185 Project Intro
186 UI Theme Setup
187 Project Planning & Diagram
188 Base Tracker, Meal & Workout Class
189 Display Tracker Stats
190 Progress Bar & Calorie Alert
191 App Class, New Meal & Workout
192 Refactor to Single _newItem Method
193 Display New Meal & Workout
194 Remove Meal & Workout
195 Filter & Reset
196 Set Calorie Limit
197 Storage Class & Calorie Limit Persist
198 Persist Total Calories To Local Storage
199 Save Meals To Local Storage
200 Save Workouts To Local Storage
201 Remove Meals & Workouts From LocalStorage
202 Clear Storage Items
203 Section Intro
204 What Are Modules?
205 Installing & Using Node.js
206 CommonJS Modules
207 NPM Packages/Modules
208 ES Modules
209 Module Bundlers
210 Webpack Basic Setup
211 CSS & Style Loaders
212 HTML Webpack Plugin
213 Webpack DevServer Plugin
214 Babel Setup
215 CSS Minify Extract Plugin
216 Tracalorie Refactor To Use Webpack
217 Deploy Tracalorie To Netlify
218 Section Intro
219 Symbols
220 Iterators
221 Generators
222 Profile Scroller Project
223 Sets
224 Maps
225 Poll Project
226 Stacks
227 Queues
228 Linked Lists
229 Intro & What Are Algorithms?
230 What is Unit Testing?
231 Getting Started with Jest
232 Grouping Tests Together
233 Reverse String Algorithm
234 Palindrome Algorithm
235 Array Chunking
236 Anagram Algorithm
237 Get Elements By Tag – jsdom
238 Has Duplicate IDs – jsdom
239 Section Intro
240 fs (filesystem) Module
241 path Module
242 os Module
243 url & querystring Modules
244 http Module
245 Project Intro
246 Express Setup & Basic API
247 Nodemon & Route Clean Up
248 Handle POST Requests – Add Idea
249 PUT & DELETE Requests – Update & Remove Ideas
250 What Is MongoDB?
251 MongoDB Atlas Setup
252 Mongoose Connect & Dotenv
253 Mongoose Schema & Model
254 Database Queries
255 Fullstack Workflow
256 Client Folder Setup
257 Modal Component
258 IdeaForm Component
259 IdeaList Component
260 API Service – Fetch Ideas
261 Create Idea via Form
262 Save Username to Local Storage
263 Add Username Validation To Server
264 Delete Ideas
265 Deploying A Fullstack App

Homepage