VOOZH about

URL: https://www.coursera.org/learn/packt-javascript-essentials-from-basics-to-dom-ty51q

⇱ JavaScript Essentials: From Basics to DOM | Coursera


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

Included with

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

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

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

14 assignments

Taught in English

Build your subject-matter expertise

This course is part of the JavaScript from Beginner to Expert 2.0 Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • 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 videoTotal 6 minutes
  • What is JavaScript and where can you use it?6 minutes
2 readingsTotal 20 minutes
  • Introduction to the Course 'JavaScript Essentials: From Basics to DOM'10 minutes
  • Full Specialization Resources10 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 videosTotal 10 minutes
  • Downloading and installing editor4 minutes
  • Creating the project / structure of project6 minutes
1 assignmentTotal 15 minutes
  • Editor - Assessment15 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 videoTotal 12 minutes
  • Useful shortcuts that will save you tons of time12 minutes
1 assignmentTotal 15 minutes
  • EXTRA: Useful Shortcuts - Assessment15 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 videosTotal 49 minutes
  • Properly embedding JS scripts on your website reducing website loading speed13 minutes
  • Basics: How is your script executed? Whitespaces/semicolons etc.8 minutes
  • Comments4 minutes
  • Variables17 minutes
  • const variables - why and when should you use 'const' keyword?6 minutes
1 assignmentTotal 15 minutes
  • Basics - Assessment15 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 videosTotal 26 minutes
  • Arithmetic operators13 minutes
  • Relational operators6 minutes
  • Logical operators7 minutes
1 assignmentTotal 15 minutes
  • Operators - Assessment15 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 videosTotal 21 minutes
  • Conditional Statements11 minutes
  • Conditional operator ?:5 minutes
  • Switch5 minutes
1 assignmentTotal 15 minutes
  • Conditions - Assessment15 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 videosTotal 54 minutes
  • Functions basics18 minutes
  • Scope of Variables within Functions and Outside of Functions9 minutes
  • let vs var - what is hoisting?15 minutes
  • Function Expressions | Anonymous function13 minutes
1 assignmentTotal 15 minutes
  • Functions - Assessment15 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 videosTotal 30 minutes
  • What are and how to create objects?14 minutes
  • Using an Object Constructor Function (class)11 minutes
  • Adding Properties to Objects using Prototype6 minutes
1 assignmentTotal 15 minutes
  • Objects - Assessment15 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 videosTotal 31 minutes
  • Arrays14 minutes
  • Useful Array Methods17 minutes
1 assignmentTotal 15 minutes
  • Arrays - Assessment15 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 videosTotal 39 minutes
  • What is loop? while and do while loop16 minutes
  • loop for3 minutes
  • instruction break and continue6 minutes
  • loop for/in - used for processing objects8 minutes
  • EXERCISE: Argument Object in function (unlimited number of arguments)6 minutes
1 assignmentTotal 15 minutes
  • Loops - Assessment15 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 videosTotal 49 minutes
  • What is DOM / how to obtain content of your website19 minutes
  • querySelector - fast and easy accessing of elements on the website6 minutes
  • Changing dynamically styles of elements using JS4 minutes
  • Adding and removing elements from document11 minutes
  • EXERCISE: Loop inside another Loop - printing out multiplication table10 minutes
1 assignmentTotal 15 minutes
  • DOM (Document Object Model) - Assessment15 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 videosTotal 117 minutes
  • Basics of Events9 minutes
  • 'this' - accessing the element that invoked the event function6 minutes
  • event - VERY IMPORTANT LESSON DO NOT SKIP IT4 minutes
  • Adding and removing event listener16 minutes
  • Event object as an automatically passed argument to function18 minutes
  • Propagating (multiplication of events)6 minutes
  • Preventing browser default action for example blocking context menu6 minutes
  • EXERCISE: Event - 'jump to the top of website' button8 minutes
  • Mouse events - dragging the image12 minutes
  • setTimeout and setInterval - Timing Events17 minutes
  • EXERCISE: upgrading the code from the last lesson to object-oriented way14 minutes
1 assignmentTotal 15 minutes
  • Events - Assessment15 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 videosTotal 43 minutes
  • How to validate forms? Validating text type input using form-related events19 minutes
  • Stopping form from submitting when any data in a form is not correct4 minutes
  • checkbox7 minutes
  • radio input on terms and condition example6 minutes
  • select (combo box)7 minutes
1 readingTotal 10 minutes
  • Conclusion to the Course 'JavaScript Essentials: From Basics to DOM'10 minutes
3 assignmentsTotal 90 minutes
  • Full Course Practice Assessment15 minutes
  • Validating Forms using Events - Assessment15 minutes
  • Full Course Assessment60 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

Offered by

Explore more from Software Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

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.

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when available.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,