HTML + JavaScript === the DOM (Document Object Model) смотреть онлайн

In this video, we will walk through the basics of the Document Object Model, or the "DOM" and learn how this browser API can allow us to manipulate HTML elements using JavaScript.

? Fullstack Roadmap Series Links ?

Series Playlist - https://youtube.com/playlist?list=PLYQSCk-qyTW37zDPzcAyzCsnypFQrhUcq
Github repo - https://github.com/zachgoll/fullstack-roadmap-series

? Hit me up on Twitter - https://twitter.com/zg_dev
? Mailing List - https://lists.zachgollwitzer.com/learn-to-code/

_______________________________________________________________

? Video contents
________________________________________________________________

0:00 Intro and Codepen Walkthrough (optional)
4:34 What is the DOM?
6:18 What the DOM is NOT
12:34 A 10,000 Foot View of the DOM
18:10 The window object (browser control)
25:22 The document object (HTML control)
28:20 What is the "DOM Tree"?
39:05 DOM Programming Example
_______________________________________________________________

? My Gear
________________________________________________________________

?? Software Development Essentials:

Dual LG Monitors - https://geni.us/lg-monitor
Bose QC35s - https://geni.us/bose-qc35
Monitor Arm - https://geni.us/monitor-arm
Mechanical Keyboard - https://geni.us/mechanical-keyboard
Logitech Bluetooth Mouse - https://geni.us/logitech-mouse

? Premium Software I Use

Adobe CC (Premiere Pro, Photoshop, etc.) - https://geni.us/adobe-cc
Tubebuddy - https://geni.us/youtube-tools

? My Filming Gear and Tools

Camera - https://geni.us/canon-6d-markii
Main Lens - https://geni.us/canon-16-35-lens
Fluid Head Tripod - https://geni.us/neewer-tripod

? My Favorite Programming Books

Code Complete - https://geni.us/code-complete
Code: The Hidden Language... - https://geni.us/code-book
Head First Design Patterns - https://geni.us/head-first-design
Head First OOP - https://geni.us/head-first-oop
The Elements of Computing Systems - https://geni.us/nand-2-tetris
The Phoenix Project - https://geni.us/phoenix-project

_______________________________________________________________

? Connect With Me:
_______________________________________________________________

Twitter: https://twitter.com/zg_dev
Website: https://www.zachgollwitzer.com
LinkedIn: https://www.linkedin.com/in/zachgollwitzer/
_______________________________________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate a sales commission for me. Thanks for supporting the channel!

––––––––––––––––––––––––––––––
Mythology by MusicbyAden https://soundcloud.com/musicbyaden
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: http://bit.ly/_mythology
Music promoted by Audio Library https://youtu.be/e48pGUx_cxU
––––––––––––––––––––––––––––––

#learntocode #100DaysOfCode #fullstackroadmap