Watch trailer
Course at a glance
Included in these subscriptions:
- Dev & IT Pro Video
- Dev & IT Pro Power Pack
| Release date | 11/3/2021 | |
| Level | Advanced | |
| Runtime | 2h 35m | |
| Closed captioning | N/A | |
| Transcript | N/A | |
| eBooks / courseware | N/A | |
| Hands-on labs | N/A | |
| Sample code | Included | |
| Exams | Included |
Course description
Embark on your journey of web development by Mastering JavaScript. This course will go over the Document Object Model or DOM. It will discuss Classes, manipulating InnerContent, manipulating styles and elements, events and event listeners.
Prerequisites
HTML, CSS and Web development knowledge is helpful but not necessary.
Meet the expert
Providing Web development courses and digital marketing strategy courses since 2002. An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web & application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about ;everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.
Course outline
Module 7
Welcome to JavaScript DOM (27:28)
- Introduction (00:08)
- Welcome to JavaScript DOM (06:47)
- Select and Element JavaScript DOM (05:15)
- Element Selectors (09:11)
- Element QuerySelectorAll (05:58)
- Summary (00:08)
JavaScript Manipulation InnerContent (22:39)
- Introduction (00:08)
- JavaScript Manipulation InnerContent (06:21)
- Element Attributes (06:14)
- Attribute Updates (09:46)
- Summary (00:08)
JavaScript and Classes (19:04)
- Introduction (00:08)
- JavaScript and Classes (06:52)
- Element Children and Traversing (07:39)
- More Traversing (04:16)
- Summary (00:08)
Module 8
Element Manipulation Styles (22:13)
- Introduction (00:08)
- Element Manipulation Styles (07:17)
- Create Elements (11:20)
- Append Prepend Challenge (03:19)
- Summary (00:08)
Remove an Element (28:55)
- Introduction (00:08)
- Remove an Element (10:51)
- Element Clones (07:09)
- Adding Event Listeners (10:38)
- Summary (00:08)
Bubble and Capture Event Listeners (08:26)
- Introduction (00:08)
- Bubble and Capture Event Listeners (03:32)
- Apply Listeners (04:38)
- Summary (00:08)
More Event Listeners (27:10)
- Introduction (00:08)
- More Event Listeners (06:49)
- Keyboard Events JavaScript (06:53)
- List Challenge Events (13:11)
- Summary (00:08)