Web Development Journey

Learning modern web development from fundamentals to full-stack development.

📌 About

This repository contains my daily web development practice.

The goal is to build a strong understanding of frontend development before progressing to backend development and full-stack projects.

Current topics include:

• HTML
• CSS
• JavaScript (Fundamentals, Strings & Arrays, Loops)

Future topics include:

• Advanced JavaScript & DOM Manipulation
• React
• Node.js
• Express
• MongoDB
• Full Stack Projects

---

🗂 Repository Structure

01-html
02-css
03-javascript
04-react
05-nodejs
06-express
07-projects

---

🎯 Learning Goals

• Learn semantic HTML
• Master CSS layouts
• Build responsive websites
• Learn JavaScript fundamentals and data structures
• Build real-world frontend projects
• Become a full-stack developer

---

📚 Topics Covered

HTML

• Boilerplate
• Lists
• Images
• Links
• Semantic HTML
• Tables
• Forms
• Mini Projects

CSS

• Selectors
• Inheritance
• Box Model
• Display
• Flexbox
• Grid
• Responsive Design
• Transitions
• Transform

JavaScript

• 01. Operators & Conditional Statements
  • Arithmetic, Assignment & Comparison Operators
  • Logical Operators & Truthy / Falsy values
  • Conditional Statements (if, else if, else, switch)
  • Practice Questions (Divisibility, Prompt alerts, Quarter lookup, Golden string, Largest of three, Same last digit)
• 02. String Manipulation & Arrays
  • String Methods (trim, toLowerCase, toUpperCase, indexOf, slice, replace, repeat, method chaining)
  • Array Fundamentals, Indexing & Mutability
  • Array Methods (push, pop, shift, unshift, includes, indexOf, concat, reverse, slice, splice, sort)
  • Array References & Immutability (const arrays)
  • Nested / Multidimensional Arrays (Tic-Tac-Toe board state)
  • Practice Questions (String transformations, array manipulation exercises)
• 03. Loops
  • Standard for loop (forward/backward iteration, odd/even ranges, multiplication table generator)
  • Loop safety & Infinite Loop prevention
  • Nested for loops (2D array traversal, student records)
  • while loop & early loop termination (break)
  • for...of loop & Nested for...of loops (arrays and string traversal)
  • Mini Projects:
    • Favorite Movie Guessing Game (Prompt & while loop)
    • Console Todo Application (CRUD operations with while loop)
  • Practice Questions (Delete all occurrences, Digit count, Sum of digits, Factorial of n, Largest number in array)

---

🚀 Progress

This repository is updated regularly as I continue learning web development.

---

⚠️ Note

This repository is part of my web development learning journey. Projects and code quality will continue to improve as I gain more experience.