AI-powered learning
Save this course
Complete JavaScript Course: Build a Real World App from Scratch
Gain insights into JavaScript with ES6, DOM traversal, event handling, and animation. Learn about building a Social News web app from scratch using HTML, CSS, and JavaScript.
4.5
277 Lessons
20h
Updated yesterday
Join 2.9 million developers at
Join 2.9 million developers at
Learning Roadmap
1.
Introduction
Introduction
Get familiar with JavaScript's fundamentals, from programming basics to dynamic web development.
2.
Basics of JavaScript
Basics of JavaScript
Look at the basics of JavaScript: values, types, program structure, and simple coding challenges.
3.
Play with Variables
Play with Variables
14 Lessons
14 Lessons
Break apart variables, expressions, type conversions, user interactions, and variable naming.
4.
Add Conditions
Add Conditions
13 Lessons
13 Lessons
Break down complex ideas behind implementing and managing conditions using JavaScript.
5.
Repeat Statements
Repeat Statements
17 Lessons
17 Lessons
Map out the steps for using while and for loops proficiently, avoiding common mistakes.
6.
Write Functions
Write Functions
15 Lessons
15 Lessons
Tackle JavaScript functions to organize code, create reusable components, and solve problems efficiently.
7.
Create your First Object
Create your First Object
11 Lessons
11 Lessons
Piece together the parts of JavaScript objects, methods, and practical coding challenges.
8.
Store Data in Arrays
Store Data in Arrays
15 Lessons
15 Lessons
Learn how to use arrays for efficient data storage, manipulation, and iteration in JavaScript.
9.
Work with Strings
Work with Strings
13 Lessons
13 Lessons
Unpack the core of working with strings, including manipulation, searching, and solving coding challenges.
10.
Understand Object Oriented Programming
Understand Object Oriented Programming
11 Lessons
11 Lessons
Examine object-oriented principles, classes, prototypes, and combat mechanics in JavaScript.
11.
Discover Functional Programming
Discover Functional Programming
15 Lessons
15 Lessons
Enhance your skills in functional programming, JavaScript's multi-paradigm nature, and refactoring techniques.
12.
Project 1: A Social News Program
Project 1: A Social News Program
2 Lessons
2 Lessons
Solve problems in creating a basic social news app with add and remove features.
13.
Create Interactive Web Pages
Create Interactive Web Pages
3 Lessons
3 Lessons
Tackle creating and understanding interactive, web-based applications using HTML, CSS, and JavaScript.
14.
Discover the DOM
Discover the DOM
5 Lessons
5 Lessons
Master the steps to interact with the DOM, navigate nodes, and handle child elements.
15.
Traverse the DOM
Traverse the DOM
11 Lessons
11 Lessons
Step through methods to traverse the DOM, select elements, handle attributes and classes.
16.
Modify Page Structure
Modify Page Structure
17 Lessons
17 Lessons
Walk through dynamically adjusting web pages using JavaScript's DOM manipulation methods and properties.
17.
React to Events
React to Events
15 Lessons
15 Lessons
Work your way through event-driven programming, handling various events, and completing coding challenges.
18.
Manipulate Forms
Manipulate Forms
14 Lessons
14 Lessons
Apply your skills to creating interactive, dynamic, and user-friendly web forms using JavaScript.
19.
Animate Elements
Animate Elements
10 Lessons
10 Lessons
Take a closer look at animating elements using JavaScript and CSS, covering techniques and practical applications.
20.
Project 2: A Social News Web Page
Project 2: A Social News Web Page
2 Lessons
2 Lessons
Tackle developing a dynamic social news page with enhanced features and responsive design.
21.
Building Web Applications
Building Web Applications
6 Lessons
6 Lessons
Practice using web protocols, dynamic development techniques, and JSON for data exchange.
22.
Query a Web Server
Query a Web Server
7 Lessons
7 Lessons
Learn how to use fetch() for asynchronous HTTP requests and handle JSON data in JavaScript.
23.
Use Web APIs
Use Web APIs
12 Lessons
12 Lessons
Look at the fundamental concepts of Web APIs, key-based authentication, and JavaScript integration.
24.
Send Data to a Web Server
Send Data to a Web Server
8 Lessons
8 Lessons
Work your way through sending data to servers using POST requests, FormData, and JSON.
25.
Discover Node.js
Discover Node.js
13 Lessons
13 Lessons
Grasp the fundamentals of Node.js, modules, packages, NPM, and practical coding challenges.
26.
Create a Web Server
Create a Web Server
9 Lessons
9 Lessons
Dig deeper into creating and managing web servers using JavaScript with Express framework.
27.
Project 3: A Social News Web App
Project 3: A Social News Web App
2 Lessons
2 Lessons
Tackle developing a social news web app with Node.js, focusing on coding best practices.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Show License and Attributions
Developed by MAANG Engineers
ABOUT THIS COURSE
Javascript is one of the most prominent web programming languages that really made a difference. This course aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. Walk with us as we take you on a journey filled with all the wonders of Javascript including:
- Basics of JavaScript with ES6
- How to traverse the DOM?
- Modify Pages and handle events
- Animate elements
You will also learn how to build a Social News web application from scratch using the three web technologies HTML, CSS and JavaScript. Before moving on to advanced concepts, we will go through the fundamentals to get a strong grip over the basics. You can also experiment with the code provided and hence, gain a higher understanding of how things work. This course is perfect for anyone who wants to learn web development and get off to a good start in the JavaScript universe or catch up with its newest evolutions. Let's walk this (JavaScript) way!
ABOUT THE AUTHOR
Baptiste Pesquet
Engineer and computer science teacher.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
