The Complete Junior to Senior Web Developer Roadmap (2022)

Introduction
1 Course Overview
2 Join Our Online Classroom
3 Exercise Meet The Community
4 First Day Of Work
5 Before You Get Started
6 Don’t Be A Junior Developer

SSH
7 Bruno’s Request
8 Introduction to SSH
9 SSH Command
10 Quick Note SSH Key In Previous Video
11 Resources SSH Command
12 Saving The Day Through SSH
13 Optional Digital Ocean Set Up
14 Optional Digital Ocean Server
15 How SSH Works
16 Symmetric Encryption
17 Asymmetric Encryption
18 Resources Asymmetric Encryption
19 Hashing
20 Passwords Or SSH
21 SSH Into A Server
22 Quick Note SSH Into A Server
23 Resources SSH Into A Server
24 Exercise Set Up SSH on Github
25 Extra Solution Set Up SSH on Github
26 Solution Set Up SSH on Github
27 Optional Contributing To Open Source Projects
28 Section Summary
29 Web Developer Monthly

Performance Part 1
30 Bruno’s Request
31 Monthly Coding Challenges, Free Resources and Guides
32 Introduction to Performance Part 1
33 Keys To Performance
34 Network Performance
35 Image File Formats
36 Resources Image File Formats
37 Image Optimizations
38 Image Optimizations 2
39 Exercise #1 – Media Queries
40 Delivery Optimizations
41 Resources Delivery Optimizations
42 Exercise #2 – Network Optimizations
43 Solution #2 – Network Optimizations
44 Critical Render Path Introduction
45 Critical Render Path 1
46 Critical Render Path 2
47 Critical Render Path 3
48 Resources Async + Defer
49 Critical Render Path 4
50 Exercise #3 – Critical Render Path
51 Exercise #4 – Keiko Corp Website
52 Resources Keiko Corp Website
53 Solution Keiko Corp Website
54 Optional Resource Prefetching
55 Resources Performance Tools
56 HTTP 2
57 Resources HTTP 2
58 HTTP 3
59 Section Summary

OPTIONAL React + Redux + Module Bundling
60 IMPORTANT Thinking Like A Senior Developer
61 Optional Section
62 Bruno’s Request
63 Section Overview
64 Updated Code For This Section
65 Angular vs React vs Vue
66 Learning Guideline
67 Quick Note About React
68 CWD Introduction To React.js
69 CWD Create React App
70 CWD React App Folder Structure
71 CWD React Fundamentals
72 CWD React Fundamentals 2
73 CWD Class vs Functional App.js
74 CWD Hooks vs Classes
75 Quick Note Service Worker File
76 CWD Your First React Component
77 CWD Building A React App 1
78 React.Fragment and Semantic HTML
79 Exercise Learn to Read the Docs
80 CWD Building A React App 2
81 CWD Building A React App 3
82 CWD Styling Your React App
83 Quick Note JSON Placeholder
84 CWD Building A React App 4
85 CWD Building A React App 5
86 CWD Building A React App 6
87 Project Files
88 CWD Keeping Your Projects Up To Date
89 Exercise React 17
90 Solution React 17
91 CWD React Review
92 CWD Error Boundary In React
93 CWD Deploying Our React App
94 CWD React Hooks
95 CWD React Hooks 2
96 CWD React Hooks 3
97 CWD React Hooks 4
98 CWD React Hooks 5
99 CWD React Hooks 6
100 CWD React Hooks 7
101 CWD React Hooks 8
102 Project Files – Hooks
103 CWD React Hooks 9
104 Introduction To Redux And Webpack
105 State Management
106 Why Redux
107 Installing Redux
108 Redux Toolkit
109 Redux Actions And Reducers
110 Redux Store And Provider
111 Redux connect()
112 Redux Middleware
113 Redux Async Actions
114 Redux Project Structures
115 Project Files – Redux
116 Popular Tools For React + Redux
117 Module Bundlers
118 Introduction To Webpack
119 Update Babel 7 + ESlint + Webpack 5
120 Webpack
121 Updating Libraries Babel 7 + ESlint
122 Quick Fix Babel 7 Plugins
123 Resources Webpack Configurator
124 Parcel
125 Parcel v2
126 Section Summary

Performance Part 2
127 Bruno’s Request
128 Section Overview
129 Updated Code For This Section
130 Optimizing Code
131 Code Splitting Introduction
132 Exercise #1 – Code Splitting
133 Code Splitting Part 1
134 ES2020 Dynamic import()
135 Code Splitting Part 2
136 Code Splitting Part 3
137 Code Splitting Part 4
138 Exercise #2 – Code Splitting
139 Solution React.lazy() Code Splitting
140 React Performance Optimizations
141 Resources React Performance
142 React Performance Optimizations 2
143 Resources React Performance 2
144 Optimizing Code Review
145 Resources Tree Shaking 101
146 Progressive Web Apps
147 Opt-In Service Worker in CRA
148 Resources Progressive Web Apps
149 Progressive Web Apps Examples
150 PWA – HTTPS
151 Resources PWA – HTTPS
152 PWA – App Manifest
153 Resources PWA – App Manifest
154 PWA – Service Workers
155 Update for CRA v4 and React 17+
156 Resources PWA – Service Workers
157 PWA – Final Thoughts
158 Exercise #3 – PWA
159 Quick Note Upcoming Video
160 Deploying Our React App
161 Service Worker Updates
162 Solution Part 1 – PWA
163 Solution Part 2 – PWA
164 Solution Files – PWA
165 Section Summary

Testing
166 Bruno’s Request
167 Section Overview
168 Updated Code For This Section
169 Types of Tests
170 Testing Libraries
171 Note The Next Videos
172 Unit Tests
173 Integration Tests
174 Automation Testing
175 Final Note On Testing
176 Setting Up Jest
177 Our First Tests
178 Writing Tests
179 Quick Note Upcoming API Endpoint + ES6 Modules
180 Asynchronous Tests
181 Asynchronous Tests 2
182 Resources Jest Cheat Sheet
183 Mocks and Spies
184 Exercise #1 – Testing With Jest
185 Note Testing React Apps
186 Enzyme vs React Testing Library
187 Introduction To Enzyme
188 Resources Enzyme
189 Quick Note Empty Snapshots
190 Snapshot Testing
191 Snapshot Testing + Code Coverage
192 Exercise #2 – Testing Stateful Components
193 Testing Stateful Components
194 Quick Recap
195 Exercise #3 – Testing Connected Components
196 Testing Connected Components
197 Testing Connected Components 2
198 Exercise #4 – Testing All Components
199 Testing Reducers
200 Testing Actions
201 Exercise #5 – Final Tests
202 Note What Test is Best
203 Section Summary

TypeScript
204 Bruno’s Request
205 Section Overview
206 Updated Code For This Section
207 Dynamic vs Static Typing
208 Weakly vs Strongly Typed
209 Static Typing In Javascript
210 TypeScript Compiler
211 Resources Installing Node.js
212 Resources Installing TypeScript Compiler
213 TypeScript
214 Resources TypeScript In Your Editor
215 TypeScript 2
216 TypeScript 3
217 Resources TypeScript Types
218 TypeScript 4
219 TypeScript 5
220 TypeScript 6
221 Resources Type Vs Interface
222 TypeScript 7
223 Resources Type Assertion
224 TypeScript 8
225 TypeScript 9
226 TypeScript 10
227 DefinitelyTyped
228 Update Create React App with TypeScript
229 Exercise #1 – TypeScript In Robofriends
230 Resources TypeScript In Robofriends
231 Solution #1 – TypeScript In Robofriends
232 Solution Files – TypeScript In Robofriends
233 A Little Joke
234 Section Summary

SPA vs Server Side Rendering
235 Bruno’s Request
236 Section Overview
237 CSR vs SSR
238 Server Side Rendering React
239 Note SSR In React
240 CSR vs SSR Part 2
241 SSR React Libraries
242 Static vs SSR vs CSR Gatsby.js vs Next.js vs React.js
243 Quick Note Upcoming Videos
244 Setting Up Next.js
245 Next.js Pages
246 Client Side Routing
247 Exercise #1 – Client Side vs Server Side Routing
248 Shared Components
249 Dynamic Apps with Next.js
250 Exercise #2 – Updated Next.js Features
251 Deploying Next.js Apps
252 Updating To Latest Version Of Next.js
253 Exercise #3 – SSR Robofriends
254 Understand JavaScript SEO
255 Section Summary

Security
256 Bruno’s Request
257 Section Overview
258 Star Of Security
259 Injections
260 Exercise #1 – Injections
261 Exercise #2 – Security Files
262 Resources Installing PostgreSQL
263 rd Party Libraries
264 Note NPM v6
265 Logging
266 HTTPS Everywhere
267 XSS + CSRF
268 Exercise #3 – XSS + CSRF
269 Resources XSS + CSRF
270 Code Secrets
271 Secure Headers
272 Resources Secure Headers
273 Access Control
274 Data Management
275 Resources Storing Passwords
276 Don8217t Trust Anyone
277 Authentication
278 Exercise #4 – Optional Hacking
279 Resources Personal Security
280 Section Summary

Code Analysis
281 Bruno’s Request
282 Section Overview
283 Quick Note Windows Users
284 Quick Note Updated API
285 Setting Up Your Environment
286 Exercise #1 – SmartBrain App
287 Optional CWD – Installing PostgreSQL
288 How To Analyze Code
289 Exercise #2 – Analyze Code
290 Exercise #3 – Multiple Face Detection
291 Resources New Feature Commit
292 Solution #3 – Multiple Face Detection
293 Section Summary
294 Customizing Your App

Docker
295 Bruno’s Request
296 Section Overview
297 Updated Code For This Section
298 Docker Containers
299 Installing Docker
300 Resources Installing Docker
301 Dockerfile
302 Resources Dockerfile
303 Docker Commands
304 Dockerfile 2
305 Exercise #1 – Your First Docker Container
306 Quick Note Docker Compose
307 Docker Compose
308 Resources Docker Compose Commands
309 Docker-Compose 2
310 Resources Docker Volumes
311 Docker Compose 3
312 Docker Compose 4
313 Resources PostgreSQL With Docker
314 Docker Compose 5
315 Docker Compose 6
316 Resources init.db File
317 Docker Compose 7
318 Exercise #2 – Dockerize SmartBrain App
319 Project Files – Docker
320 Update Docker Networks
321 Section Summary

Redis
322 Bruno’s Request
323 Section Overview
324 Quick Note About Next Video
325 Introduction To Databases
326 Installing Redis
327 Resources Installing Redis
328 Redis Commands
329 Redis Data Types
330 Redis Hashes
331 Redis Lists
332 Redis Sets + Sorted Sets
333 Section Summary

Sessions + JWT
334 Section Overview
335 Cookies vs Tokens
336 Resources Cookies vs Tokens
337 What We Are Building
338 JWT
339 Exercise #1 – JWT
340 Project Goals
341 Exercise #2 – Code Along
342 Profile Icon
343 Resources Profile Icon
344 Profile Dropdown
345 Resources setState() Callback
346 Profile Styling
347 Profile Modal 1
348 Profile Modal 2
349 Profile Modal 3
350 Profile Modal 4
351 Resources HTML Entities
352 Updating Profile 1
353 Resources Updating Profile
354 Updating Profile 2
355 Updating Profile 3
356 User Authentication
357 Sending The JWT Token
358 Adding Redis
359 Exercise #3 – Adding Redis to Docker Compose
360 Solution #3 – Adding Redis To Docker Compose
361 Storing JWT Tokens
362 Retrieving Auth Token
363 Client Session Management
364 Resources Bearer Token
365 Session Sign In
366 Authorization Middleware
367 Fixing A Bug
368 Reviewing Our Code
369 Updating Our App
370 Optional Why bcrypt-nodejs
371 Section Summary
372 Exercise #4 – Improving SmartBrain

AWS
373 Bruno’s Request
374 Section Overview
375 Updated Code For This Section
376 Amazon Web Services
377 Monolithic vs Micro Services
378 Amazon Lambda
379 Amazon Lambda Dashboard
380 Quick Note AWS Lambda
381 Serverless
382 Serverless 2
383 IAM
384 Resources IAM
385 Deploying A Function
386 Deploying A Function 2
387 Deploying A Function 3
388 Quick Bug Fix
389 Section Summary
390 Exercise Your Own Lambda Function

Performance Part 3
391 Bruno’s Request
392 Section Overview
393 CDNs
394 GZIP
395 Database Scaling
396 Caching 1
397 Caching 2
398 Caching 3
399 Resources Caching
400 Load Balancing
401 Nginx 1
402 Exercise Load Testing Your Load Balancer
403 Nginx 2
404 Resources Nginx
405 Section Summary

CI CD
406 Bruno’s Request
407 Section Overview
408 Updated Code For This Section
409 Continuous Integration, Delivery, Deployment
410 Building Great Software
411 Resources CI Tools
412 CircleCI
413 Continuous Integration 1
414 Continuous Integration 2
415 Exercise Your Own CI Flow
416 Building Great Software 2
417 Section Summary

Extra Bits
418 Section Overview
419 Complexity vs Simplicity
420 NPM Is Not Your Friend
421 Learn To Learn
422 Start With Why
423 Endorsements On LinkedIN

The Final Video
424 Become an Alumni
425 Coding Challenges
426 The One You Have Been Waiting For
427 Thank You

Extras For Windows Users
428 Introduction From Wolfgang
429 Git for Windows
430 Install NodeJS for Windows
431 Install PostgreSQL for Windows
432 Using PSQL and PGADMIN

AMA Video
433 AMA – 100,000 Students .encrypted