30-Day JavaScript Challenge

🚀 A Step-by-Step Journey to Master JavaScript Fundamentals and Build Interactive Web Apps

---

---

📋 Overview

30-Day JavaScript Challenge is a structured, hands-on program designed to help learners master JavaScript fundamentals and gain confidence in building interactive web applications.
Spanning four weeks, this challenge provides daily exercises, bonus tasks, and solutions to reinforce core concepts, making it ideal for beginners and intermediate developers looking to solidify their JavaScript skills.

---

✨ Features

🎯 Core Functionality	🔧 Technical Features
✅ Structured 30-Day Curriculum: Covers foundations, functions, advanced concepts, and DOM projects	✅ Clean Code Structure: Well-commented and organized JavaScript code
✅ Daily Exercises: 3+ practice problems with bonus challenges	✅ Standard JavaScript: Uses ES6+ features and browser APIs
✅ Progressive Learning: From variables to asynchronous programming and DOM manipulation	✅ Error Handling: Includes robust error-handling practices
✅ Solution Guides: Provided for self-checking after independent attempts	✅ Cross-Platform: Compatible with any modern browser and OS

---

🧮 Challenge Structure

The challenge is divided into 4 weeks, each focusing on a key area of JavaScript:

• Week 1: Foundations
  Variables, Strings, Conditionals, Loops, Functions
• Week 2: Functions & Arrays
  Advanced Functions, Array Methods, Objects
• Week 3: Advanced Concepts
  Closures, Error Handling, Regex, Asynchronous JavaScript (Promises, async/await)
• Week 4: DOM & Projects
  DOM Manipulation, Event Handling, Mini Projects

Each day includes:

• 🎯 Learning Objectives: Clear goals for what you’ll master.
• 📝 3+ Practice Exercises: Reinforce the day’s concepts.
• 🔥 Bonus Challenges: Optional tasks for deeper exploration.
• ✅ Solutions: Available in a separate folder for self-checking.

---

💻 Requirements

🛠️ Development Environment

Node.js Optional for running scripts or testing

WebStorm or VS Code Recommended IDEs for JavaScript development

📁 Required Dependencies

No external libraries are required for most exercises, as they use vanilla JavaScript (ES6+). Some Week 4 projects may require a simple HTML/CSS setup for DOM manipulation.

---

🚀 Installation

Step 1: Clone the Repository

git clone https://github.com/icodecedd/javascript-daily.git
cd javascript-daily

Step 2: Optional Node.js Setup

For exercises requiring a runtime environment (e.g., testing scripts):

1. Install Node.js 18+ from nodejs.org.
2. Verify installation:

   node --version

Step 3: Set Up IDE

Option 1: WebStorm

1. Download and install JetBrains WebStorm.
2. Open WebStorm and select Open to load the repository folder as a project.
3. Configure Node.js (optional for running scripts):
   • Go to File > Settings > Languages & Frameworks > Node.js.
   • Ensure Node.js is installed (18+ recommended) and select it as the interpreter.

Option 2: VS Code

1. Download and install Visual Studio Code.
2. Install the JavaScript-related extensions (e.g., ES Lint, JavaScript (ES6) code snippets).
3. Open the repository folder in VS Code (File > Open Folder).
4. Select your Node.js interpreter (optional):
   • Press Ctrl+Shift+P, type Select Interpreter, and choose your Node.js installation.

Step 4: Start the Challenge

• Navigate to the daily folders (e.g., week1/day1/, week2/day8/).
• Open a .js file and follow the instructions in the Challenge Guide.
• Run JavaScript files:
  • For console-based exercises, use the IDE’s Run button (WebStorm: Shift + F10, VS Code: run code) or node filename.js.
  • For DOM-based exercises (Week 4), open the associated .html file in a browser.
• Update your Daily Progress Log to track your progress.

---

🤝 Contributing

We welcome contributions from the community to enhance this educational resource! Here's how you can help:

🐛 Bug Reports	📖 Documentation	💻 Code Contributions	🎨 Enhancements
Report issues in exercises	Improve README or challenge guides	Add new daily challenges	Optimize code solutions
Suggest new topics	Enhance exercise descriptions	Fix bugs in existing code	Add interactive features
Test in different browsers	Create tutorials or videos	Improve solution clarity	Enhance DOM projects

Contribution Process

1. Fork the repository
2. Create a feature branch (git checkout -b feature-name)
3. Commit your changes (git commit -m 'Add new challenge')
4. Push to your branch (git push origin feature-name)
5. Open a Pull Request

---

🎓 Designed for JavaScript Programming Education 🎓

Track Project Engagement:

"A 30-day journey to master JavaScript fundamentals and build interactive web applications"