🚀 30 Days of JavaScript — Beginner to Advanced

🎯 Master JavaScript step-by-step in 30 days
From absolute beginner → advanced concepts → real-world project

📚 Course Structure

Day	Topic	Level
Day 01	Variables & Data Types	🟢 Beginner
Day 02	Operators	🟢 Beginner
Day 03	Strings & String Methods	🟢 Beginner
Day 04	Arrays	🟢 Beginner
Day 05	Objects	🟢 Beginner
Day 06	Functions	🟢 Beginner
Day 07	Scope & Hoisting	🟡 Intermediate
Day 08	Arrow Functions	🟡 Intermediate
Day 09	Array Methods	🟡 Intermediate
Day 10	Destructuring	🟡 Intermediate
Day 11	Spread & Rest Operators	🟡 Intermediate
Day 12	DOM Manipulation Basics	🟡 Intermediate
Day 13	DOM Events	🟡 Intermediate
Day 14	Forms & Validation	🟡 Intermediate
Day 15	ES6 Classes	🟡 Intermediate
Day 16	Prototypes & Inheritance	🟠 Advanced
Day 17	Promises	🟠 Advanced
Day 18	Async / Await	🟠 Advanced
Day 19	Fetch API & HTTP	🟠 Advanced
Day 20	Error Handling	🟠 Advanced
Day 21	ES Modules	🟠 Advanced
Day 22	LocalStorage & SessionStorage	🟠 Advanced
Day 23	Regular Expressions	🟠 Advanced
Day 24	Closures	🔴 Expert
Day 25	Higher-Order Functions	🔴 Expert
Day 26	Iterators & Generators	🔴 Expert
Day 27	Map & Set	🔴 Expert
Day 28	WeakMap & WeakSet	🔴 Expert
Day 29	Design Patterns	🔴 Expert
Day 30	Final Project — Full App	🔴 Expert

✨ What Makes This Course Special?

💡 Beginner-friendly explanations
🧠 Deep understanding of core concepts
🧪 Hands-on exercises every day
🧾 Fully commented code
🚀 Real-world final project

🛠 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/30daysofjavascript/30-Days-of-JavaScript.git
cd 30-Days-of-JavaScript

2️⃣ Explore Each Day

Open the folder
Read README.md
Study index.js

🚀 Complete Guide to Running JavaScript Everywhere

This guide covers all major ways to run JavaScript, from beginner-friendly methods to advanced environments.

🌐 1. How to run JavaScript?

✅ Method 1: Developer Console (Easiest)

🔹 Steps:

Open Google Chrome
Open any website or a blank tab
Press:
- Ctrl + Shift + I (Windows/Linux)
- Cmd + Option + I (Mac)
Go to the Console tab
Type:

console.log("Hello from Chrome Console!");

Press Enter

🎯 Output: Instant result in the console.

✅ Method 2: HTML File

🔹 Steps:

Open Notepad / VS Code
Create index.html

<!DOCTYPE html>
<html>
<head>
  <title>Run JS</title>
</head>
<body>

<h1>JavaScript Test</h1>

<script>
  alert("Hello from JavaScript!");
  console.log("Check console");
</script>

</body>
</html>

Save the file
Open it in Chrome

🎯 Output:

Popup alert
Console message

✅ Method 3: External JavaScript File

🔹 Steps:

index.html

<!DOCTYPE html>
<html>
<head>
  <title>External JS</title>
</head>
<body>

<script src="script.js"></script>

</body>
</html>

script.js

console.log("Running from external JS file!");

Open index.html in Chrome.

✅ Method 4: Chrome Snippets (Advanced)

🔹 Steps:

Open DevTools (F12)
Go to Sources → Snippets
Create a new snippet
Write:

console.log("Snippet executed");

Press Ctrl + Enter

🖥️ 2. Run JavaScript Using Node.js

✅ Setup & Run

🔹 Install:

Download and install Node.js

🔹 Run Code:

// app.js
console.log("Hello from Node.js");

node app.js

✅ Node REPL (Interactive Mode)

node

Then:

console.log("Hello REPL");

📦 3. Run Using npm Scripts

🔹 Steps:

npm init -y

Edit package.json:

"scripts": {
  "start": "node app.js"
}

Run:

npm start

⚡ 4. Run JavaScript Using Deno

🔹 Steps:

// app.js
console.log("Hello from Deno");

deno run app.js

🌍 5. Run JavaScript Online (No Installation)

✅ Platforms:

CodePen
JSFiddle
Replit
StackBlitz

🔹 Example:

console.log("Hello online!");

Click Run.

📱 6. Run JavaScript on Mobile

✅ Methods:

Chrome mobile console (limited)
Apps:
- Dcoder
- JSAnywhere

🧩 7. Run JavaScript as ES Modules

<script type="module">
  console.log("Using modules");
</script>

🛠️ 8. Run Using Build Tools (Example: Vite)

npm create vite@latest
cd project
npm install
npm run dev

🧵 9. Run JavaScript in Web Workers

const worker = new Worker("worker.js");

🖧 10. Run JavaScript on Server (Express.js)

const express = require("express");
const app = express();

app.get("/", (req, res) => {
  res.send("Hello Server");
});

app.listen(3000);

Run:

node server.js

☁️ 11. Run JavaScript in Cloud

✅ Examples:

AWS Lambda
Google Cloud Functions
Azure Functions

🧪 12. Run JavaScript with Testing Tools

npx jest

🎮 13. Run JavaScript in Games

✅ Libraries:

Phaser.js
Babylon.js

🧾 14. Run JavaScript in Database (MongoDB)

db.users.find()

🧠 15. Run Using JavaScript Engines

✅ Examples:

V8 Engine
SpiderMonkey

📊 Summary

Method	Difficulty	Use Case
Chrome Console	Easy	Quick testing
HTML File	Easy	Beginners
Node.js	Medium	Backend
Deno	Medium	Modern runtime
Online Tools	Easy	Practice
Cloud	Advanced	Production

🎯 Final Notes

👶 Beginners should start with:

Chrome Console
HTML file

👨‍💻 Developers commonly use:

Node.js
Build tools

💡 Tip: Start simple, then move to advanced tools as you grow.

🧪 4. Online Editors

📋 Prerequisites

🧑‍💻 VS Code (recommended)
🌐 Browser (Chrome, Firefox, Edge)
⚙️ Node.js (optional)
❤️ Consistency

🔁 VS Code extension Live Server

Install Live Server
Right-click index.html → Open with Live Server

🎯 By the End You Will

✔ Understand JavaScript deeply
✔ Write modern ES6+ code
✔ Work with APIs
✔ Build real-world projects
✔ Think like a developer

⭐ Support

If this helps you:

👉 Star ⭐ the repo
👉 Share with others
👉 Contribute

👨‍💻 Author

Built with ❤️ for the developer community.
Feel free to star ⭐ this repo if it helps you!

Name		Name	Last commit message	Last commit date
Latest commit History 20 Commits
Day-01-Variables-DataTypes		Day-01-Variables-DataTypes
Day-02-Operators		Day-02-Operators
Day-03-Strings		Day-03-Strings
Day-04-Arrays		Day-04-Arrays
Day-05-Objects		Day-05-Objects
Day-06-Functions		Day-06-Functions
Day-07-Scope-Hoisting		Day-07-Scope-Hoisting
Day-08-Arrow-Functions		Day-08-Arrow-Functions
Day-09-Array-Methods		Day-09-Array-Methods
Day-10-Destructuring		Day-10-Destructuring
Day-11-Spread-Rest		Day-11-Spread-Rest
Day-12-DOM-Basics		Day-12-DOM-Basics
Day-13-DOM-Events		Day-13-DOM-Events
Day-14-Forms-Validation		Day-14-Forms-Validation
Day-15-ES6-Classes		Day-15-ES6-Classes
Day-16-Prototypes-Inheritance		Day-16-Prototypes-Inheritance
Day-17-Promises		Day-17-Promises
Day-18-AsyncAwait		Day-18-AsyncAwait
Day-19-Fetch-API		Day-19-Fetch-API
Day-20-Error-Handling		Day-20-Error-Handling
Day-21-Modules		Day-21-Modules
Day-22-LocalStorage		Day-22-LocalStorage
Day-23-Regex		Day-23-Regex
Day-24-Closures		Day-24-Closures
Day-25-Higher-Order-Functions		Day-25-Higher-Order-Functions
Day-26-Iterators-Generators		Day-26-Iterators-Generators
Day-27-Map-Set		Day-27-Map-Set
Day-28-WeakMap-WeakSet		Day-28-WeakMap-WeakSet
Day-29-Design-Patterns		Day-29-Design-Patterns
Day-30-Final-Project		Day-30-Final-Project
.gitignore		.gitignore
QUICK_START.md		QUICK_START.md
README.md		README.md

Folders and files

Latest commit

History

Repository files navigation

🚀 30 Days of JavaScript — Beginner to Advanced

📚 Course Structure

✨ What Makes This Course Special?

🛠 Getting Started

1️⃣ Clone the Repository

2️⃣ Explore Each Day

🚀 Complete Guide to Running JavaScript Everywhere

🌐 1. How to run JavaScript?

✅ Method 1: Developer Console (Easiest)

🔹 Steps:

✅ Method 2: HTML File

🔹 Steps:

✅ Method 3: External JavaScript File

🔹 Steps:

✅ Method 4: Chrome Snippets (Advanced)

🔹 Steps:

🖥️ 2. Run JavaScript Using Node.js

✅ Setup & Run

🔹 Install:

🔹 Run Code:

✅ Node REPL (Interactive Mode)

📦 3. Run Using npm Scripts

🔹 Steps:

⚡ 4. Run JavaScript Using Deno

🔹 Steps:

🌍 5. Run JavaScript Online (No Installation)

✅ Platforms:

🔹 Example:

📱 6. Run JavaScript on Mobile

✅ Methods:

🧩 7. Run JavaScript as ES Modules

🛠️ 8. Run Using Build Tools (Example: Vite)

🧵 9. Run JavaScript in Web Workers

🖧 10. Run JavaScript on Server (Express.js)

☁️ 11. Run JavaScript in Cloud

✅ Examples:

🧪 12. Run JavaScript with Testing Tools

🎮 13. Run JavaScript in Games

✅ Libraries:

🧾 14. Run JavaScript in Database (MongoDB)

🧠 15. Run Using JavaScript Engines

✅ Examples:

📊 Summary

🎯 Final Notes

👶 Beginners should start with:

👨‍💻 Developers commonly use:

🧪 4. Online Editors

📋 Prerequisites

🔁 VS Code extension Live Server

🎯 By the End You Will

⭐ Support

👨‍💻 Author

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages