Section 12: Advanced JavaScript: Working with the DOM [Days 33-37]

253 - Module Introduction [Day 33]

254 - Our Starting Setup [Day 33]

255 - The Global "window" & "document" Objects [Day 33]

256 - What is "The DOM" [Day 33]

257 - Exploring The DOM [Day 33]

258 - Drilling Into The DOM To Select & Change HTML Elements [Day 33]

259 - Loading Our Script Correctly [Day 33]

260 - The DOM Tree & DOM Traversal [Day 33]

261 - Drilling into The DOM & Exploring Text Nodes [Day 33]

262 - DOM Drilling Limitations [Day 34]

263 - Searching The DOM For Elements [Day 34]

264 - Querying Elements [Day 34]

265 - Common Query Methods [Day 34]

266 - Time to Practice: The Problem [Day 34]

267 - Time to Practice: The Solution [Day 34]

268 - Next Steps [Day 34]

269 - Inserting New HTML Elements via JavaScript [Day 34]

270 - Deleting DOM Elements [Day 35]

271 - Moving Existing Elements Around [Day 35]

272 - Working with "innerHTML" [Day 35]

273 - Introducing Events [Day 35]

274 - Adding a First "click" Event Listener [Day 35]

275 - Listening To User Input Events [Day 35]

276 - The "event" Object [Day 35]

277 - A More Realistic Demo & Example [Day 36]

278 - Introducing "Constant Variables" ("Constants") [Day 36]

279 - Changing Element Styles With JavaScript [Day 36]

280 - Managing CSS Classes with JavaScript [Day 36]

281 - Module Summary [Day 36]

282 - Time to Practice: The Problem [Day 37]

283 - Time to Practice: The Solution [Day 37]