Don't Overwhelm to Learn JavaScript, JavaScript is Only This Much
1. Variables
- var
- let
- const
2. Data Types
- number
- string
- boolean
- null
- undefined
- symbol
3. Declaring Variables
- var
- let
- const
4. Expressions
- Primary expressions: this, literals, [], {}, function, class, function*, async function, async function*, /ab+c/i,
string, ( )
- Left-hand-side expressions: Property accessors, ?., new, new.target, import.meta, super, import()
5. Operators
- Arithmetic Operators: +, -, *, /, %
- Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
- Logical Operators: &&, ||, !
6. Control Structures
- if
- else if
- else
- switch
- case
- default
7. Iterations/Loop
- do...while
- for
- for...in
- for...of
- for await...of
- while
8. Functions
- Arrow Functions
- Default parameters
- Rest parameters
- arguments
- Method definitions
- getter
- setter
9. Objects and Arrays
- Object Literal: { key: value }
- Array Literal: [element1, element2, ...]
- Object Methods and Properties
- Array Methods: push(), pop(), shift(), unshift(), splice(), slice(), forEach(), map(), filter()
10. Classes and Prototypes
- Class Declaration
- Constructor Functions
- Prototypal Inheritance
- extends keyword
- super keyword
- Private class features
- Public class fields
- static
- Static initialization blocks
11. Error Handling
- try
- catch
- finally (exception handling)
12. Closures
- Lexical Scope
- Function Scope
- Closure Use Cases
13. Asynchronous JavaScript
- Callback Functions
- Promises
- async/await Syntax
- Fetch API
- XMLHttpRequest
14. Modules
- import and export Statements (ES6 Modules)
- CommonJS Modules (require, module.exports)
15. Event Handling
- Event Listeners
- Event Object
- Bubbling and Capturing
16. DOM Manipulation
- Selecting DOM Elements
- Modifying Element Properties
- Creating and Appending Elements
17. Regular Expressions
- Pattern Matching
- RegExp Methods: test(), exec(), match(), replace()
18. Browser APIs
- localStorage and sessionStorage
- navigator Object
- Geolocation API
- Canvas API
19. Web APIs
- setTimeout(), setInterval()
- XMLHttpRequest
- Fetch API
- WebSockets
20. Functional Programming
- Higher-Order Functions
- map(), reduce(), filter()
- Pure Functions and Immutability
21. Promises and Asynchronous Patterns
- Promise Chaining
- Error Handling with Promises
- Async/Await
22. ES6+ Features
- Template Literals
- Destructuring Assignment
- Rest and Spread Operators
- Arrow Functions
- Classes and Inheritance
- Default Parameters
- let, const Block Scoping
23. Browser Object Model (BOM)
- window Object
- history Object
- location Object
- navigator Object
24. Node.js Specific Concepts
- require()
- Node.js Modules (module.exports)
- File System Module (fs)
- npm (Node Package Manager)
25. Testing Frameworks
- Jasmine
- Mocha
- Jest
26. Demo Examples
- 1. Hello World: console.log('Hello, JavaScript!');
- 2. Add Numbers: function add(a, b) { return a + b; }
- 3. Fetch API: fetch('https://api.example.com').then(res => res.json()).then(console.log)
- 4. DOM Update: document.getElementById('demo').innerText = 'Updated!'