This course is designed for those interested to learn the basics of JavaScript, Document Object Model or DOM, and how to use them to build web pages with dynamic elements and interaction.
Read more.Instructor
I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today. Providing Web development courses and digital marketing
Access all courses in our library for only $9/month with All Access Pass
Get Started with All Access PassBuy Only This CourseAbout This Course
Who this course is for:
- Web developers
- Web designers
- Anyone who wants to learn how to make interactive web applications
What you’ll learn:Â
- How JavaScript can be added to web pages
- Document Object Model (DOM)
- Mini projects to highlight what was learned
Requirements:Â
- HTML and CSS
- Basics of JavaScript coding
- Fundamental JavaScript
JavaScript can be used to apply interaction and dynamic content to web pages. Explore how you can do so within the course.Â
The course will cover:
- How JavaScript can be added to web pages
- Console and debugging with JavaScript
- Document Object Model (DOM)
- Using JavaScript to select elements from the page
- Selecting multiple elements from the page
- Updating element attributes
- Updating element style properties and values
- Adding classes and manipulating element class values
- How to create elements using JavaScript and add them to a webpage
- Creating interaction using event listeners in JavaScript
- Forming values
- Mini projects to highlight what was learned
Source Codes are included, so try the codes for yourself and explore what you can do with JavaScript.
Our Promise to You
By the end of this course, you will have learned how to create web pages that are dynamic and interactive.
10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.
Get started today and learn more about JavaScript DOM.
Course Curriculum
| Section 1 - Introduction | |||
| Introduction | 00:00:00 | ||
| Downloadable Resources | 00:00:00 | ||
| Setup Developer Environment | 00:00:00 | ||
| Create An Index Page | 00:00:00 | ||
| Script File JavaScript | 00:00:00 | ||
| Console Log Options | 00:00:00 | ||
| JavaScript Document Object | 00:00:00 | ||
| Selecting Elements | 00:00:00 | ||
| Selection By Tag | 00:00:00 | ||
| querySelector | 00:00:00 | ||
| querySelectorAll | 00:00:00 | ||
| Complex CSS querySelectorAll | 00:00:00 | ||
| Update Images | 00:00:00 | ||
| ChildNodes Children And More | 00:00:00 | ||
| Element Style Update | 00:00:00 | ||
| Multi Element Style Update | 00:00:00 | ||
| Add Classes To Elements | 00:00:00 | ||
| Set Attribute | 00:00:00 | ||
| Javascript Create Element | 00:00:00 | ||
| Append And Prepend | 00:00:00 | ||
| AddEvent Listeners | 00:00:00 | ||
| AddEvent Multiple Listeners | 00:00:00 | ||
| Mouse Move Events | 00:00:00 | ||
| Fun With Images | 00:00:00 | ||
| Fun With Images Part 2 | 00:00:00 | ||
| Form Values | 00:00:00 | ||
| Annoying Blinker | 00:00:00 | ||
| Animation JavaScript | 00:00:00 | ||
| DOM Conclusion | 00:00:00 | ||
Related Courses
Are you interested in higher education?