Learn
🤖 AI Hub 📰 News 📖 Dictionary 🧰 Resources
Grow
💼 Jobs 🚀 Community 🏆 Challenges
Explore by Stage
🌑 Zero 📚 Learn 🔧 Practice 🏗 Build 🚀 Launch 💰 Earn
Account
Login Sign Up
🏗️HTML 🎨CSS ⚡JavaScript 🐙Git & GitHub ⚛️React Soon 📘TypeScript Soon 🐍Python 🗄️Database & SQL Soon 🌐Web Development Soon ☁️Cloud & DevOps Soon 🤖AI & ML Soon 📄Resume Prep Soon 🎤Interview Prep Soon 💼Freelancing Soon 🚀SaaS & Side Projects Soon 🤖Automation Soon
14-Day

14-Day JavaScript Challenge

JavaScript

In two weeks, learn the fundamentals of JavaScript, from variables to DOM manipulation and async/await, and build two mini projects: a to-do list and a quiz app. Knowing basic HTML and CSS will help.

Log in to join this challenge

Challenge Days

1
Day 1: Variables and Data Types
Learn the difference between let, const and var. Create variables with different data types, such as string, number, boolean and array, and print them with cons...
2
Day 2: Operators and Expressions
Practice arithmetic (+, -, *, /), comparison (==, ===, >) and logical (&&, ||) operators. Write a small calculator-style expression.
3
Day 3: Conditionals
Use if/else and switch statements to write a simple decision-making program, for example one that says whether a number is positive, negative or zero.
4
Day 4: Loops
Use for and while loops to print the numbers 1 to 10, then try printing a number pattern, such as a triangle of stars.
5
Day 5: Functions
Write your first function that adds two numbers and returns the result. Understand how parameters and the return statement work.
6
Day 6: Arrays
Create an array and practice the push, pop, map and filter methods. For example, filter an array to create a new array containing only the even numbers.
7
Day 7: Objects
Create a JavaScript object that represents a student (name, age, marks). Access its properties and add a new property.
8
Day 8: DOM Manipulation, Part 1
Use document.querySelector to select HTML elements and change their text or style with JavaScript. Try it on a simple HTML page.
9
Day 9: DOM Manipulation, Part 2
Add event listeners, for example a click event on a button that changes some text or shows an alert.
10
Day 10: Mini Project: To-Do List
Build a simple to-do list app: add tasks from an input field, show them in a list and remove them with a delete button. Use DOM manipulation.
11
Day 11: Fetch API Basics
Use the fetch() function to get data from a public API (such as jsonplaceholder.typicode.com) and print it to the console.
12
Day 12: Async/Await
Learn the basic idea of promises and rewrite your Day 11 fetch code using async/await.
13
Day 13: Local Storage
Save the tasks from your Day 10 to-do list in localStorage so they are not lost when the page reloads.
14
Day 14: Final Project: JavaScript Quiz App
Bring everything together and build a small quiz app with three to five questions, where the user selects answers and sees their score at the end. This is your ...