Skills you'll learn:
Dom eventsWebsite performance optimization
JavaScript and the DOM
Course
Dive into the essentials of JavaScript and its powerful relationship with the Document Object Model (DOM). This course covers fundamental JavaScript syntax, enabling you to manipulate web content dynamically. You'll explore how to create content and respond to browser events, enhancing user interactions on your site. Performance optimization techniques will help you write efficient code. In the final project, you’ll apply all of your learned concepts to develop a fully functional web project, showcasing your ability to merge JavaScript with HTML and CSS for a seamless user interface.
Dive into the essentials of JavaScript and its powerful relationship with the Document Object Model (DOM). This course covers fundamental JavaScript syntax, enabling you to manipulate web content dynamically. You'll explore how to create content and respond to browser events, enhancing user interactions on your site. Performance optimization techniques will help you write efficient code. In the final project, you’ll apply all of your learned concepts to develop a fully functional web project, showcasing your ability to merge JavaScript with HTML and CSS for a seamless user interface.
Intermediate
10 hours
Last Updated April 14, 2025
Prerequisites:
Basic JavaScriptHTML and CSS
Intermediate
10 hours
Last Updated April 14, 2025
Skills you'll learn:
Dom events • Website performance optimization • DOM manipulation • The document object model
Prerequisites:
Basic JavaScript • HTML and CSS
Course Lessons
Lesson 1
Javascript Syntax
With the latest updates to the JavaScript language, a number of syntax improvements have been added. In this lesson, you'll learn to improve your JavaScript code with these syntax updates.
Lesson 2
The Document Object Model
The Document Object Model (DOM) allows developers to interact with and control the rendered page. You'll learn how the DOM is formed, what Nodes and Elements are, and how to select items from the DOM.
Lesson 3
Creating Content with JavaScript
Static is boring, so we'll use JavaScript and DOM methods to create new page content, update existing content, and delete content. You'll also learn how to check and set the styling of page elements.
Lesson 4
Working with Browser Events
Hundreds of events fire every time you interact with a page. Learn what an event is, how to listen for an event and respond to it, what data is included with an event, and the phases of an event.
Lesson 5
Asynchronous JavaScript and Performance
Learn about JavaScript's asynchronous operations, event loop, API interactions with Fetch and Promises, and use async/await for efficient, non-blocking code execution.
Lesson 6 • Project
Project: A Personal Portfolio
In this project, you will simulate DOM manipulation using JavaScript, applying course concepts and research skills to build a strong foundation for dynamic web development and problem-solving.
Taught By The Best
Mark Gardner
Freelance Developer and Engineering Instructor
Mark Gardner is a seasoned Full-Stack Developer with a passion for front-end technologies. His journey began with rewriting a COBOL application's front-end using the newest tech at the time: jQuery. That ignited a love for UI and UX development that has only grown stronger with modern frameworks like React and NextJS. With over 15 years of experience in software development and a background in video production, Mark brings a unique blend of technical expertise and creative vision to his work. He's adept at creating interactive, visually appealing applications using cutting-edge tools like GSAP and advanced CSS techniques.
The Udacity Difference
Combine technology training for employees with industry experts, mentors, and projects, for critical thinking that pushes innovation. Our proven upskilling system goes after success—relentlessly.
Demonstrate proficiency with practical projects
Projects are based on real-world scenarios and challenges, allowing you to apply the skills you learn to practical situations, while giving you real hands-on experience.
Gain proven experience
Retain knowledge longer
Apply new skills immediately
Top-tier services to ensure learner success
Reviewers provide timely and constructive feedback on your project submissions, highlighting areas of improvement and offering practical tips to enhance your work.
Get help from subject matter experts
Learn industry best practices
Gain valuable insights and improve your skills
Enroll in JavaScript and the DOM. Choose the plan that works for you
All Access monthly
Cancel Anytime
Unlimited access to our top-rated courses
Hands-on projects with expert feedback
Personalized career coaching and interview prep
Program Certificates
Best Value
All Access bundle1
All the same great benefits as our monthly plan
The most cost-effective way to develop the skills you want
- 1Discount applies to the first 4 months of membership, after which plans are converted to month-to-month.
JavaScript and the DOM
8 hours
Introduction to Javascript
36 hours
Beginner
Intro to JavaScript
13 hours
Introduction to Web Development
14 hours
Beginner
ES6
8 hours
Intermediate JavaScript
(140)
41 hours
Intermediate
Object-Oriented JavaScript
9 hours
Intro to jQuery
8 hours
JavaScript Design Patterns
24 hours
Introduction to R Programming
13 hours
Beginner
Introduction to HTML and CSS
5 hours
Java Fundamentals
20 hours
Intermediate
React and Redux
27 hours
Intermediate
Introduction to Programming with Python I
34 hours
Beginner
Backend Development with Node.js
18 hours
Intermediate
Web Accessibility
7 hours
Your subscription also includes:
Your subscription also includes:
JavaScript and the DOM
8 hours
Introduction to Javascript
36 hours
Beginner
Intro to JavaScript
13 hours
Introduction to Web Development
14 hours
Beginner
ES6
8 hours
Intermediate JavaScript
(140)
41 hours
Intermediate
Object-Oriented JavaScript
9 hours
Intro to jQuery
8 hours
JavaScript Design Patterns
24 hours
Introduction to R Programming
13 hours
Beginner
Introduction to HTML and CSS
5 hours
Java Fundamentals
20 hours
Intermediate
React and Redux
27 hours
Intermediate
Introduction to Programming with Python I
34 hours
Beginner
Backend Development with Node.js
18 hours
Intermediate
Web Accessibility
7 hours
About JavaScript and the DOM
Master JavaScript and the DOM to create dynamic, interactive web pages. Learn event handling, content manipulation, and performance optimization. Build a real-world project. Enroll now!