Course Overview | 394 - 414 | 39hr 32min (max.

3hr 18min)
Udemy | The Complete Web Developer in 2023: Zero to Mastery

The Complete Web Developer in 2024: Zero to Mastery

https://www.freecodecamp.org/learn

Learn to code and become a Web Developer in 2023 with HTML/HTML5, CSS/CSS3, SemanticUI,
Responsive Design, Flexbox, CSS Grid, Bootstrap 5, DOM Manipulation, Javascript (including
ES6/ES7/ES8/ES9/ES10/ES2020/ES2021/ES2022), Asynchronous JavaScript, HTTP/JSON/AJAX, React
+ Redux + React Hooks, Git + Github, Command Line, Node.js, Express.js, NPM, RESTful API Design,
PostgresSQL, SQL, Authentication, Authorization, Scalable Infrastructure, Security, Machine Learning,
Production and Deployment & more!

What you’ll learn: Skills that will allow you to apply for jobs like: Web Developer, Software
Developer, Front End Developer, Javascript Developer, and Full Stack Developer. Learn modern
technologies that are ACTUALLY being used behind tech companies in 2023. Build 10+ real world
Web Development projects you can show off. Build a professional Portfolio Website. Learn best
practices to write clean, performant, and bug free code + Learn to use ChatGPT as a developer.
Master modern Web Development fundamentals as well as advanced topics. Work as a freelance
Web Developer. Master beginner and advanced JavaScript topics. Learn React + Redux to build rich
front end applications. Build your own full stack websites and applications. Build a complex image
recognition app using everything we learn in the course. Become a professional Web Developer and
get hired. Use NodeJS to write server-side JavaScript. Learn to implement user authentication. Use
Express, SQL and PostgreSQL to create fullstack applications that scale. Master fundamental concepts
in Web Development.

Who this course is for: You want to learn to code and build websites and web apps. You are looking
to start a career in Web Development. You know HTML and CSS but want to expand your skills and
do more. You want to start your own business or become a freelancer. You want to learn REAL
industry skills that are necessary in 2023 to get hired as a web developer and earn a higher salary.
You want one course to teach you everything in one place from a senior developer that works in the
industry.

Table Of Contents
Contents | 394 - 414 | 39hr 32min (max. 3hr 18min)

Course Overview | 394 - 414 | 39hr 32min.........................................................................................1

Table Of Contents..................................................................................................................................1
Section 1: Introduction | 4 | 19min......................................................................................................3
1. Course Outline | Video 9min.....................................................................................................3
2. Join Our Online Classroom | Video 4min...................................................................................3
3. Exercise: Meet Your Classmates & Instructor | 2min (join discord)...........................................3
4. ZTM Resources | Video 4min | Resources 3..............................................................................3
1) https://zerotomastery.io/......................................................................................................3
 2) https://www.youtube.com/@ZeroToMastery........................................................................3
3) https://www.linkedin.com/signup/cold-join?........................................................................3
Section 2: How The Internet Works | 10 | 25min................................................................................3
Section 3: History Of The Web | 7 | 16min..........................................................................................4
Section 4: HTML5 | 11 | 40min.............................................................................................................5
Section 5: Advanced HTML 5 | 10 | 39min...........................................................................................7
Section 6: CSS | 11] 1hr 2min...............................................................................................................9
Section 7: Advanced CSS | 12 | 26min...............................................................................................11
Section 8: Bootstrap, Templates, And Building Your Startup Landing Page | 28 | 1hr 39min...........13
Section 9: CSS Grid + CSS Layout | 18 | 1hr 16min.............................................................................16
Section 10: Career Of A Web Developer | 8 | 41min.........................................................................20
Section 11: Javascript | 22 | 2hr 42min..............................................................................................22
Section 12: DOM Manipulation | 12 | 1hr 27min..............................................................................25
Section 13: Advanced Javascript | 39 | 4hr 30min.............................................................................28
Section 14: Command Line | 4 | 13min..............................................................................................34
Section 15: Developer Environment | 7 | 24min................................................................................34
Section 16: Git + Github + Open Source Projects | 10 | 1hr 3min......................................................35
Section 17: A Day In The Life Of A Developer | 3 | 10min.................................................................36
Section 18: NPM + NPM Scripts | 8 | 1hr 4min..................................................................................37
Section 19: React.js, React Hooks, Redux (Hooks and Redux videos moved to end of course!) | 31 |
3hr 18min............................................................................................................................................39
Section 20: HTTP/JSON/AJAX + Asynchronous Javascript | 14 | 1hr 42min......................................43
Section 21: Backend Introduction | 1 | 12min...................................................................................45
Section 22: APIs | 5 | 15min...............................................................................................................46
Section 23: Leveling Up: The Power of Problem Solving | 3 | 13min................................................46
Section 24: FINAL PROJECT: SmartBrain Front-End | 15 | 2hr 57min................................................48
Section 25: Node.js + Express.js | 24 | 2hr 7min................................................................................49
Section 26: FINAL PROJECT: SmartBrain Back-End -- Server | 12 | 1hr 40min...................................53
Section 27: Databases | 13 | 56min...................................................................................................54
Section 28: FINAL PROJECT: SmartBrain Back-End -- Database | 13 | 1hr 4min................................56
Section 29: Production + Deployment | 17 | 1hr 54min....................................................................58
Section 30: Where To Go From Here? | 9 | 11min.............................................................................60
Section 31: Extra Bits | 5 | 58min.......................................................................................................61
Section 32: Extra Learning: React Hooks | 11 | 46min.......................................................................62
Section 33: Optional Extra Learning: Redux | 13 | 1hr 57min...........................................................63
Section 34: Extra: For Windows Users | 5 | 25min............................................................................65
Section 35: BONUS SECTION | 1 | 1min.............................................................................................65

Time Sections
1) Phase 1
a. Section 1: Introduction | 4 | 19min
b. Section 2: How The Internet Works | 10 | 25min
c. Section 3: History Of The Web | 7 | 16min
2) Phase 2
a. Section 4: HTML5 | 11 | 40min
3) Phase 3
a. Section 5: Advanced HTML 5 | 10 | 39min
4) Phase 4
a. Section 6: CSS | 11] 1hr 2min
5) Phase 5
a. Section 7: Advanced CSS | 12 | 26min
6) Phase 6
a. Section 8: Bootstrap, Templates, And Building Your Startup Landing Page | 28 | 1hr
39min
7) Phase 7
a. Section 9: CSS Grid + CSS Layout | 18 | 1hr 16min
8) Phase 8
a. Section 10: Career Of A Web Developer | 8 | 41min
9) Phase 9
a. Section 11: Javascript | 22 | 2hr 42min
10) Phase
a. Section 12: DOM Manipulation | 12 | 1hr 27min 25
11) Phase
a. Section 13: Advanced Javascript | 39 | 4hr 30min 28
12) Phase
a. Section 14: Command Line | 4 | 13min 34
b. Section 15: Developer Environment | 7 | 24min 34
13) Phase
a. Section 16: Git + Github + Open Source Projects | 10 | 1hr 3min 35
14) Phase
a. Section 17: A Day In The Life Of A Developer | 3 | 10min 36
b. Section 18: NPM + NPM Scripts | 8 | 1hr 4min 37
15) Phase
a. Section 19: React.js, React Hooks, Redux (Hooks and Redux videos moved to end of
course!) | 31 | 3hr 18min 39
16) Phase
a. Section 20: HTTP/JSON/AJAX + Asynchronous Javascript | 14 | 1hr 42min43
17) Phase
a. Section 21: Backend Introduction | 1 | 12min 45
b. Section 22: APIs | 5 | 15min 46
c. Section 23: Leveling Up: The Power of Problem Solving | 3 | 13min 46
 18) Phase
a. Section 24: FINAL PROJECT: SmartBrain Front-End | 15 | 2hr 57min 48
19) Phase
a. Section 25: Node.js + Express.js | 24 | 2hr 7min 49
20) Phase
a. Section 26: FINAL PROJECT: SmartBrain Back-End -- Server | 12 | 1hr 40min 53
21) Phase
a. Section 27: Databases | 13 | 56min 54
22) Phase
a. Section 28: FINAL PROJECT: SmartBrain Back-End -- Database | 13 | 1hr 4min 56
23) Phase
a. Section 29: Production + Deployment | 17 | 1hr 54min 58
24) Phase
a. Section 30: Where To Go From Here? | 9 | 11min 60
b. Section 31: Extra Bits | 5 | 58min 61
25) Phase
a. Section 32: Extra Learning: React Hooks | 11 | 46min 62
26) Phase
a. Section 33: Optional Extra Learning: Redux | 13 | 1hr 57min 63
27) Phase
a. Section 34: Extra: For Windows Users | 5 | 25min 65
28) Phase
a. Section 35: BONUS SECTION | 1 | 1min 65

Section 1: Introduction | 4 | 19min

1. Course Outline | Video 9min
2. Join Our Online Classroom | Video 4min
3. Exercise: Meet Your Classmates & Instructor | 2min (join discord)
4. ZTM Resources | Video 4min | Resources 3
1) https://zerotomastery.io/
2) https://www.youtube.com/@ZeroToMastery
3) https://www.linkedin.com/signup/cold-join?

Section 2: How The Internet Works | 10 | 25min

5. Browsing the Web

[>] 6min

6. Breaking Google

| Video 38min
7. Exercise: Break Google Yourself

[3 1min

8. The Internet Backbone

Announcements Reviews Learning tools

| Resources

| Resources
O

| Video 5min

9. Traceroute

| Video 2min

10. Exercise: Running traceroute

[ 2min

11. DEVELOPER FUNDAMENTALS: |

| Video 83min

12. What Does A Developer Do?

| Video 2min

18. Optional: The Article Which Inspired This Course

[3 1min

14. Web Developer Monthly

3 min

Section 3: History Of The Web | 7 | 16min

15. WWW vs Internet

1 4min

16. HTML, CSS, Javascript

| Video 65min

17. DEVELOPER FUNDAMENTALS: II

[2] 3min

18. Monthly Coding Challenges, Free Resources and Guides

3 1min

19. Developer History

| Video 3min

20. Exercise: Adding CSS and JavaScript to Tim's website

[3 1min

21. Optional Resource: More About the History of the Web

3 min

Section 4: HTML5 | 11 | 40min

22. Build Your First Website

[>] 8min

23. Resources: Your Text Editor

3 min

24, DEVELOPER FUNDAMENTALS: Ill

| Video 4min
25. Quick Note About w3schools

[3 min

| Resources

| Resources

Resources v

| Resources
O

26. How To Ask Questions

3 min

27. HTML Tags

| Video 9min

28. HTML Tags 2

| Video 2min

29. Self Closing HTML Tags

| Video 6min

30. Anchor Tag

[21 65min

31. Q&A: index.html

| Video 2min

32. Q&A: Relative vs Absolute Path

| Video 4min

Section 5: Advanced HTML 5 | 10 | 39min

33. HTML Forms

1 11min
34. HTML Forms 2

| Video 3min

35. Submitting A Form

[2] 8min

36. HTML Tags 3

| Video 4min

37.HTMLvs HTML 5

| Video 7min

38. Copy A Website

| Video 2min

39. HTML Challenge

2] 1min

40. HTML Lesson Files

3 1min

41, Exercise: HTML Quiz

3 1min

42. Optional Exercise: More HTML

1min
Section 6: CSS | 11] 1hr 2min
43. Exercise Files: Code-Along

3 1min

| Resources

@® Resources v
O

44. Your First CSS

| Video 14min

45, CSS Properties

1 11min

46. CSS Selectors

| Video 17min

47. Optional Exercise: CSS Selectors

[3 1min

48. Text and Font

[2] 8min

49. Images In CSS

| Video 4min

50. Box Model

| Video 5min

51. px vs em vs rem

[21 3min
52. Optional: PX, EM, REM, %, VW, and VH

[3 min

53. Exercise: CSS Quiz

3 min

Section 7: Advanced CSS | 12 | 26min

54. Critical Render Path

| Video 4min

55. Exercise File: Code-Along Images

[3 min

56. Flexbox

| Video 8min

57. Optional Exercise: Flexbox Froggy

3 min

58.CSS 3

[2] 8min

59. Optional Exercise: Mastering Transitions and Transforms

3 min

60. Responsive Ul
| Video 2min

61. Image Gallery Files

[3 min

| Resources

| Resources

| Resources

<

| Resources

| Resources

| Resources

<

| Resources

| Resources
O

Section 8: Bootstrap, Templates, And Building Your Startup

Landing Page | 28 | 1hr 39min

62. Exercise: Robot Animation

1 min

63. Exercise: Robot Animation Starter Files

1min

64. Solution: Robot Animation

[3 min

65. Optional Exercise: CSS

[3 min

0/28 | 1hr 39min

66. Evolving Technology

| Video 5min

67. Bootstrap Introduction

| Video 4min
68. Quick Note: Upcoming Lesson

3 Amin

69. Bootstrap

| Video 9min

70. Bootstrap 5 Update

| Video 4min

T1. Exercise: Changing Versions

[3 1min

72. Fast and the Furious Bootstrap

| Video 5min

73. Exercise: Fast and the Furious Bootstrap Challenge

3 min

74. Bootstrap Grid

[2] 5min

75. Free Resources For Our Project

3 min

76. Exercise: Startup Landing Page

1 1min
77. Exercise: Startup Landing Page 2

| Video 4min

78. Exercise: Startup Landing Page 3

>] 8min

79. Quick Note: The hr tag

3 min

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources
O

Section 9: CSS Grid + CSS Layout | 18 | 1hr 16min

80. Exercise: Startup Landing Page 4

| Video 8min

81. Bootstrap 5.2+ Button Hover Update

3 min

82. Exercise: Startup Landing Page 5

| Video 12min | Resources

83. Quick Note: Text Not Centered?

3 min

84. Quick Note: Mailchimp

[3 min

85. Exercise: Adding Email Subscribe Form With MailChimp

| Video 9min | Resources

86. Quick Note: Upcoming Videos

[3 min

87. Exercise: Putting Your Website Online

| Video 6min | Resources

88. Exercise: Putting Your Website Online 2

[2] 3min | Resources

89. Quick Note: Upcoming Video

3 min

90. DEVELOPER FUNDAMENTALS: IV

| Video 7min Resources v

91. Using Templates

| Video 3min | Resources

92. Resources for FREE Templates

3 min

93. Startup Landing Pages by Students

3 min

0/18 |1hr16min

94. Section Overview

| Video 2min

95. CSS Grid vs Flexbox vs Bootstrap

| Video 5min

96. Quick Note: grid-gap to gap

3 1min

97. CSS Grid 1

[2] 8min a Resources v

98. CSS Grid 2

| Video 4min

[J 99.CSSGrid3

[1 6min

[J 100.CSS Grid 4

[2] 7min

[J 101.CSS Grid 5

| Video 2min

[J 102. Optional Exercise: CSS Grid

3 min

[J 103. Exercise: CSS Layout

| Video 4min

[J 104. Solution: Navigation Bar

| Video 9min

[J 105. Solution: Navigation Bar 2

| Video 4min

[J 106. Solution: Cover

| Video 5min

[J 107. Solution: Project Grid + Footer

| Video 9min

[J 108. Quick Note: Upcoming Video

3 Amin
[J 109. Solution: Prettify

| Video 7min

[0 110. Resources: CSS Guide

[3 min

[0 111. The Truth About CSS

| Video 4min

Section 10: Career Of A Web Developer | 8 | 41min

[J 112. Career Of AWeb Developer

| Video 14min

[0 113.2023 Updated Statistics

3 min

[J 114. Web Developer Roadmap

[3 min

[0 115. Quick Note: Upcoming Video

3 1min

[J 116. What If | Don't Have Enough Experience?

[>] 15min

@» Resources

® Resources
® Resources

| Resources

® Resources

| Resources
O

117. Endorsements On LinkedIN

3 min

118. New: DEVELOPER FUNDAMENTALS

| Video 9min

119. Learning Guideline

[3 min

Section 11: Javascript | 22 | 2hr 42min

120. Introduction To Javascript

| Video 2min

121. What Is Javascript?

[2] 6min

122. Your First Javascript

| Video 12min

123. Exercise: Number, String, Boolean, Comparisons

Amin

124. Variables

| Video 16min

125. Exercise: Variables

3 min

126. Exercise: Make A Calculator

[3 1min

127. Control Flow

| Video 17min

128. Exercise: Make A Keyless Car

[3 min

129. Javascript On Our Webpage

[2] 9min

130. Functions

| Video 24min

131. Exercise: Make A Keyless Car Even Better

3 min

132. Data Structures: Arrays

2] 13min

133. Exercise: Arrays

3 min

134. Data Structures: Objects

| Video 16min
135. Exercise: Objects And Arrays For Facebook App

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources
O

1min

136. Exercise: Build Facebook

1 11min

137. Javascript Terminology

2] 4min

138. Loops

1 22min

139. Exercise: Build Facebook 2

| Video 8min

140. Javascript Keywords

[21 3min

141. Section Outline Document

[3 min

Section 12: DOM Manipulation | 12 | 1hr 27min

142. Document Object Model

| Video 9min

143. DOM Selectors

1 17min
144. Exercise: DOM Selectors

1min

145. DOM Events Updated Code

3 1min

146. DOM Events

| Video 27min

147. Note: Callback Functions

3 min

148. Exercise: DOM Events

3 min

149. Solution: DOM Events

3 min

150. Exercise: Background Generator

| Video 19min

151. Background Generator Files

3 min

162. jQuery

| Video 7min
163. DEVELOPER FUNDAMENTALS: V

| Resources

| Resources

Resources v

| Resources

| Resources

| Resources

Resources v

| Resources
| Video 5min

Section 13: Advanced Javascript | 39 | 4hr 30min

1564. Scope

[2] 10min

165. Exercise: Scope

[3 min

156. Advanced Control Flow

| Video 12min

157. Exercise: Advanced Control Flow

[3 1min

1568. ES5 and ES6

| Video 27min

159. Exercise: ES5 and ES6

[3 1min

160. Advanced Functions

[2] 20min

161. Exercise: Advanced Functions

[3 min

162. Advanced Arrays

| Video 17min
163. Exercise: Advanced Arrays

[3 min

164. Advanced Objects

[2] 25min

165. Quick Note: Upcoming Videos

3 min

166. Pass By Value vs Pass By Reference

| Video 17min

167. Type Coercion

| Video 9min

168. Exercise: Advanced Objects

3 min

169. ES7 (ES2016)

| Video 3min

170. Exercise: ES7

3 min

171. ES8 (ES2017)

| Resources

| Resources
| Resources

| Resources

| Resources

Resources v

| Resources

| Resources
| Video 9min

172. Exercise: ES8

3 min

173. Note: ES9 + ES8 Async Await

min

174. ES10 (ES2019)

1 17min

175. Exercise: ES10

[3 1min

176. Advanced Loops

[1 12min

177. Exercise: Advanced Loops

[3 min

178. ES2020 Part 1

| Video 10min

179. ES2020 Part 2

| Video 3min

180. ES2020 Part 3

| Video 4min
181. Exercise: ES2020

[3 min

182. ES2021

| Video 38min

183. ES2022

| Video 38min

184. ES2023

| Video 14min

185. Exercise: ES2023

3 min

186. Debugging

| Video 8min

187. How Javascript Works

| Video 24min

188. Modules

[>] 13min

189. More Modules To Come

[3 1min
190. Exercise: Imposter Syndrome

| Video 3min

@» Resources v

| Resources

| Resources

| Resources

| Resources

| Resources

| Resources
[0 191. Extra Javascript Practice

3 min

[0 192. Optional Exercise: Javascript Logic

3 min

Section 14: Command Line | 4 | 13min

[J 193. For WINDOWS Users ONLY

[3 min

[0 194. Quick Note: For Windows Users

[ 1min

[0 195. Using The Terminal

| Video 10min

[] 196. Exercise: Practice Using The Terminal

1min

Section 15: Developer Environment | 7 | 24min

[J 197. Sublime Text

| Video 9min

[0 198. Resources: Customizing Sublime Text

[3 min

[J 199.VS Code

| Video 7min

[0 200. Resources: Customizing VS Code

[3 1min
[0 201. Terminal

| Video 7min

[0 202. Resources: Customizing Terminal

3 min

[J 2083. For Windows: Customizing Git Bash

[3 min

Section 16: Git + Github + Open Source Projects | 10 | 1hr 3min

[0 204. Installing Git

[3 1min

O 205. Git + Github Part 1

| Video 18min

[0 206. Github Update: Master --> Main

1min

[0 207 Git + Github Part 2

21 17min

| Resources
O

208. My Terminal Setup

3 min

209. Contributing To Open Source

21 14min

210. Contributing To Open Source 2

| Video 10min

211. Exercise: Contribute To Our Open Source

[3 1min

212. Keeping Your Fork Up To Date

1min

213. Portfolio Website for Recruiters

3 min

Section 17: A Day In The Life Of A Developer | 3 | 10min

214. A Typical Day

| Video 8min

215. Exercise: Helping A Developer

3 min
216. A Developer's Morning Routine

[3 min

Section 18: NPM + NPM Scripts | 8 | 1hr 4min

217. Introduction To NPM

| Video 7min

218. Setting Up NPM and package.json

1 7min

219. Update: Latest Node.js and NPM

[2] 3min

220. Troubleshoot: Installing NPM and Node.js

[3 1min

221. Installing And Using Packages

| Video 24min

222. Why Update Packages?

[2] 6min

223. Quick Note About Packages

[3 min

224, Exercise: Create A Portfolio

[21 15min
| Resources

| Resources

| Resources

| Resources

| Resources
Section 19: React.js, React Hooks, Redux (Hooks and Redux videos moved to end of course!) | 31 |
3hr 18min

[0 225. Introduction To React.js

| Video 12min

[0 226. React Guide

[3 min

[0 227.Create React App

| Video 7min | Resources

[0 228. React + Vite

| Video 4min | Resources

[0 229. React App Folder Structure

| Video 8min

. Reac ate

230. React 18 Updat

[2] 65min

[0 231. React Fundamentals

| Video 4min

[0 232. React Fundamentals 2

1 5min

[J 2383.Hooks vs Classes

1 2min
[0 234. Class vs Functional App.js

1 4min

[J 235. Quick Note: Service Worker File

3 min

[J 236. Your First React Component

| Video 20min | Resources v

[0 237 Building A React App 1

| Video 16min | Resources

[0 238. React.Fragment and Semantic HTML

3 min

[0 2839. The Dirty Little Secret To Become An Expert

[2] min

[0 240. Exercise: Learn to Read the Docs

[3 min

[0 241.Building A React App 2

| Video 10min

[0 242. Building A React App 3

1 27min | Resources
[0 243. Styling Your React App
O

| Video 5min

244. Quick Note: JSON Placeholder

1min

245, Building A React App 4

[21 16min

246. Building A React App b

| Video 9min

247. Building A React App 6

| Video 9min

248. Project Files

[3 1min

249. Keeping Your Projects Up To Date

| Video 9min

250. Exercise: React 18

[3 min

251. Solution: Try Upgrading to React 18

| Video 4min
252. React Review

| Video 38min

253. Error Boundary In React

[2] 8min

254, Deploying Our React App

| Video 5min

255. React Hooks + Redux (Saved For End Of The Course)

[3 1min

Section 20: HTTP/JSON/AJAX + Asynchronous Javascript | 14 |

1hr 42min

256. HTTP/HTTPS

| Video 20min

257. JSON

| Video 7min

258. JSON vs Form Data

[3 min

259. AJAX

[1 14min

260. Quick Note: Upcoming Video

[3 1min

261. Promises

1 22min

262. Exercise: Promises

| Resources

| Resources

| Resources
O

1min

263. ES8 - Async Await

[21 15min

264. Exercise: ES8 - Async Await

1min

265. ES9 (ES2018)

| Video 5min

266. ES9 (ES2018) - Async

| Video 11min

267. ES2020: allSettled()

| Video 4min

268. ES2021: any()

O 1min

269. Reviewing ES6, ES7, ES8, ES9, ES10, ES11 Features

[3 min

Section 21: Backend Introduction | 1 | 12min

[J 270. Backend Basics

| Video 12min
Section 22: APIs | 5 | 15min
O 271. Getting Ready For This Section

3 Amin

[0 272. Introduction to APIs

| Video 14min

[0 273. Exercise: Web App APIs

1min

[0 274. Optional Exercise: Speech Recognition

[3 1min

[0 275. Resources: Public APIs

3 min

Section 23: Leveling Up: The Power of Problem Solving | 3 |

13min
[J 276. Snapshot Model of Learning

[21 6min

[0 277.LTL: Deliberate Practice

| Video 7min

[0 278. Exercise: Deliberate Practice

[3 1min

| Resources
| Resources

| Resources

aw Resources v
Section 24: FINAL PROJECT: SmartBrain Front-End | 15 | 2hr 57min

[0 279. What We Are Building

| Video 2min

[J 280. DEVELOPER FUNDAMENTALS: Maintain Your Codebase

| Video 18min

[J] 281.Quick Note: React Tilt + React Particles

3 min

[J 282. Building Our Components

| Video 36min

[J 283. Introducing Our Machine Learning API

| Video 4min

[0 284. Resource: Clarifai API Docs

[3 1min

[J 285. Before We Start The Big Part

| Video 6min

[0 286. Quick Note: Next 3 Lectures

3 1min

[0 287 Testing Our API

| Video 8min

[0 288. Reading Documentation Like A Pro

| Video 14min

[J 289. Exercise: Coding Your Image Recognition API

| Video 29min

[0 290. Face Detection Box

| Video 24min

0 291. Customize Your App

[>] 4min

[J 292. Sign In Form And Routing

| Video 29min

[0 293. Project Files: Github

[3 min

Section 25: Node.js + Express.js | 24 | 2hr 7min

[0 294. Introduction To Node.js

[2] 6min

[0 295. fetch() in Node

[3 1min

[J 296. Latest Version of Node.js

3 min

| Resources

| Resources

| Resources
297. For Windows Users

3 min

298. Running script.js In Node

| Video 3min

299. ES2020: globalThis

[2] 83min

300. Modules In Node

| Video 4min

301. ES6 Modules??

[3 min

302. ES6 Modules In Node

[2] 9min

303. ES2022: Top Level Await

| Video 4min

304. Exercise: ES2022 Top Level Await

[3 min

305. ES2022: Await Import

[21 65min
306. Types of Modules

| Video 5min

307. Building a Server

[2] 8min

308. Introduction to Express.js

| Video 9min

309. Express Middleware

| Video 83min

310. Express Version Update

[3 min

311. Postman

| Video 8min

312. Quick Note: reg.header

[3 1min

313. RESTful APIs

J 11min

314. Node File System Module

| Video 20min

315. Exercise: Santa's Node Helper

| Video 4min

316. Exercise Resources: Santa's Node Helper

3 min

| Resources

| Resources

@» Resources v

| Resources
O

317. Solution: Santa's Node Helper

| Video 21min

Section 26: FINAL PROJECT: SmartBrain Back-End -- Server |

12 | 1hr 40min
[J 318. Setting Up Our Server

[2] 10min

[0 319. /signin and /register

| Video 19min

[0 320. /profile/:id and /image

| Video 10min

[0 321. Quick Note: Berypt

| Video 2min

[0 322. Storing User Passwords

J 11min

[J 323. Resource: Storing User Passwords Securely

[3 5min

[0 324. Connecting To Our Front-End

21 21min

[0 325. Resource: CORS

3 min

[0 326. Registering Users

1 11min

[J 327. Exercise: Load User Feature

3 min

[J 328. User Profile Update

| Video 9min

[0 329. Project Files: Github

O min
Section 27: Databases | 13 | 56min
[J 330. Introduction To Databases

| Video 11min

[J 331. Installing PostgreSQL

1 7min

[0 332. For Windows Users

3 min

. Resources: Installing Postgre

333.R Installing PostgreSQL

[3 5min

[J 334.SQL: Create Table

| Video 5min

| Resources

| Resources

| Resources
O

335. SQL: Insert Into + Select

| Video 5min

336. SQL: Alter Table + Update

| Video 4min

337. SAL: Conditional Selections

| Video 4min

338. SQL: Functions

| Video 2min

339. Joining Tables Part 1

| Video 7min

340. Joining Tables Part 2

| Video 5min

341. SQL: Delete From + Drop Table

| Video 2min

342. Exercises: SOL Commands

[3 min
Section 28: FINAL PROJECT: SmartBrain Back-End -- Database
| 13 | 1hr 4min
343. Setting Up Your Database

[1 9min

344. Connecting To The Database

| Video 7min

345. Troubleshooting: Connecting Knex

[3 min

346. Registering A User Part 1

[1 5min

347. Registering A User Part 2

| Video 5min

348. Getting User Profiles

| Video 7min

3489. Quick Note: Knex.js Breaking Changes

1min

350. Updating Entries

| Video 65min
351. Quick Note: Knex.js Breaking Changes 2

3 min

352. Sign In

[>] 18min

353. Quick Note: Removing Unused Variables

min

354. Putting It All Together

O

| Video 4min

355. What's Next?

| Video 2min

Section 29: Production + Deployment | 17 | 1hr 54min

356. Deploying Our Files

| Video 7min

357. Code Review

| Video 23min

358. Quick Note: Clarifai API

[3 1min

359. Security Review

[1 19min

360. Quick Note: Cleaning Up

[3 1min

361. Optional Exercise: Using ChatGPT

3 min

362. Optional: Using gRPC API

[21 13min
363. Environment Variables

| Video 7min

364. Alternatives to Heroku

[3 min

365. Exercise: Deploying To Production

3 min

366. Deploying On Heroku

| Video 19min

367. Quick Note: Troubleshooting Next Video

3 min

368. Deploying To Heroku Part 2

| Video 11min

369. Deploying To Heroku Part 3

| Video 2min

370. Npm Serve

1min

371. Deploying To Heroku Part 4

| Video 7min
372. Project Files: Github

1min

Section 30: Where To Go From Here? | 9 | 11min

| Resources

| Resources

| Resources
0/9] 11min

[0 373. Thank You!

| Video min

[J 374.Become an Alumni

[3 min

[0 375. Resource: Interviewing

[3 min

[0 376. My Advice On Interviewing

3 2min

[0 377. My Advice On Getting Hired

[3 min

. My Advice On Resume/Portfolio/LinkedIn

[0 378. MyAdvi OnR /Portfolio/Linked|

[3 2min

O 379. My Advice On Being a Junior Developer

[3 2min

. My Advice On How To Become A Senior Developer

380. My Advice On How To B A Senior Devel

[3 min

[J 381.Part2

3 min

Section 31: Extra Bits | 5 | 58min

[0 382. Ask Me Anything - 1,000 Students

1 19min

[J 383.AMA - 100,000 Students!

| Video 39min

[0 384. Coding Challenges

[3 min

[J Quiz 1: Course Review

[0 Coding Exercise 1: The Final Challenge

Section 32: Extra Learning: React Hooks | 11 | 46min

[J 385. New React Hooks Documentation

[3 1min

[J 386. React Hooks

| Video 4min

[J 387 React Hooks 2

| Video 4min

[0 388.React Hooks 3

[21 3min
O

389. React Hooks 4

| Video 4min

390. React Hooks b

| Video 4min

391. React Hooks 6

| Video 7min

392. React Hooks 7

| Video 9min

393. React Hooks 8

[21 65min

394. Project Files - Hooks

O 1min

395. React Hooks 9

[2] 6min

Section 33: Optional Extra Learning: Redux | 13 | 1hr 57min

396. Quick Note About Redux

[3 1min

397. State management

[2] 7min
398. Why Redux?

| Video 12min

399. Installing Redux

[2] 6min

400. Redux Toolkit

| Video 2min

401. Redux Actions and Reducers

[>] 14min

402. Redux Store and Provider

[1 9min

403. Redux connect()

1 17min

404. Redux Middleware

[1 9min

405. Redux Async Actions

| Video 29min

406. Redux Project Structures

| Video 5min

407. Popular Tools For React + Redux

| Video 8min

408. Project Files - Redux

3 min

Section 34: Extra: For Windows Users | 5 | 25min

[J 409. Introduction From Wolfgang

| Video 1min

[0 410. Git for Windows

2] 6min

[J 4M. Install NodelS for Windows

| Video 3min

0 412. Install PostgreSQL for Windows

| Video 7min

[0 413. Using PSQL and PGADMIN

| Video 8min

Section 35: BONUS SECTION | 1 | 1min

[0 #14. Special Bonus Lecture

[3 min