HTML, CSS & JS - DOM In Depth

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:   / discord   🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader