JavaScript Foundations and Essential Concepts
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
JavaScript Foundations and Essential Concepts
This course is part of JavaScript Masterclass - Zero To Job Ready With 10 Projects Specialization
Included with
Recommended experience
Recommended experience
What you'll learn
Understand JavaScript data types and how to manipulate them for dynamic web development.
Master control flow structures like loops, if-statements, and the ternary operator for creating flexible programs.
Learn how to interact with the DOM to dynamically alter content, style, and structure of web pages.
Build and deploy a complete web application, from coding to deploying using GitHub and Netlify.
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 8 modules in this course
This course features Coursera Coach — your interactive learning companion that helps you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course.
Build a strong foundation in JavaScript, one of the most widely used languages in web development. Designed for beginners, this course guides you step by step through core programming concepts, hands-on coding exercises, and practical projects so you can confidently write JavaScript code and apply it to real-world applications. You’ll begin by setting up your development environment and learning the basics — variables, constants, data types, and essential syntax. Through clear explanations and interactive examples, you’ll understand how JavaScript executes code and how to control program flow using loops, conditions, and logical operators. Next, you’ll explore the power of functions, methods, and object literals, building reusable blocks of code and learning the fundamentals of object-oriented thinking. As your skills grow, you’ll dive into the Document Object Model (DOM), discovering how JavaScript brings interactivity to web pages by manipulating elements, responding to user input, and updating content dynamically. The course concludes with a hands-on final project, where you’ll build a fully functional quiz application and deploy it online using GitHub and Netlify—giving you a real portfolio piece and practical experience with modern web development workflows. By the end of this course, you will have: - Understood JavaScript fundamentals including syntax, data types, variables, and operators. - Controlled program logic using loops, conditional statements, and functions. - Built and managed objects and reusable code components. - Manipulated the DOM to create dynamic, interactive web features. - Created and deployed a complete JavaScript project using GitHub and Netlify. - Gained the confidence to continue your journey into front-end or full-stack development. This course is ideal for absolute beginners and self-taught learners who want to develop solid JavaScript foundations. No prior experience is required—just curiosity and a willingness to learn.
In this module, we will introduce the structure and goals of the course, highlight the major topics covered, and guide you to valuable resources including cheat sheets, starter code, and tools. This setup ensures you begin with clarity and confidence.
What's included
2 videos2 readings
2 videos•Total 18 minutes
- Introduction to the Specialization•5 minutes
- Resources•12 minutes
2 readings•Total 20 minutes
- Introduction to the course 'JavaScript Foundations and Essential Concepts'•10 minutes
- Full Course Resources•10 minutes
In this module, we will explore the foundational elements of JavaScript, including syntax, data types, variables, strings, numbers, and arrays. You'll also learn how to run JavaScript code and interact with the browser console for debugging and testing.
What's included
16 videos1 assignment
16 videos•Total 156 minutes
- JavaScript Basics•14 minutes
- Environment Setup / 003•7 minutes
- How to Run JavaScript Files / 005•8 minutes
- Browser Console / 006•3 minutes
- Variables, Constants, and Comments / 007•11 minutes
- Naming Conventions / 007-1•3 minutes
- Data Types / 008•7 minutes
- Strings / 009•17 minutes
- String Methods / 010•12 minutes
- Numbers / 011•14 minutes
- Template Literals / 012•9 minutes
- Arrays / 013•16 minutes
- Null and Undefined / 014•6 minutes
- Booleans and Comparisons / 015•15 minutes
- Loose Versus Strict Comparison / 016•5 minutes
- Type Conversion / 017•9 minutes
1 assignment•Total 15 minutes
- JavaScript Basics - Assessment•15 minutes
In this module, we will cover the decision-making and looping mechanisms that determine how code is executed. You'll learn to apply control flow structures to build dynamic, responsive logic in your programs.
What's included
13 videos1 assignment
13 videos•Total 123 minutes
- Control Flow / 018•4 minutes
- For Loop / 019•19 minutes
- For Loop (in and of) / 019-1•10 minutes
- While Loop / 020•8 minutes
- Do While Loop / 021•5 minutes
- If Statements / 022•6 minutes
- Else and Else If / 023•10 minutes
- Logical Operators / 024•13 minutes
- Logical NOT / 025•4 minutes
- Break and Continue / 026•14 minutes
- Switch Statements / 027•9 minutes
- Scope (Global and Local) / 028•14 minutes
- Ternary Operator / 028-1•8 minutes
1 assignment•Total 15 minutes
- Control Flow - Assessment•15 minutes
In this module, we will delve into functions, exploring their syntax, types, and how they simplify repetitive tasks. You’ll also work with arrow functions, methods, and callback functions for more advanced JavaScript programming.
What's included
8 videos1 assignment
8 videos•Total 91 minutes
- Functions - I / 029•6 minutes
- Functions - II / 030•16 minutes
- Arguments and Parameters / 031•16 minutes
- Returning Values / 032•10 minutes
- Arrow Functions / 033•13 minutes
- Functions and Methods / 034•5 minutes
- forEach Method and Callbacks / 035•12 minutes
- forEach Method / 036•12 minutes
1 assignment•Total 15 minutes
- Functions - Assessment•15 minutes
In this module, we will examine how objects work in JavaScript, how to define and access their properties and methods, and how they differ from primitive data types. You'll also explore the Math object and objects within arrays.
What's included
8 videos1 assignment
8 videos•Total 78 minutes
- Object Literals - I•4 minutes
- Object Literals - II / 038•11 minutes
- Methods / 039•8 minutes
- 'this' Keyword / 040•9 minutes
- Objects in Arrays / 041•16 minutes
- Math Object / 042•10 minutes
- Primitive Versus Reference Types - I / 043•11 minutes
- Primitive Versus Reference Types - II / 043-2•8 minutes
1 assignment•Total 15 minutes
- Object Literals - Assessment•15 minutes
In this module, we will focus on the DOM and how JavaScript interacts with HTML elements. You'll learn to select, modify, create, and delete elements, handle events, and implement advanced topics like bubbling and delegation.
What's included
14 videos1 assignment
14 videos•Total 160 minutes
- DOM Introduction / 044•3 minutes
- DOM In-Depth / 045•5 minutes
- Query Selector / 046•18 minutes
- Selectors / 047•6 minutes
- Controlling Content (Add/Delete) / 048•14 minutes
- Attributes (Get/Set) / 049•16 minutes
- Changing CSS Styles / 050•8 minutes
- Classes (Add/Remove) / 051•18 minutes
- Relationships (Parent/Child/Siblings) / 052•12 minutes
- Events - I / 053-1•9 minutes
- Events - II / 053-2•9 minutes
- Creating and Removing Elements / 054•12 minutes
- Event Bubbling and Delegation / 055•13 minutes
- More DOM Events / 056•18 minutes
1 assignment•Total 15 minutes
- Document Object Model - Assessment•15 minutes
In this module, we will work with forms and related events, including submission, validation, and user input handling. You'll also learn to use regular expressions and respond to keypresses and other interactive behaviors on the page.
What's included
7 videos1 assignment
7 videos•Total 65 minutes
- Events Inside Forms / 057•4 minutes
- Submit Events / 059•8 minutes
- Regular Expressions / 060•15 minutes
- Testing RegEx Patterns / 061•8 minutes
- Basic Form Validation / 062•5 minutes
- Keyboard Events / 063•11 minutes
- Events on HTML Page / 065•13 minutes
1 assignment•Total 15 minutes
- Form and Form Events - Assessment•15 minutes
In this module, we will build a real-world quiz application from scratch to apply the concepts learned throughout the course. You’ll design the UI, write functional logic, track user scores, and deploy your project live on the web.
What's included
8 videos1 reading3 assignments
8 videos•Total 89 minutes
- Project Demo / 210•2 minutes
- Template Structure (Optional) / 211•24 minutes
- Template Structure (Optional) / 212•11 minutes
- Working with Answer / 213•12 minutes
- Score Update / 214•7 minutes
- Reload / 215•10 minutes
- Final Demo / 216•2 minutes
- Project Deployment Using GitHub and Netlify / 321•21 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'JavaScript Foundations and Essential Concepts'•10 minutes
3 assignments•Total 90 minutes
- Project: Quiz Application - Assessment•15 minutes
- Full Course Resources•60 minutes
- Full Course Practice Assessment•15 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
Course
Course
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,