DOM API - JavaScript Tutorial for beginners

The JavaScript Tool I'm using to demonstrate:

ColorCode Etsy Merchandise store:

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:

DOM API (MDN):

JavaScript Promises from the series "20 Things JS Developers Should Know but Probably Don't"

*** Announcement ***
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:

[bmehder]

Quality over quantity. I have watched all these videos multiple times.

[garymathe]

This guy is criminally undersubscribed.

[aziskgarion]

I just discovered this channel and was watching videos from last year. Didn't realize there was a fresh video from a week ago. Amazing job. Keep doing it. Till 20!

[Abbas_abidi]

I'm so happy that you are back sir . now just cover all 5 remaining topics quickly 🙏

[islamicshort_Tayyab]

"Wow, this DOM API tutorial is really clearing things up for me as a beginner. Thanks!"

[hanshochbaum]

Hello Sina,
I'm in a 3 year computer Science course and because of your content I have a deeper understanding of JavaScript's internal framework.
Thanks,
Al

[ciprianparaschiv]

Yo, thanks for this and the whole series. It's super useful. This vid in particular I really wished I had it a couple of months ago. Had to discover most of this by trial and error. Great content!

[billymaaa]

Best js tutorial on youtube! I love how you make every second so entertaining and easy to digest! Keep up the amazing work and I can't wait for your future videos, podcast, and mastery course!

[GQDev]

i have to say something maybe there are many youtuber whose try to teach us about DOM API but this dude is the best ever.

[kopilkaiser]

Brother you are one of the best JavaScript developer's who is able to teach so well and make it fun to learn. You are concise, show the logic and complexity in a visual manner which helps to understand so much! As, I'm a visual learner and learn algorithms and logics visually.

[uygfcxdrtghn]

Good tutorial, awesome quality/editing as always, little more beginner friendly (most JS devs probably know that already). Say hi to Quoli! Ciao!

[islamicshort_Tayyab]

"Wow, this DOM API tutorial is really clearing things up for me, thanks!"

[nancychaudhry]

Wow! Great to have you back and another great video!

[RamHvac-lk]

Excellent! Now, I have to watch your other videos.

[web-sdbe]

One of the best channels for programming hands down. Thank you very much sir. :)

[opencode]

Thnx God i have my notification open for you. it haha i was going back to prototype 3 days ago <3

[G_Breaker]

I love your approach of teaching, You will hit that 1M in no time

[zhiend]

Your videos deserves much more than 5k

[Wolteron]

That's literally the best outro that I have ever seen in my whole life in an online tutorial. xDDDD

[iambestin]

Missed your videos for quiet a longtime. Great your back :)