Update all Contents design

Author: devmamunur

README.md

@@ -11,10 +11,9 @@
 - **[Basic JavaScript](#basic-javascript) 🌟**
 - **[Intermediate JavaScript](#intermediate-javascript) 🚀**
 - **[Advanced JavaScript](#advanced-javascript) 🔥**
-- **[DOM and Web API](#dom-and-web-api) 🌐**
 - **[ES6 and Modern JavaScript](#es6-and-modern-javascript) ⚡**
+- **[DOM and Web API](#dom-and-web-api) 🌐**
 - **[Testing and Debugging](#testing-and-debugging) 🛠️**
-- **[Advanced Topics in JavaScript](#advanced-topics-in-javascript) 💡🏆**
 - **[Frameworks and Libraries](#frameworks-and-libraries) 📚**
 - **[Package Managers and Build Tools](#package-managers-and-build-tools) 🧰**
 - **[Security and Best Practices](#security-and-best-practices) 🔐**
@@ -194,39 +193,45 @@
 1. What is the DOM, and how do you manipulate it using JavaScript?
 2. Explain the concept of event delegation.
 3. What is a callback function, and why is it used in JavaScript?
-4. What is the difference between "null" and "undefined" in JavaScript?
-5. Describe the purpose of "this" in JavaScript and how it is determined.
-6. How does prototypal inheritance work in JavaScript?
-7. What are promises in JavaScript, and how do they work?
-8. Explain what "async/await" is and how it works.
-9. How can you handle errors in JavaScript?
-10. What is the difference between "let," "const," and "var" when declaring variables.
+4. Describe the purpose of "this" in JavaScript and how it is determined.
+5. How does prototypal inheritance work in JavaScript?
+6. What are promises in JavaScript, and how do they work?
+7. Explain what "async/await" is and how it works.
+8. How can you handle errors in JavaScript?
+9. What is the difference between "let," "const," and "var" when declaring variables.
+10. What is the event loop in JavaScript, and how does it work?
+11. Explain the differences between "setTimeout" and "setInterval."
+12. How does the module system work in JavaScript (e.g., CommonJS, ES6 modules)?
+13. What is the difference between "map," "filter," and "reduce" in JavaScript?
+14. Explain the concept of "closures."
+15. What is memoization in JavaScript?
+16. How does the "spread" operator work in JavaScript?
+17. What are generators and how do they work?
+18. Describe the concept of functional programming in JavaScript.
+19. How can you avoid callback hell (Pyramid of Doom) in JavaScript?
 
 ## Advanced JavaScript
 
-1. What is the event loop in JavaScript, and how does it work?
-2. Explain the differences between "setTimeout" and "setInterval."
-3. How does the module system work in JavaScript (e.g., CommonJS, ES6 modules)?
-4. What is the difference between "map," "filter," and "reduce" in JavaScript?
-5. Explain the concept of "closures."
-6. What is memoization in JavaScript?
-7. How does the "spread" operator work in JavaScript?
-8. What are generators and how do they work?
-9. Describe the concept of functional programming in JavaScript.
-10. How can you avoid callback hell (Pyramid of Doom) in JavaScript?
-
-## DOM and Web API
-
-1. How do you create an element in the DOM using JavaScript?
-2. Explain the difference between "clientHeight," "offsetHeight," and "scrollHeight."
-3. How do you add an event listener to an element in the DOM?
-4. What is the purpose of the XMLHttpRequest object in JavaScript?
-5. How can you make an HTTP request in JavaScript using the Fetch API?
-6. What is CORS, and how do you handle it in JavaScript?
-7. Explain the difference between the "localStorage" and "sessionStorage" objects.
-8. How do you manipulate CSS properties in JavaScript?
-9. What is the "Event" object in JavaScript, and how is it used?
-10. Describe the difference between "target" and "currentTarget" in event handling.
+1. Describe the concept of memoization in JavaScript.
+2. What is functional programming, and how can it be applied in JavaScript?
+3. Explain how currying and composition work in functional programming.
+4. What are Web Workers, and how can they improve JavaScript performance?
+5. How does lazy loading of scripts enhance web page performance?
+6. What is the Event Loop and how does it work in JavaScript?
+7. Describe the purpose of Service Workers in web development.
+8. How can you achieve immutability in JavaScript objects and arrays?
+9. What are the differences between "call," "apply," and "bind" in JavaScript?
+10. Explain the concept of a pure function and its benefits.
+11. What are WebAssembly and its use cases in JavaScript applications?
+12. Explain the concept of BigInt and its purpose in JavaScript.
+13. What are decorators in JavaScript, and how can they be used?
+14. How does memoization improve the performance of recursive functions?
+15. What is the Event Emitters pattern, and how can it be used in JavaScript?
+16. Describe the purpose of the Proxy object and its use cases in JavaScript.
+17. How does the JavaScript runtime environment differ from the browser environment?
+18. What is the Event Loop in Node.js, and how does it differ from the browser's Event Loop?
+19. Explain the concept of microservices and their role in modern web development.
+20. What are Web Components, and how can they be used in JavaScript applications.
 
 ## ES6 and Modern JavaScript
 
@@ -241,6 +246,19 @@
 9. Describe the "Map" and "Set" data structures in ES6.
 10. What is the "spread" operator in ES6, and how does it work.
 
+## DOM and Web API
+
+1. How do you create an element in the DOM using JavaScript?
+2. Explain the difference between "clientHeight," "offsetHeight," and "scrollHeight."
+3. How do you add an event listener to an element in the DOM?
+4. What is the purpose of the XMLHttpRequest object in JavaScript?
+5. How can you make an HTTP request in JavaScript using the Fetch API?
+6. What is CORS, and how do you handle it in JavaScript?
+7. Explain the difference between the "localStorage" and "sessionStorage" objects.
+8. How do you manipulate CSS properties in JavaScript?
+9. What is the "Event" object in JavaScript, and how is it used?
+10. Describe the difference between "target" and "currentTarget" in event handling.
+
 ## Testing and Debugging
 
 1. What are unit tests, and how can you write them in JavaScript?
@@ -254,29 +272,6 @@
 9. How do you use the "console.assert" method for debugging?
 10. What is a stack trace, and how can it help in debugging JavaScript code.
 
-## Advanced Topics in JavaScript
-
-1. Describe the concept of memoization in JavaScript.
-2. What is functional programming, and how can it be applied in JavaScript?
-3. Explain how currying and composition work in functional programming.
-4. What are Web Workers, and how can they improve JavaScript performance?
-5. How does lazy loading of scripts enhance web page performance?
-6. What is the Event Loop and how does it work in JavaScript?
-7. Describe the purpose of Service Workers in web development.
-8. How can you achieve immutability in JavaScript objects and arrays?
-9. What are the differences between "call," "apply," and "bind" in JavaScript?
-10. Explain the concept of a pure function and its benefits.
-11. What are WebAssembly and its use cases in JavaScript applications?
-12. Explain the concept of BigInt and its purpose in JavaScript.
-13. What are decorators in JavaScript, and how can they be used?
-14. How does memoization improve the performance of recursive functions?
-15. What is the Event Emitters pattern, and how can it be used in JavaScript?
-16. Describe the purpose of the Proxy object and its use cases in JavaScript.
-17. How does the JavaScript runtime environment differ from the browser environment?
-18. What is the Event Loop in Node.js, and how does it differ from the browser's Event Loop?
-19. Explain the concept of microservices and their role in modern web development.
-20. What are Web Components, and how can they be used in JavaScript applications.
-
 ## Frameworks and Libraries
 
 1. What is React, and how does it differ from other JavaScript libraries?