Let's take a look at the purpose of HTML, CSS and Javascript in the context of the DOM.
HTML defines the semantics and structure of a webpage. We code up an example of a webpage and take a look at it in our browser.
Then, we look at CSS together and how it can add styling and a visual direction to our HTML. We take a quick look at an example in code.
We then look at Javascript and how it adds interactivity to our webpages. We see how to do this using an attribute as well as a script tag.
To wrap up the video we look at the window Object as well as the document Object and how they relate to the DOM, Web APIs as well as Javascript itself.
Chapters:
00:00 Introduction
00:23 What are HTML and CSS?
02:23 HTML
04:46 Some HTML Code
08:50 HTML Element Tags
11:51 CSS
12:42 Some CSS Code
15:20 Javascript
19:10 A Non-Interactive Button
19:37 Adding Button Interactivity
20:06 Some Javascript Code
25:01 The window Object
35:46 The document Object
40:28 Exploring window some more
42:09 Next Steps
📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/dom-in-depth
💬 Come join us on Discord to chat with a like-minded community about tech and learning: https://discord.gg/K4nkugP7Gd
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: https://www.patreon.com/TechWithNader
