⭐ If you found this helpful, give it a star
⭐ 100+ developers have already cloned this repo
🚀 Daily JS practice — variables, arrays, functions, DOM & more. Day 8 streak!! 💪
"Future Muskan is depending on what I do tonight."
A personal JavaScript practice repository documenting my journey from basics to full-stack MERN development — one day at a time. 💪
This is my daily JavaScript practice log. Every file here represents real hands-on practice — no copy-paste, no shortcuts. Just genuine learning through building and breaking things.
Started: April 2026 Goal: Land a web developer job 🎯 Stack: JavaScript → React → Node.js → MongoDB
Beginner JavaScript learners who want structured daily practice with real examples.
| Topic | Concepts Covered |
|---|---|
| Variables | let, const, var, data types |
| Conditionals | if/else, &&, ||, comparison operators |
| Arrays | push, pop, shift, unshift, slice, splice |
| Array Methods | forEach, map, filter, find, includes, indexOf |
| Objects | dot notation, bracket notation, Object.keys/values/entries |
| Functions | declarations, expressions, arrow functions, return vs console.log |
| Callbacks | passing functions, higher order functions |
| DOM | getElementById, textContent, style, addEventListener, input.value |
| DOM Advanced | createElement, appendChild, removeChild, dynamic delete button |
| DOM Events | input, change, keypress, click, mouseover |
| DOM Classes | classList.add, remove, toggle, contains |
| DOM Elements | createElement, appendChild, prepend, remove, innerHTML |
| DOM Events | keypress,mouseover,mouseout,mouseleave,mouseup,mousedown,form validation |
| Advance Javascript | promises, setTimeout, async,await,adding eventlistener on async function |
| Fetch API | promises,async-await function,fetch API ,try-catch error handling |
- DOM Manipulation
- Events & Event Listeners
- Promises & Async/Await
- Fetch API
- React.js
- Node.js & Express.js
- MongoDB
I maintain a personal cheatsheet.js file with everything I learn — written in my own words, not copied. Check it out to see how I think through concepts!!
// forEach — just DO something, don't store
skills.forEach((skill) => console.log(skill))
// map — TRANSFORM every item, returns new array
let upper = skills.map((skill) => skill.toUpperCase())
// filter — get only SOME items that match condition
let passed = students.filter((s) => s.marks >= 40)
// find — get FIRST single matching item
let first = students.find((s) => s.city === "Delhi")let operate = (num1, num2, callback) => {
return callback(num1, num2)
}
let add = (a, b) => a + b
let multiply = (a, b) => a * b
operate(5, 6, add) // 11
operate(5, 6, multiply) // 30| Day | Date | Topics | Hours |
|---|---|---|---|
| Day 1 | 22 April 2026 | Variables, if/else, arrays | 1 hr |
| Day 2 | 23 April 2026 | Array methods, objects | 2 hrs |
| Day 3 | 24 April 2026 | Object methods | 3 hrs |
| Day 4 | 25 April 2026 | Functions and Callbacks | 3 hrs |
| Day 5 | 26 April 2026 | DOM manipulation, event listeners, tip calculator | 3.5 hrs |
| Day 6 | 27 April 2026 | DOM deeper, dynamic elements, mini todo app | 3.3hrs |
| Day 7 | 28 April 2026 | DOM methods, classList, innerHTML, color picker | 4.5 hrs |
| Day 8 | 29 April 2026 | DOM Events,form validation practices and exercises | 3.5 hrs |
| Day 9 | 30 April 2026 | promises, setTimeout, async,await practices and exercises | 4 hrs |
| Day 10 | 30 April 2026 | async function ,API fetching,github profile finder activity | 3 hrs |
# Clone the repo
git clone https://github.com/muskanm07/JavaScript-Practice.git
# Open in VS Code
code JavaScript-Practice
# Open index.html in browser
# Press F12 → Console to see output
⭐ If this repo helped you or inspired you — drop a star!! It means a lot!! 🙏
Made with 💙 and cold coffee at 11PM in 50°C Kanpur heat!! ☕🔥