Complete JavaScript Course: Build a Real World App from Scratch

Complete JavaScript Course: Build a Real World App from Scratch

This is a course on JavaScript for beginners who want to learn Javascript programming by creating a real web application, such as a Social News app.

Beginner

277 Lessons

20h

Certificate of Completion

This is a course on JavaScript for beginners who want to learn Javascript programming by creating a real web application, such as a Social News app.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

309 Playgrounds
77 Challenges
23 Quizzes

This course includes

309 Playgrounds
77 Challenges
23 Quizzes

Course Overview

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 tech...Show More

TAKEAWAY SKILLS

Javascript

Programming Language

Learn To Code

Course Content

1.

Introduction

The chapter overviews programming and the role of algorithms in finishing a coding task. It enlists famous programming languages and introduces JavaScript.
2.

Basics of JavaScript

The chapter explains the basic structure of a JS program, covering basic constructs, e.g., printing on the console, data types, and the execution flow.
12.

Project 1: A Social News Program

2 Lessons

The chapter details the functional requirements for creating a project on a social news program and implementing interactive user management features.
13.

Create Interactive Web Pages

3 Lessons

The chapter introduces WWW and web pages, enlisting popular web languages used for user engagement and dynamic content presentation.
14.

Discover the DOM

5 Lessons

The chapter focuses on understanding the Document Object Model (DOM), its structure, and JavaScript interactions.
20.

Project 2: A Social News Web Page

2 Lessons

The chapter focuses on building a social news webpage built on the previous project, setting its functional requirements, and implementing interactive features.
21.

Building Web Applications

6 Lessons

The chapter covers core concepts of web architecture, e.g., HTTP protocols, requests, status codes, dynamic applications, and JSON data format.
22.

Query a Web Server

7 Lessons

The chapter focuses on making asynchronous HTTP requests, handling JSON data, and integrating external data into web applications.
24.

Send Data to a Web Server

8 Lessons

The chapter emphasizes methods for sending data to web servers using POST requests, utilizing FormData and JSON for efficient data transmission.
26.

Create a Web Server

9 Lessons

The chapter focuses on creating a web server using Node.js and Express, covering request handling, API creation, data management, and serving web pages.
27.

Project 3: A Social News Web App

2 Lessons

The chapter focuses on building a social news web app with Node.js, setting its functional and technical requirements for its development.
28.

Conclusion

1 Lesson

The chapter provides a quick rundown of the complete course and the road ahead.
29.

Appendices

1 Lesson

The chapter highlights best practices in JavaScript naming conventions and code formatting to enhance readability and maintainability.

Course Author

Show License and Attributions

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath