JavaScript for Beginners

A beginner-friendly JavaScript learning repository with step-by-step lessons and practical examples.

Overview

This repository is designed for people who are new to JavaScript and want to learn by following small, numbered lessons. Each folder contains a focused topic, sample code, and simple exercises to help build foundational skills.

What is included

• 01_JavaScript Introduction — Basic JavaScript concepts and simple examples
• 02_JavaScript Variables — Variable declaration, data types, and assignments
• 03_JavaScript Conditional — If statements, comparison operators, and decision-making
• 04_JavaScript Loops — Loop structures like for, while, and iteration patterns
• 05_JavaScript Functions — Creating and using functions
• 06_JavaScript Faulty Calculator — Basic arithmetic and debugging logic
• 07_JavaScript string — String handling and text operations
• 08_JavaScript Businnes Name generator — Project example with random names
• 09_JavaScript Array — Array creation and manipulation
• 10_JavaScript Calculate the Factorial — Math exercises and algorithm practice
• 11_JavaScript Document Object Model — DOM basics
• 12_JavaScript DOM Child — Working with DOM child elements
• 13_JavaScript DOM Selector — Selecting elements from the page
• 14_JavaScript DOM Challenge — DOM practice challenge
• 15_JavaScript DOM Insert & Remove — Adding and removing page elements
• 16_JavaScript dynamic Website — Dynamic content updates
• 17-JavaScript Events — Event handling in the browser
• 18_JavaScript Callbacks & Promises — Asynchronous patterns
• 19_JavaScript AsyncAwait & Fetch — Modern async code and data fetching
• 20_JavaScript Hacker's Terminal — Interactive terminal-style UI example
• 21_JavaScript Error Handling — Try/catch and debugging techniques
• 22_JavaScript Object Oriented Programming — Classes and objects
• 23_Advanced JavaScript — More advanced language features
• 24_JavaScript Practice — Practice problems and exercises
• 25_JavaScript Naatify clone — Project build example
• 26_Backend,node.js,npm — Introduction to Node.js and npm
• 27_JavaScript CommonJs Vs EcmaScript Modules — Module systems comparison
• 28_JavaScript Working with Files fs and path Modules — File operations in Node.js
• 29_JavaScript Express Js — Express framework basics
• 30_JavaScript Response Request and Routers in Express — Express routing
• 31_JavaScript Middlewares in Express Js — Middleware usage
• 32_JavaScript Excercise CLear_the_Clutter — Express exercise project
• 33_JavaScript ejs Template Engine in Express — EJS templating
• 34_JavaScript MongoDB & MongoDB Compass — MongoDB introduction
• 35_JavaScript CRUD Operations in MongoDB — Database create/read/update/delete
• 36_JavaScript Installing Mongoose and Using it with Express — Mongoose setup
• 37_JavaScript Dummy Data Generator — Generating test data
• 38_JavaScript Tailwind — Tailwind CSS basics
• 39_JavaScript Design This Layout — UI layout practice
• 40_JavaScript X (Twitter) Clone — Clone project example
• 41_JavaScript What is Hosting Where to Host Which Hosting — Hosting overview
• 42_JavaScript Hosting an Express App on Ubuntu VPS using Hostinger — Deployment guide
• 43_JavaScript Introduction to React and Why use React — React basics
• 44_JavaScript Components, Props and JSX in React — React component fundamentals
• 44_JavaScript Hooks and State in React — React hooks and state management
• 45_JavaScript The useEffect Hook in React — useEffect hook usage
• 46_JavaScript The useRef Hook in React — useRef in React
• 47_JavaScript Conditional Rendering and Rendering Lists in React — Rendering techniques
• 48_JavaScript Display the card using react — React UI example
• 49_JavaScript Handling Events in React — Event handling in React
• 50_JavaScript TodoList App using React Tailwind and React Icons — React project example
• 51_JavaScript React Router Routing in React — React Router basics

How to use

1. Open the folder for the lesson you want to study.
2. Read the files and review the code examples.
3. Open any HTML file in a browser to see the JavaScript in action.
4. Modify the code and experiment with changes to learn faster.

Tips for beginners

• Start from lesson 01_JavaScript Introduction and continue in order.
• Practice by changing values, adding new examples, and testing behavior.
• Use the browser console to inspect output and debug issues.

Notes

• This repository is for learning and practice, not a polished production app.
• Files are organized by topic to make it easy to follow the learning path.