Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

JavaScript Project-Based Learning

A comprehensive repository documenting my journey of learning modern JavaScript from scratch through project-based learning.

The objective of this repository is to build strong JavaScript fundamentals, develop real-world applications, and learn industry-standard development practices including Git, GitHub, Node.js, and React.


Learning Objectives

  • Learn JavaScript from the fundamentals
  • Build projects after every lesson
  • Practice clean and maintainable code
  • Learn Git and GitHub workflows
  • Understand modern JavaScript (ES6+)
  • Build backend applications with Node.js

Learning Roadmap

Phase 1 – JavaScript Fundamentals

  • Variables
  • Data Types
  • Operators
  • Conditional Statements
  • Loops
  • Functions
  • Arrays
  • Objects
  • Scope
  • Hoisting
  • DOM Manipulation
  • Events

Projects

  • Student Profile
  • Age Calculator
  • BMI Calculator
  • Grade Checker
  • Multiplication Table Generator
  • Tip Calculator
  • Student Marks Manager
  • Student Profile Manager
  • Color Changer
  • Counter App

Phase 2 – Modern JavaScript (ES6+)

  • let & const
  • Arrow Functions
  • Template Literals
  • Destructuring
  • Spread Operator
  • Rest Parameters
  • Default Parameters
  • Modules
  • Promises
  • Async / Await
  • Fetch API
  • Local Storage

Projects

  • Weather App
  • Movie Search App
  • Coffee Order Builder
  • Notes App
  • Todo App

Phase 3 – Backend Development (Node.js)

  • Node.js
  • npm
  • Modules
  • Express.js
  • REST APIs
  • Authentication
  • JWT
  • MongoDB
  • Environment Variables
  • Deployment

Projects

  • REST API
  • Authentication System
  • Blog API
  • URL Shortener
  • Task Manager API

Repository Structure

javascript-projects/
│
├── README.md
│
├── 01-variables/
├── 02-data-types/
├── 03-operators/
├── 04-conditionals/
├── 05-loops/
├── 06-functions/
├── ...
│
└── nodejs-projects/

Technologies Used

  • JavaScript (ES6+)
  • Node.js
  • Express.js
  • React
  • Git
  • GitHub
  • VS Code

Development Workflow

Every lesson follows the same process:

  1. Learn the concept
  2. Practice with coding exercises
  3. Build a mini project
  4. Review and refactor the code
  5. Commit changes using Git
  6. Push to GitHub

Repository Purpose

This repository serves as my personal learning journal and portfolio, showcasing my progress from JavaScript fundamentals to full-stack web development through practical, project-based learning.


About

Personal learning journal and portfolio tracking progress from modern JavaScript (ES6+) basics to backend development (Node.js/Express) through practical mini-projects.

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages