Get 20% discount on Hostinger with my code:
https://hostinger.co.uk?REFERRALCODE=DT1CODELAA6C
*COMMUNITY NOTE*
Following a recent poll, it was a resounding YES (100%) vote to allow other creators to make videos for consistent uploads and to help grow this channel and community.
So with that in mind i would ask if you are a content creator or know of content creators who are interested in making educational content (predominantly front end videos for the time being) please reach out to me through my email. Additionally, I am also offering each content creator who sends videos 30% of revenue generated for that video from YouTube ads.
[email protected]
A few things to note regarding the videos
- Between 10-30 minutes in length.
- Use a good microphone.
- If you are showing code on screen, make it as large as possible.
- Make sure the video resolution is 1080p (720 at the absolute minimum).
- No background music.
- Must be in real voice. You should not use a computer generated voice or use music without dialog.
- If showing face, please have high visual camera.
Look forward to seeing the videos.
Hostinger Deal!! Use code below to get 20% discount! on a whole host of web hosting services!
https://hostinger.co.uk?REFERRALCODE=1CODELAB98G53
Hey there guys!
Welcome to the Part 1/2 Master DOM Manipulation..in this video we will go over the fundamentals of the DOM, as well as looking at some more of the advanced aspects of the DOM...with plenty of examples along the way..i hope you enjoy. 🙂
GitHub File:
https://github.com/CodeLab98/DOM-Manipulation-Part-1-Source-Code/blob/main/Master%20DOM%20Manipulation/index.html
List of DOM Events:
https://www.w3schools.com/jsref/dom_obj_event.asp
🙂 SUBSCRIBE - hit the bell 🔔 and choose all: https://www.youtube.com/c/CodeLab98
------------------
Follow me on Social Media
Instagram: https://www.instagram.com/code.lab98/
Microphone I Use
Blue Yeti USB Microphone: https://amzn.to/3nIy4lx
RØDE PSA1 Arm: https://amzn.to/3yMSQGR
PC Specs
MSI GeForce GTX 1660 SUPER VENTUS XS OC: https://amzn.to/3apiIPV
Intel Core i9-11900K: https://amzn.to/3OJMSMF
Kingston 480GB Q500: https://amzn.to/3IphUHs
MSI MAG B560 TOMAHAWK: https://amzn.to/3nMFzIk
MSI MAG FORGE 100R Mid Tower: https://amzn.to/3PbLySI
27" Ultrasharp 4k Monitor: https://amzn.to/3ReC8aP
Wireless Keyboard and Mouse Set: https://amzn.to/3bYhMlZ
------------------
TIMESTAMPS
00:00 - Introduction
00:23 – Prerequisites
00:58 – Tools needed for the Course
01:13 – Structure of Course
01:25 – What is he DOM?
01:58 – DOM Tree Analogy
03:54 – Selecting Elements in the DOM
11:37 – Styling an Element
16:26 – Creating Elements
17:25 – Adding Elements
18:26 -- Modify Text
21:08 – Modifying Elements Attributes & Classes
24:52 – Remove an Element
25:40 – DOM Tree Recap
27:51 – Traversing the DOM
37:41 – Event Listeners
44:52 – Event Listener Example
50:09 – Event Propagation
1:00:00 – Event Delegation
------------------
👍 HTML FULL TUTORIAL: https://www.youtube.com/playlist?list=PL-GJ2ovkUZSECwci9yCGpUNaC-XT6YDln
👍 CSS FULL TUTORIAL: https://www.youtube.com/playlist?list=PL-GJ2ovkUZSFypjUr-ntQPlIpGO38P1xc
👍 FIVE-MINUTE FRIDAYS TUTORIALS: https://www.youtube.com/playlist?list=PL-GJ2ovkUZSFWFbBAt4KTFh_WuHkYJEC8
------------------
Learn with Code Lab! easy to understand tutorials :-)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.