Here’s an ordered list of JavaScript topics starting from beginner to advanced, organized
logically to help you build your understanding step-by-step:
---
### **Beginner Topics**
These topics introduce JavaScript basics, essential for getting started.
1. **Data Types**
2. **Dynamic Typing**
3. **Let vs Var**
4. **Type Casting**
5. **Null vs Undefined**
6. **Truthy/Falsy**
7. **Switch Case**
8. **Ternary Operation**
9. **While vs Do While**
10. **Template Literal**
11. **Rest Parameter**
12. **Spread Operator**
13. **Function vs Method**
14. **Block vs Block Scope**
15. **Typeof**
16. **Let vs Const**
17. **Switch Fall Through**
---
### **Intermediate Topics**
These expand your knowledge into more complex aspects of JavaScript.
18. **Hoisting**
19. **Hoisting Example**
20. **TDZ (Temporal Dead Zone)**
21. **Illegal Shadowing**
22. **Legal/Illegal Shadowing**
23. **Object Syntax**
24. **Object Destructuring**
25. **Array.flat, splice, length**
26. **Array Map vs forEach**
27. **Mutable/Immutable**
28. **Pass by Value/Pass by Reference**
29. **Set, Map Data Type**
30. **Set Interval**
31. **Set Timeout vs Set Interval**
32. **Timer Function**
33. **Includes**
34. **Self-Invoking Functions (IIFE)**
35. **JSON**
36. **Strict Mode**
37. **Browser Web APIs**
---
### **Advanced Intermediate Topics**
These cover modern JavaScript features and more in-depth concepts.
38. **ES6/ECMAScript**
39. **Promises (Stages)**
40. **Promise.all, Settled, Any**
41. **Async/Await**
42. **Callback Function**
43. **Callback Hell**
44. **Nullish Operator**
45. **Nullish Coalescing Operator**
46. **Optional Chaining**
47. **Closure**
48. **Closure Applications & Drawbacks**
49. **Currying**
50. **Currying Example**
51. **Reduce/Some/Every**
52. **Spread vs Rest Operator**
53. **Proxy Object**
54. **Factory/Pure Functions**
---
### **Advanced Topics**
These deal with highly technical concepts and more specialized features.
55. **Synchronous Single Thread**
56. **Asynchronous Code**
57. **Global Execution Context**
58. **Event Loop**
59. **Event Loop (Detailed)**
60. **Message Queue**
61. **Event Bubbling, Delegation, Propagation**
62. **Event Delegation & Propagation**
63. **Abstraction**
64. **Inheritance**
65. **Object.freeze/seal/prototype**
66. **WeakMap**
67. **Generator Functions**
68. **Polyfill/Debouncing**
69. **Race Method**
70. **Benefits of IIFE**
71. **Purpose of !!**
---
### **Expert Topics**
These cover expert-level features, optimizations, and conceptual mastery.
72. **Call, Apply, Bind**
73. **Deep Copy vs Shallow Copy**
74. **Async/Await (Detailed)**
75. **Running Asynchronous Tasks**
76. **For In vs For Of**
77. **Do String and Array Have Prototype**
78. **Boolean/String/Type Coercion**
79. **Web Storage (LocalStorage/SessionStorage)**
80. **Single Thread vs Multi-Thread**
81. **Garbage Collector**
---
This progression starts from basic JavaScript concepts and gradually introduces modern syntax,
asynchronous handling, advanced debugging techniques, and performance optimization.
