MOC

Which I should learn

1. JS Fundamentals

• Variables: let, const, and var (scope differences)
• Data Types: Primitive types (e.g., string, number, boolean, null, undefined) and objects
• Operators: Arithmetic, comparison, logical operators
• Control Flow: if, else, switch, and ternary operators
• Functions: Function expressions, arrow functions (\=>), and callbacks
• Scope: Function scope vs. block scope (understand var, let, const)
• Hoisting: How JS variables are “hoisted” to the top
• Type Coercion: Implicit conversion (e.g., \== vs. \===)
• Error Handling: Using try…catch

2. Advance Concepts

• Asynchronous JavaScript: Promises, async/await, and callbacks
• Closures: Understanding how closures work in JavaScript
• Prototypes and this: How JS handles prototypes and context
• Event Loop: How JavaScript handles asynchronous code in the browser
• Modules: Import/export syntax and modular code organization
• Classes: JavaScript classes and how they differ from Ruby classes
• Array Methods: map, filter, reduce, forEach

3. DOM Manipulation and Events

• DOM Traversal and Manipulation: querySelector, getElementById, manipulating elements, classes, and attributes
• Event Handling: Understanding events and handling user interactions (e.g., click, mouseover, submit)
• Event Delegation: Efficient handling of events for dynamic elements
• Fetch API: Handling HTTP requests in JavaScript

4. Practical Applications: Building Small Projects

• To-Do List: Basic CRUD functionality, event handling, and DOM manipulation
• Simple Calculator: Practice DOM manipulation and event listeners
• Weather App: Use the Fetch API to call a weather API and display results