It seems that your browser is not supported by our application.

Coding Challenge: Improved Hello

Play with Variables

14 Lessons

Break apart variables, expressions, type conversions, user interactions, and variable naming.

Solution: Improved Hello

Coding Challenge: VAT Calculation

Solution: VAT Calculation

Coding Challenge: Celsius to Fahrenheit Conversion

Solution: Celsius to Fahrenheit Conversion

Coding Challenge: Variable Swapping

Solution: Variable Swapping

Coding Challenge: Following Day

Add Conditions

13 Lessons

Break down complex ideas behind implementing and managing conditions using JavaScript.

What's a Condition?

Alternative Conditions

Add Additional Logic

Multiple Choices

Solution: Following Day

Coding Challenge: Number Comparison

Solution: Number Comparison

Coding Challenge: Number of Days in a Month

Solution: Number of Days in a Month

Coding Challenge: Adding seconds to time

Solution: Adding Seconds to Time

Coding Challenge: Carousel

Repeat Statements

17 Lessons

Map out the steps for using while and for loops proficiently, avoiding common mistakes.

Solution: Carousel

Coding Challenge: Use of Modulo Operator

Solution: Use of Modulo Operator

Coding Challenge: Input Validation

Solution: Input Validation

Coding Challenge: Multiplication Table

Solution: Multiplication Table

Coding Challenge: Neither Yes nor No

Solution: Neither Yes nor No

Coding Challenge: FizzBuzz

Solution: FizzBuzz

Guidelines for Programming with Functions

Write Functions

15 Lessons

Tackle JavaScript functions to organize code, create reusable components, and solve problems efficiently.

Discovering Functions

Function Contents

Anonymous Functions

Coding Challenge: Improved Hello

Solution: Improved Hello

Coding Challenge: Number Squaring

Solution: Number Squaring

Coding Challenge: Minimum of Two Numbers

Solution: Minimum of Two Numbers

Coding Challenge: Calculator

Solution: Calculator

Coding Challenge: Circumference and Area of a Circle

Solution: Circumference and Area of a Circle

Coding Challenge: Adding a New Property to a Character

Create your First Object

11 Lessons

Piece together the parts of JavaScript objects, methods, and practical coding challenges.

JavaScript and Objects

Programming with Objects

Solution: Adding a New Property to a Character

Coding Challenge: Modeling a Dog

Solution: Modeling a Dog

Coding Challenge: Modeling a Circle

Solution: Modeling a Circle

Coding Challenge: Modeling a Bank Account

Solution: Modeling a Bank Account

Manipulating Arrays in JavaScript

Store Data in Arrays

15 Lessons

Learn how to use arrays for efficient data storage, manipulation, and iteration in JavaScript.

Introduction to Arrays

Iterating over an Array

Updating an Array's Content

Coding Challenge: Musketeers

Solution: Musketeers

Coding Challenge: Sum of Values

Solution: Sum of Values

Coding Challenge: Array Maximum

Solution: Array Maximum

Coding Challenge: Array Second Minimum

Solution: Second Minimum

Coding Challenge: List of Words

Solution: List of Words

Strings as Set of Characters

Work with Strings

13 Lessons

Unpack the core of working with strings, including manipulation, searching, and solving coding challenges.

Introduction

Manipulating Strings

Searching Inside a String

Coding Challenge: Word Information

Solution: Word Information

Coding Challenge: Vowel Count

Solution: Vowel Count

Coding Challenge: Reverse a Word

Solution: Reverse a Word

Coding Challenge: Palindrome Finder

Solution: Palindrome Finder

Context: A Multiplayer RPG

10.

Understand Object Oriented Programming

11 Lessons

Examine object-oriented principles, classes, prototypes, and combat mechanics in JavaScript.

JavaScript Classes

Under the Hood: Objects and Prototypes

Object-Oriented

Coding Challenge: Create a Dog Class

Solution: Create a Dog Class

Coding Challenge: Create a Character Inventory Class

Solution: Create a Character Inventory Class

Coding Challenge: Create an Account Class

Solution: Create an Account Class

JavaScript: A Multi Paradigm Language

11.

Discover Functional Programming

15 Lessons

Enhance your skills in functional programming, JavaScript's multi-paradigm nature, and refactoring techniques.

Context: A Movie List

Program State

Pure Functions

Array Operations

Higher Order Functions

Coding Challenge: Older Movies

Solution: Older Movies

Coding Challenge: Government Forms

Solution: Government Forms

Coding Challenge: Arrays Sum

Solution: Arrays Sum

Coding Challenge: Students Results

Solution: Students' Results

Functional & Technical Requirements

12.

Project 1: A Social News Program

2 Lessons

Solve problems in creating a basic social news app with add and remove features.

Implementing Social News Program

13.

Create Interactive Web Pages

3 Lessons

Tackle creating and understanding interactive, web-based applications using HTML, CSS, and JavaScript.

What's a Web Page?

The Languages of the Web

Get Started with the DOM in JavaScript

14.

Discover the DOM

5 Lessons

Master the steps to interact with the DOM, navigate nodes, and handle child elements.

Introduction to the DOM

Coding Challenge: Showing a Node's Child

Solution: Showing a Node's Child

Selecting Elements via CSS Selectors

15.

Traverse the DOM

11 Lessons

Step through methods to traverse the DOM, select elements, handle attributes and classes.

Sample Web Page

Selecting Elements

Obtaining Information about Elements

Coding Challenge: Counting Elements

Solution: Counting Elements

Coding Challenge: Handling Attributes

Solution: Handling Attributes

Coding Challenge: Handling Classes

Solution: Handling Classes

Modify an Existing Element

16.

Modify Page Structure

17 Lessons

Walk through dynamically adjusting web pages using JavaScript's DOM manipulation methods and properties.

Adding a New Element

Variations on Adding elements

Replacing or Removing nodes

Styling Elements

DOM Manipulations & Performance

Coding Challenge: Adding a Paragraph

Solution: Adding a Paragraph

Coding Challenge: Newspaper List

Solution: Newspaper List

Coding Challenge: Mini-Dictionary

Solution: Mini-Dictionary

Coding Challenge: Updating Colors

Solution: Updating Colors

Coding Challenge: Information about an Element

Solution: Information about an Element

Reacting to Keyboard Events

17.

React to Events

15 Lessons

Work your way through event-driven programming, handling various events, and completing coding challenges.

Introduction to Events

The Event Family

Reacting to Mouse Events

Reacting to Page Events

Go farther with Events

Coding Challenge #1: Counting Clicks

Solution: Counting Clicks

Coding Challenge: Changing Colors

Solution: Changing Colors

Coding Challenge: A Dessert List

Solution: A Dessert List

Coding Challenge: Interactive Quiz

Solution: Interactive Quiz

Form fields: Sign Up Form

18.

Manipulate Forms

14 Lessons

Apply your skills to creating interactive, dynamic, and user-friendly web forms using JavaScript.

JavaScript & Forms

Form Fields: Text Zones

Form Fields: Choice Elements

Forms as DOM Elements

Form Validation

Regular Expressions

Coding Challenge: Password Checker

Solution: Password Checker

Coding Challenge: Character List

Solution: Character List

Coding Challenge: Auto Complete

Solution: Auto Complete

Repeat an Action at Regular Intervals

19.

Animate Elements

10 Lessons

Take a closer look at animating elements using JavaScript and CSS, covering techniques and practical applications.

Animate Page Elements

Start/Stop an Animation

Alternative: CSS Animations

Choosing the Right Animation Technique

Coding Challenge: Chronometer

Solution: Chronometer

Coding Challenge: Bouncing Ball

Solution: Bouncing Ball

Functional & Technical Requirements

20.

Project 2: A Social News Web Page

2 Lessons

Tackle developing a dynamic social news page with enhanced features and responsive design.

Implementing Social News Web Page

21.

Building Web Applications

6 Lessons

Practice using web protocols, dynamic development techniques, and JSON for data exchange.

How the Web Works?

HTTP, the Web Protocol

HTTP Status Codes & URL

From Web Sites to Web Apps

JSON, a Data Format for the Web

Creating Asynchronous HTTP Requests in JavaScript

22.

Query a Web Server

7 Lessons

Learn how to use fetch() for asynchronous HTTP requests and handle JSON data in JavaScript.

Handling JSON Data

Coding Challenge: Language List

Solution: Language List

Coding Challenge: Famous Paintings

Solution: Famous Paintings

Calling an API with JavaScript

23.

Use Web APIs

12 Lessons

Look at the fundamental concepts of Web APIs, key-based authentication, and JavaScript integration.

Introducing Web APIs

Consuming a Web API

Web APIs and Authentication

Key-Based Authentication

Coding Challenge: More Beer Please

Solution: More Beer Please

Coding Challenge: Star Wars Universe

Solution: Star Wars Universe

Coding Challenge: Github Profile

Solution: Github Profile

Coding Challenge: New Article

24.

Send Data to a Web Server

8 Lessons

Work your way through sending data to servers using POST requests, FormData, and JSON.

Sending Data: The Basics

Sending Form Data

Sending JSON Data

Solution: New Article

Coding Challenge: Visited Countries

Solution: Visited Countries

Exporting a Class or Object

25.

Discover Node.js

13 Lessons

Grasp the fundamentals of Node.js, modules, packages, NPM, and practical coding challenges.

Introducing Node.js

Node.js Modules

Node.js Packages

Package Management with NPM

Relationship between Packages and Modules

Coding Challenge: Circles Again

Solution: Circles Again

Coding Challenge: Accounting Module

Solution: Accounting Module

Coding Challenge: Playing with Dates

Solution: Playing with Dates

Accepting Data: Handling Form Data

26.

Create a Web Server

9 Lessons

Dig deeper into creating and managing web servers using JavaScript with Express framework.

Using a Framework

Responding to Requests

Creating an API

Exposing Data

Accepting data: Handling JSON Data

Publishing Web Pages

Practice Exercises

Functional and Technical Requirements

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.

Implementing Social News Web App

28.

Conclusion

1 Lessons

Approach the ongoing journey of mastering JavaScript's versatile, dynamic, and impactful nature.

Summary and Perspectives

29.

Appendices

1 Lessons

Get familiar with JavaScript naming conventions, code formatting practices, and linters for quality.

Style Guide

Course Author

Baptiste Pesquet

Show License and Attributions

Project

Build a Telegram Bot in Node.js for Web Page Change Detection

40 min

Project

Build a Telegram Bot in Node.js for Web Page Change Detection

Learn how to check website updates using Node.js and periodically look for changes on the web page. We’ll use Telegram to send alerts if anything changes.

beginner

40 mins

Trusted by 2.5 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."

Carlos Matias La Borde

Software Developer

"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

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

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

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Recommended before starting this course

Course

Angular: Designing and Architecting Web Applications

Gain insights into designing scalable Angular applications. Learn about components, directives, routing, RXJS, forms, and Firebase authentication to develop rich, interactive web solutions.

beginner

20 hours

Course

Beginning Flutter: Android Mobile App Development

Delve into Flutter's UI framework to build high-quality Android apps, from creating contact profiles to enhancing them with themes and API integration, culminating in app publication.

beginner

10 hours

Course

Web Development: Unraveling HTML, CSS, and JavaScript

Explore HTML, CSS, and JavaScript fundamentals. Gain insights into forms, controls, OOP in JavaScript, and key CSS patterns. Create responsive, stylized, and performant web applications.

beginner

20 hours

Course

React Tracked: Creating Web Apps with Global State

Discover how React Tracked optimizes render performance in web apps. Build a to-do app using two methods, and gain skills to create advanced applications efficiently.

beginner

3 hours

Angular: Designing and Architecting Web Applications

20 hour

Beginning Flutter: Android Mobile App Development

10 hour

Web Development: Unraveling HTML, CSS, and JavaScript

20 hour

React Tracked: Creating Web Apps with Global State

3 hour

Related Courses and Skill Paths

Course

Decode the Coding Interview in JavaScript: Real-World Examples

The ultimate guide to coding interviews in JavaScript. Developed by FAANG engineers, it offers real-world problems and adaptable solutions. Get interview-ready in just a few hours.

beginner

17 hours

Course

Step Up Your JS: A Comprehensive Guide to Intermediate JavaScript

Gain insights into intermediate JavaScript, mastering interview questions, common design patterns, and deep understanding of the language. Learn with expert Arnav Aggarwal's engaging teaching method.

beginner

20 hours

Course

Master the JavaScript Interview

Master the JavaScript interview with expertly curated questions and solutions. Strategies developed by FAANG engineers help you prep faster, boost confidence, and refine your problem-solving skills.

beginner

2 hours

Course

Game Development with JavaScript: Creating Tetris

Gain insights into game development with JavaScript. Delve into graphics, game loops, and collision detection by creating Tetris. Showcase your skills with a fully functioning game.

beginner

5 hours 30 mins

Decode the Coding Interview in JavaScript: Real-World Examples

17 hour

Step Up Your JS: A Comprehensive Guide to Intermediate JavaScript

20 hour