Learn JavaScript

0%

1.Talk to the Web

Say Hello to the Browser Quiz: Say Hello to the Browser Project: Say Hello to the Browser Make the Page Talk Back Quiz: Make the Page Talk Back Project: Make the Page Talk Back Make Math Happen Instantly Quiz: Make Math Happen Instantly Project: Make Math Happen Instantly Create a Button That Talks Quiz: Create a Button That Talks Project: Create a Button That Talks React to the User Quiz: React to the User Project: React to the User Final Project: Emoji Mood Selector

Mock Interview

JavaScript Personalized Practice for Beginners

2.Teach It to Think

Remember Stuff Quiz: Remember Stuff Project: Remember Stuff Make Decisions Quiz: Make Decisions Project: Make Decisions Create a Smart Button Quiz: Create a Smart Button Project: Create a Smart Button Count and Repeat Quiz: Count and Repeat Project: Count and Repeat Make a List, Check It Twice Quiz: Make a List, Check It Twice Project: Make a List, Check It Twice Final Project: Colorful Button

3.The Page is Yours

Change Anything on the Page Quiz: Change Anything on the Page Project: Change Anything on the Page Style with Code Quiz: Style with Code Project: Style with Code Build a Live Counter or Scoreboard Quiz: Build a Live Counter or Scoreboard Project: Build a Live Counter or Scoreboard Build a Simple Form App Quiz: Build a Simple Form App Project: Build a Simple Form App Move Things Around Quiz: Move Things Around Project: Move Things Around Final Project: Move by a Certain Number

4.Build Real Things

Quiz App (A Mini Question-Answer Game)To-Do List (Your First Mini App)Project: Number Guessing Game Timer/Countdown App Project: Pomodoro Timer Digital Pet / Tamagotchi Project: Rock, Paper, Scissors

5.Learn JavaScript in the Age of AI

Prompting AI as Your Coding Buddy Design the Project Structure Build the Functionality Error Handling and Refinement Changes in Client Requirement What’s next?

Learn JavaScript

Move Things Around

Animate elements or toggle visibility.

We'll cover the following...

Goal
HTML example
Move with JavaScript
- Let’s practice

You’ve styled, counted, and built forms. Now it’s time to move things, hide things, and animate them—all with JavaScript!

Goal

You will learn to:

Hide/show elements dynamically.
Animate simple movement or transitions.
Build smooth user interaction effects.