Skip to content

This repository contains my JavaScript practice code covering fundamentals like loops, functions, arrays, objects, strings, and more. Created for revision and strengthening core JavaScript concepts.

Notifications You must be signed in to change notification settings

Bilal742/javascript-practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

50 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

JavaScript Complete Practice πŸš€

This repository is created to learn and practice JavaScript from beginner to advanced level.
It covers core concepts, modern JavaScript features, and logic-building exercises with clear examples.

Perfect for students, beginners, and anyone who wants to strengthen their JavaScript fundamentals step by step.


πŸ“Œ Topics Covered

πŸ“ Topics (With Details)


1️⃣ Alert and Variable

  • Display messages using alert()
  • Declare variables using var, let, and const
  • Understand variable naming rules and initialization

2️⃣ Arrays

  • Create arrays and access elements
  • Use array methods: push(), pop(), shift(), unshift()
  • Iterate through arrays using loops and array methods

3️⃣ Loops

  • Repeat tasks efficiently using for, while, and do-while loops
  • Nested loops and loop control statements: break and continue

4️⃣ Console

  • Debug code using console.log(), console.warn(), console.error()
  • Display tables and objects in console for better readability

5️⃣ Objects

  • Create objects and access properties
  • Use methods inside objects
  • Understand key-value pairs and nested objects

6️⃣ If else Conditions

  • Execute code based on conditions using if, else if, and else
  • Practice nested conditions and logical operators

7️⃣ Function

  • Write reusable code with functions
  • Understand function parameters, return values, and arrow functions

8️⃣ Map

  • Transform arrays using the map() method
  • Return new arrays without modifying the original array

9️⃣ Filter

  • Filter arrays based on conditions using filter()
  • Work with callback functions for custom filtering logic

πŸ”Ÿ Reduce

  • Accumulate values from arrays using reduce()
  • Use for sums, averages, and complex data transformations

1️⃣1️⃣ Assign

  • Assign values to variables
  • Practice destructuring of arrays and objects for cleaner code

1️⃣2️⃣ Logic

  • Improve logical thinking using boolean operators
  • Solve real-world problems with conditional and loop-based logic

1️⃣3️⃣ Compare Operators

  • Use ==, ===, !=, !==, >, <, >=, <=
  • Understand type coercion and strict equality

1️⃣4️⃣ Global and Block Scope

  • Learn difference between global and block-level variables
  • Understand scope of var, let, and const

1️⃣5️⃣ Increment / Decrement

  • Increase or decrease values using ++ and --
  • Practice pre-increment, post-increment, pre-decrement, and post-decrement

1️⃣6️⃣ Escape Sequence Character

  • Use special characters like \n, \t, \\, \", \'
  • Format strings properly with escape sequences

πŸ›  How to Practice

  • Open files topic-wise
  • Practice code step by step
  • Run JavaScript files using:
    • Browser Console
    • VS Code Live Server
    • Node.js

🎯 Goal

βœ” Build strong JavaScript fundamentals
βœ” Improve logic-building skills
βœ” Prepare for frontend frameworks like React


πŸ“ Project Structure (Example)

javascript-practice/ β”‚ β”œβ”€β”€ Alert and variable/ β”‚ └── app.js β”‚ β”œβ”€β”€ Arrays/ β”‚ └── app.js β”‚ β”œβ”€β”€ loops/ β”‚ └── app.js β”‚ β”œβ”€β”€ Assign compare logic operators/ β”‚ └── app.js β”‚ β”œβ”€β”€ Console Object/ β”‚ └── app.js β”‚ β”œβ”€β”€ functions/ β”‚ └── app.js β”‚ β”œβ”€β”€ map-filter-reduce/ β”‚ └── app.js β”‚ β”œβ”€β”€ Escape sequence character/ β”‚ └── app.js β”‚ β”œβ”€β”€ Globle and block scop and increment decrement/ β”‚ └── app.js β”‚ β”œβ”€β”€ Hero section/ β”‚ └── app.js β”‚ β”œβ”€β”€ If_eles_condition/ β”‚ └── app.js β”‚ β”œβ”€β”€ Practice_set_on_arrays/ β”‚ └── app.js β”‚ β”œβ”€β”€ README.md β”œβ”€β”€ app.js └── style.css 

πŸ›  How to Use

  1. Clone the repository:

    git clone https://github.com/Bilal742/javascript-practice.git 

⭐ Support

If you find this repository helpful, please star ⭐ the repository and keep learning πŸš€

About

This repository contains my JavaScript practice code covering fundamentals like loops, functions, arrays, objects, strings, and more. Created for revision and strengthening core JavaScript concepts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published