JavaScript Essentials: From Basics to DOM
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
JavaScript Essentials: From Basics to DOM
This course is part of JavaScript from Beginner to Expert 2.0 Specialization
Included with
Recommended experience
Recommended experience
What you'll learn
Embed JavaScript efficiently to optimize web performance and loading speeds
Apply logical and conditional statements to control application behavior
Manipulate the DOM and respond to user interactions using event listeners
Validate forms and refactor event-based code into object-oriented structures
Skills you'll gain
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 13 modules in this course
This course features Coursera Coach!
A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Begin your journey into JavaScript with this hands-on course designed to teach you how to embed scripts efficiently, apply logical conditions, manipulate the DOM, validate forms, and build object-oriented code. By the end, you'll be able to create interactive web applications using core JavaScript features and real-world coding patterns. The course begins with setting up your development environment and introduces JavaScript’s essential role in web development. You'll learn embedding techniques, syntax rules, and move into logical statements, functions, scope, arrays, and loops—reinforced by guided exercises. Later sections explore DOM manipulation, dynamic styling, event-driven programming, and advanced control structures. You'll also practice refactoring code and implementing form validations using real examples. This beginner-friendly course is ideal for aspiring web developers, students, and professionals with no prior coding experience.
In this module, we will introduce JavaScript, exploring its core functionalities and the broad range of environments where it can be utilized. You'll gain a foundational understanding of how JavaScript fits into web development and other application contexts.
What's included
1 video2 readings
1 video•Total 6 minutes
- What is JavaScript and where can you use it?•6 minutes
2 readings•Total 20 minutes
- Introduction to the Course 'JavaScript Essentials: From Basics to DOM'•10 minutes
- Full Specialization Resources•10 minutes
In this module, we will guide you through the process of downloading and installing the right code editor for JavaScript. You’ll also learn how to create and structure your first JavaScript project, setting up a solid foundation for your coding journey.
What's included
2 videos1 assignment
2 videos•Total 10 minutes
- Downloading and installing editor•4 minutes
- Creating the project / structure of project•6 minutes
1 assignment•Total 15 minutes
- Editor - Assessment•15 minutes
In this module, we will share essential shortcuts that will significantly improve your coding speed and efficiency. These tips are designed to optimize your workflow and help you become a faster, more effective JavaScript developer.
What's included
1 video1 assignment
1 video•Total 12 minutes
- Useful shortcuts that will save you tons of time•12 minutes
1 assignment•Total 15 minutes
- EXTRA: Useful Shortcuts - Assessment•15 minutes
In this module, we will cover fundamental JavaScript concepts, including how to properly embed JavaScript in your website, execute scripts efficiently, and handle variables and comments. You’ll also learn about using 'const' to manage variable declarations for better code stability.
What's included
5 videos1 assignment
5 videos•Total 49 minutes
- Properly embedding JS scripts on your website reducing website loading speed•13 minutes
- Basics: How is your script executed? Whitespaces/semicolons etc.•8 minutes
- Comments•4 minutes
- Variables•17 minutes
- const variables - why and when should you use 'const' keyword?•6 minutes
1 assignment•Total 15 minutes
- Basics - Assessment•15 minutes
In this module, we will explore JavaScript operators, including arithmetic, relational, and logical operators. You'll gain the skills to perform calculations, compare values, and manage conditional logic in your code.
What's included
3 videos1 assignment
3 videos•Total 26 minutes
- Arithmetic operators•13 minutes
- Relational operators•6 minutes
- Logical operators•7 minutes
1 assignment•Total 15 minutes
- Operators - Assessment•15 minutes
In this module, we will focus on conditional logic in JavaScript. You will learn to use if-else statements, the ternary operator, and the switch statement to make decisions in your code efficiently.
What's included
3 videos1 assignment
3 videos•Total 21 minutes
- Conditional Statements•11 minutes
- Conditional operator ?:•5 minutes
- Switch•5 minutes
1 assignment•Total 15 minutes
- Conditions - Assessment•15 minutes
In this module, we will dive into the world of JavaScript functions. You will learn how to define functions, manage variable scope, understand hoisting, and use function expressions for more flexible coding solutions.
What's included
4 videos1 assignment
4 videos•Total 54 minutes
- Functions basics•18 minutes
- Scope of Variables within Functions and Outside of Functions•9 minutes
- let vs var - what is hoisting?•15 minutes
- Function Expressions | Anonymous function•13 minutes
1 assignment•Total 15 minutes
- Functions - Assessment•15 minutes
In this module, we will explore JavaScript objects. You'll learn to create objects, use constructor functions, and enhance your objects with new properties using prototypes.
What's included
3 videos1 assignment
3 videos•Total 30 minutes
- What are and how to create objects?•14 minutes
- Using an Object Constructor Function (class)•11 minutes
- Adding Properties to Objects using Prototype•6 minutes
1 assignment•Total 15 minutes
- Objects - Assessment•15 minutes
In this module, we will cover arrays in JavaScript, teaching you how to store and manipulate multiple values efficiently using built-in array methods.
What's included
2 videos1 assignment
2 videos•Total 31 minutes
- Arrays•14 minutes
- Useful Array Methods•17 minutes
1 assignment•Total 15 minutes
- Arrays - Assessment•15 minutes
In this module, we will cover looping in JavaScript, from while loops to for loops, and demonstrate how to control iteration with break and continue. You’ll also practice dynamic coding with the for...in loop and the arguments object.
What's included
5 videos1 assignment
5 videos•Total 39 minutes
- What is loop? while and do while loop•16 minutes
- loop for•3 minutes
- instruction break and continue•6 minutes
- loop for/in - used for processing objects•8 minutes
- EXERCISE: Argument Object in function (unlimited number of arguments)•6 minutes
1 assignment•Total 15 minutes
- Loops - Assessment•15 minutes
In this module, we will explore how JavaScript interacts with the Document Object Model (DOM). You'll learn to access, modify, and manipulate webpage elements dynamically to create interactive user experiences.
What's included
5 videos1 assignment
5 videos•Total 49 minutes
- What is DOM / how to obtain content of your website•19 minutes
- querySelector - fast and easy accessing of elements on the website•6 minutes
- Changing dynamically styles of elements using JS•4 minutes
- Adding and removing elements from document•11 minutes
- EXERCISE: Loop inside another Loop - printing out multiplication table•10 minutes
1 assignment•Total 15 minutes
- DOM (Document Object Model) - Assessment•15 minutes
In this module, we will dive into JavaScript events. You’ll learn to handle user interactions, manage event listeners, control event propagation, and prevent default browser actions to create responsive web applications.
What's included
11 videos1 assignment
11 videos•Total 117 minutes
- Basics of Events•9 minutes
- 'this' - accessing the element that invoked the event function•6 minutes
- event - VERY IMPORTANT LESSON DO NOT SKIP IT•4 minutes
- Adding and removing event listener•16 minutes
- Event object as an automatically passed argument to function•18 minutes
- Propagating (multiplication of events)•6 minutes
- Preventing browser default action for example blocking context menu•6 minutes
- EXERCISE: Event - 'jump to the top of website' button•8 minutes
- Mouse events - dragging the image•12 minutes
- setTimeout and setInterval - Timing Events•17 minutes
- EXERCISE: upgrading the code from the last lesson to object-oriented way•14 minutes
1 assignment•Total 15 minutes
- Events - Assessment•15 minutes
In this module, we will focus on form validation using JavaScript. You’ll learn how to validate text, checkbox, radio button, and select inputs to ensure accurate data before form submission.
What's included
5 videos1 reading3 assignments
5 videos•Total 43 minutes
- How to validate forms? Validating text type input using form-related events•19 minutes
- Stopping form from submitting when any data in a form is not correct•4 minutes
- checkbox•7 minutes
- radio input on terms and condition example•6 minutes
- select (combo box)•7 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'JavaScript Essentials: From Basics to DOM'•10 minutes
3 assignments•Total 90 minutes
- Full Course Practice Assessment•15 minutes
- Validating Forms using Events - Assessment•15 minutes
- Full Course Assessment•60 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Explore more from Software Development
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
Specialization
Why people choose Coursera for their career
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,
