Skip to content

muazimmaqbool/Javascript-from-scratch

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

307 Commits
.vscode
.vscode
 
 
API
API
 
 
Javascript objects
Javascript objects
 
 
OOPS
OOPS
 
 
01 javascript intro.html
01 javascript intro.html
 
 
02 internal Javascript.html
02 internal Javascript.html
 
 
03 Accessing Element.html
03 Accessing Element.html
 
 
04 Responding to click.html
04 Responding to click.html
 
 
05 Changing Content.html
05 Changing Content.html
 
 
06 Manipulating Styles With Javascript.html
06 Manipulating Styles With Javascript.html
 
 
07 Disappearing Circles.html
07 Disappearing Circles.html
 
 
08 Variables.html
08 Variables.html
 
 
09 variables 2.html
09 variables 2.html
 
 
09.1 datatypes in js.html
09.1 datatypes in js.html
 
 
10 Arrays.html
10 Arrays.html
 
 
10.1 Array Methods in JS.html
10.1 Array Methods in JS.html
 
 
11 Strings.html
11 Strings.html
 
 
11.1 String Methods in JS.html
11.1 String Methods in JS.html
 
 
12 If Statements.html
12 If Statements.html
 
 
12.1 if statements 2.html
12.1 if statements 2.html
 
 
13 Javascript Game - How Many Fingers.html
13 Javascript Game - How Many Fingers.html
 
 
14 loops.html
14 loops.html
 
 
15 While Loops.html
15 While Loops.html
 
 
16 While Loops Example.html
16 While Loops Example.html
 
 
17 Functions.html
17 Functions.html
 
 
18 Functions Example.html
18 Functions Example.html
 
 
19 Javascript Project - Reaction Tester.html
19 Javascript Project - Reaction Tester.html
 
 
20 CSS file for Reaction Tester.css
20 CSS file for Reaction Tester.css
 
 
21 External Javascript.html
21 External Javascript.html
 
 
21.1 css file of 21.css
21.1 css file of 21.css
 
 
21.2 js file of 21.js
21.2 js file of 21.js
 
 
22 hoisting in js.html
22 hoisting in js.html
 
 
23 how functions work inside js.html
23 how functions work inside js.html
 
 
24 undefined and not-defined.html
24 undefined and not-defined.html
 
 
25 scoop of a variable.html
25 scoop of a variable.html
 
 
26 let and const intro.html
26 let and const intro.html
 
 
27 Let and Const Examples.html
27 Let and Const Examples.html
 
 
27.1 Block Scope.html
27.1 Block Scope.html
 
 
27.2 Shadowing in JS.html
27.2 Shadowing in JS.html
 
 
27.3 Illegal shadowing in js.html
27.3 Illegal shadowing in js.html
 
 
27.4 Arrow Functions in JS.html
27.4 Arrow Functions in JS.html
 
 
27.5 Arrow Functions in JS.html
27.5 Arrow Functions in JS.html
 
 
28 Temporal dead zone.html
28 Temporal dead zone.html
 
 
29 Closures in JS.html
29 Closures in JS.html
 
 
29.1 Closures in JS.html
29.1 Closures in JS.html
 
 
29.2 Closures in JS.html
29.2 Closures in JS.html
 
 
29.3 Corner Cases in Closures in JS.html
29.3 Corner Cases in Closures in JS.html
 
 
30 setTimeout function in JS.html
30 setTimeout function in JS.html
 
 
30.1 setTimeOut Example.html
30.1 setTimeOut Example.html
 
 
31 clearTimeout.html
31 clearTimeout.html
 
 
32 setInterval function in js.html
32 setInterval function in js.html
 
 
33 Asynchronous in js.html
33 Asynchronous in js.html
 
 
34 Call Back in JS.html
34 Call Back in JS.html
 
 
35 Call Back in JS.html
35 Call Back in JS.html
 
 
36 promises example.html
36 promises example.html
 
 
36.1 promises examples.html
36.1 promises examples.html
 
 
37 promises vs callback example.html
37 promises vs callback example.html
 
 
37.1 promises example.html
37.1 promises example.html
 
 
38 Async-Await in JS.html
38 Async-Await in JS.html
 
 
38.1 async-await.html
38.1 async-await.html
 
 
39 async-await example.html
39 async-await example.html
 
 
40 async-await example 2.html
40 async-await example 2.html
 
 
41 Map-Filter-Reduce.html
41 Map-Filter-Reduce.html
 
 
42 map() in JS.html
42 map() in JS.html
 
 
43 filter() in jS.html
43 filter() in jS.html
 
 
44 reduce() in JS.html
44 reduce() in JS.html
 
 
44.1 reduce() in JS.html
44.1 reduce() in JS.html
 
 
45 Tricky map().html
45 Tricky map().html
 
 
46 Tricky reduce().html
46 Tricky reduce().html
 
 
47 Chaining map, filter & reduce.html
47 Chaining map, filter & reduce.html
 
 
47.1 62 Map and filter example.html
47.1 62 Map and filter example.html
 
 
48 Interactions in JS.html
48 Interactions in JS.html
 
 
49 Events in JS.html
49 Events in JS.html
 
 
49.1 EventListener in JS.html
49.1 EventListener in JS.html
 
 
50 DOM Manipulation.html
50 DOM Manipulation.html
 
 
50style.css
50style.css
 
 
51 Spread (...) Operator.html
51 Spread (...) Operator.html
 
 
52 Rest parameter.html
52 Rest parameter.html
 
 
53 This keyword.html
53 This keyword.html
 
 
54 Math().html
54 Math().html
 
 
55 Random().html
55 Random().html
 
 
56 Date().html
56 Date().html
 
 
57 Debounce.html
57 Debounce.html
 
 
58 Throttle.html
58 Throttle.html
 
 
59 debounce and throttle example.html
59 debounce and throttle example.html
 
 
60 Higher Order Functions.html
60 Higher Order Functions.html
 
 
61 Event Loop.html
61 Event Loop.html
 
 
62 find and findIndex.html
62 find and findIndex.html
 
 
63 import.html
63 import.html
 
 
63.1 Export.js
63.1 Export.js
 
 
64 default parameter.html
64 default parameter.html
 
 
65 Classes.html
65 Classes.html
 
 
66 Class Inheritance.html
66 Class Inheritance.html
 
 
67 Getters and Setters.html
67 Getters and Setters.html
 
 
68 Static Methods in Class.html
68 Static Methods in Class.html
 
 
69 Recursion.html
69 Recursion.html
 
 
70_restParameter.html
70_restParameter.html
 
 
71 shallowAndDeepCopy.html
71 shallowAndDeepCopy.html
 
 
72_function_currying.html
72_function_currying.html
 
 
73_Polyfills.html
73_Polyfills.html
 
 

Repository files navigation

Javascript-from-scratch

Learn JavaScript with code explained on every line, by Muazim Maqbool.

Overview

"JavaScript from Scratch" is a repository that provides beginners with a comprehensive introduction to the fundamentals of the JavaScript programming language. The repository includes step-by-step tutorials, code examples, and exercises that cover the basics of syntax, data types, control flow, functions, objects, APIs, asynchronous programming, and more. The goal is to help users build a strong foundation in JavaScript and gain confidence in their ability to write basic scripts and applications.

This repository is designed to be accessible to anyone with little or no prior programming experience, making it a great resource for those who are just starting to learn JavaScript.

Features

  • Line-by-line code explanations: Every concept is demonstrated with well-commented code for easy understanding.
  • Covers core JavaScript fundamentals: Syntax, data types, variables, functions, control flow, objects, arrays, and more.
  • Modern JavaScript concepts: Includes ES6+ features such as arrow functions, spread operator, destructuring, modules (import/export), and more.
  • Asynchronous programming: Promises, async/await, and working with APIs using fetch.
  • Functional programming: An introduction to functional programming paradigms in JavaScript.
  • Practical examples: Realistic code samples and exercises to reinforce learning.
  • API interaction: Demonstrates how to fetch, update, and send data to APIs using modern JavaScript methods.

Directory Structure

Javascript-from-scratch/
│
├── 01_basics.html
├── 02_variables.html
├── 36 promises example.html
├── 36.1 promises examples.html
├── 63 import.html
├── 71 shallowAndDeepCopy.html
├── 74_Functional_Programming.html
├── API/
│   ├── 1 API.html
│   ├── 3 fetch() part-3.html
│   ├── 4 Fetch() data to server.html
│   ├── 7 fetch() PATCH method.html
│   ├── 9 fetch() Example 2.html
│   ├── 9.1 fetch().html
│   ├── 10 fetch() using async-await.html
│   └── ...
└── README.md

Getting Started

  1. Clone the repository:

    git clone https://github.com/muazimmaqbool/Javascript-from-scratch.git
cd Javascript-from-scratch

  2. Open any HTML file in your browser:

    • Each file covers a specific JavaScript topic or concept.
    • Files are self-contained with comments and explanations.

Example Topics Covered

  • Variables, Data Types, and Operators
  • Control Flow (if/else, switch, loops)
  • Functions and Scope
  • Objects and Arrays
  • ES6 Features (let/const, arrow functions, template literals)
  • Promises and Async/Await
  • APIs and Fetch
  • Shallow vs Deep Copy
  • Functional Programming Concepts

Contribution

Contributions, suggestions, and improvements are welcome! Feel free to open issues or submit pull requests.

Author

Muazim Maqbool

License

This project is open source and available under the MIT License.

About

Learn Javascript with code explained on every line

Topics

javascript tutorial code advancejavascript fetchapi learnjavascript

Resources

Readme
Activity

Stars

11 stars

Watchers

2 watching

Forks

4 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages