The JavaScript Tool I'm using to demonstrate:
https://runjs.app/ColorCode
ColorCode Etsy Merchandise store:
https://www.etsy.com/shop/ColorCodeStore
JavaScript DOM API, what it is, how to use it, and why use it at all?! It's used by ReactJS, AngularJS, VueJS, jQuery, and most other JS libraries to manipulate the DOM.
This is episode 15 of 20 things Javascript Developers Should Know But Probably Don't.
00:00:00 Intro
00:01:47 What is the DOM API?
00:03:52 Setup
00:04:36 Document interface
00:05:40 Click eventListener
00:06:30 Head, Body and Children
00:08:15 Add new Elements
00:12:50 Add dynamic date
00:15:00 To Do App
00:21:55 Semantic HTML
00:26:50 Remove Elements
00:31:55 Styling & Attributes
00:35:00 Add new Attributes
00:36:30 Query the DOM
00:39:43 Summary
00:41:15 Outro
ColorCode Etsy Merchandise store:
https://www.etsy.com/shop/ColorCodeStore
DOM API (MDN):
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
Full playlist here: https://www.youtube.com/playlist?list=PL1PqvM2UQiMoGNTaxFMSK2cih633lpFKP
JavaScript Promises from the series "20 Things JS Developers Should Know but Probably Don't"
by ColorCode.io, Sina Jazayeri
*** Announcement ***
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:
https://www.colorcode.io/js-mastery