4.5
Beginner
20h
Updated this week
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.
Content
1.
Introduction
6 Lessons
Get familiar with JavaScript's fundamentals, from programming basics to dynamic web development.
2.
Basics of JavaScript
9 Lessons
Look at the basics of JavaScript: values, types, program structure, and simple coding challenges.
3.
Play with Variables
14 Lessons
Break apart variables, expressions, type conversions, user interactions, and variable naming.
4.
Add Conditions
13 Lessons
Break down complex ideas behind implementing and managing conditions using JavaScript.
5.
Repeat Statements
17 Lessons
Map out the steps for using while and for loops proficiently, avoiding common mistakes.
6.
Write Functions
15 Lessons
Tackle JavaScript functions to organize code, create reusable components, and solve problems efficiently.
7.
Create your First Object
11 Lessons
Piece together the parts of JavaScript objects, methods, and practical coding challenges.
8.
Store Data in Arrays
15 Lessons
Learn how to use arrays for efficient data storage, manipulation, and iteration in JavaScript.
9.
Work with Strings
13 Lessons
Unpack the core of working with strings, including manipulation, searching, and solving coding challenges.
10.
Understand Object Oriented Programming
11 Lessons
Examine object-oriented principles, classes, prototypes, and combat mechanics in JavaScript.
11.
Discover Functional Programming
15 Lessons
Enhance your skills in functional programming, JavaScript's multi-paradigm nature, and refactoring techniques.
12.
Project 1: A Social News Program
2 Lessons
Solve problems in creating a basic social news app with add and remove features.
13.
Create Interactive Web Pages
3 Lessons
Tackle creating and understanding interactive, web-based applications using HTML, CSS, and JavaScript.
14.
Discover the DOM
5 Lessons
Master the steps to interact with the DOM, navigate nodes, and handle child elements.
15.
Traverse the DOM
11 Lessons
Step through methods to traverse the DOM, select elements, handle attributes and classes.
16.
Modify Page Structure
17 Lessons
Walk through dynamically adjusting web pages using JavaScript's DOM manipulation methods and properties.
17.
React to Events
15 Lessons
Work your way through event-driven programming, handling various events, and completing coding challenges.
18.
Manipulate Forms
14 Lessons
Apply your skills to creating interactive, dynamic, and user-friendly web forms using JavaScript.
19.
Animate Elements
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
2 Lessons
Tackle developing a dynamic social news page with enhanced features and responsive design.
21.
Building Web Applications
6 Lessons
Practice using web protocols, dynamic development techniques, and JSON for data exchange.
22.
Query a Web Server
7 Lessons
Learn how to use fetch() for asynchronous HTTP requests and handle JSON data in JavaScript.
23.
Use Web APIs
12 Lessons
Look at the fundamental concepts of Web APIs, key-based authentication, and JavaScript integration.
24.
Send Data to a Web Server
8 Lessons
Work your way through sending data to servers using POST requests, FormData, and JSON.
25.
Discover Node.js
13 Lessons
Grasp the fundamentals of Node.js, modules, packages, NPM, and practical coding challenges.
26.
Create a Web Server
9 Lessons
Dig deeper into creating and managing web servers using JavaScript with Express framework.
27.
Project 3: A Social News Web App
2 Lessons
Tackle developing a social news web app with Node.js, focusing on coding best practices.
28.
Conclusion
1 Lessons
Approach the ongoing journey of mastering JavaScript's versatile, dynamic, and impactful nature.
29.
Appendices
1 Lessons
Get familiar with JavaScript naming conventions, code formatting practices, and linters for quality.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Show License and Attributions
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
