JavaScript OOP, API, and Regex - Quick Recap

## **1. Introduction to JavaScript Fundamentals** ### **1.1 JavaScript Basics Recap** Before diving into Object-Oriented Programming (OOP), APIs, and Regular Expressions (Regex), it’s essential to ensure a solid understanding of core JavaScript concepts. This module provides a brief refresher on these concepts: #### **1.1.1 Variables and Data Types** - Variables are declared using `let`, `const`, or `var` (avoid `var` in modern code). - Data types include: - Primitive: `string`, `number`, `boolean`, `null`, `undefined`, `symbol`. - Non-primitive: Objects (arrays, functions, objects). #### **1.1.2 Functions** - Functions are first-class objects in JavaScript. - Can be declared in several ways: ```javascript // Function declaration function greet(name) { return `Hello, ${name}!`; } // Function expression const greet = function(name) { return `Hello, ${name}!`; }; // Arrow function (ES6) const greet = (name) => `Hello, ${name}!`; ``` #### **1.1.3 Control Structures** - Conditional statements: `if`, `else if`, `else`, `switch`. - Loops: `for`, `while`, `do...while`, `for...of`, and `for...in`. #### **1.1.4 Objects and Arrays** - Objects are collections of key-value pairs: ```javascript const person = { name: "John", age: 30, greet() { return `Hi, I’m ${this.name}.`; } }; ``` - Arrays are ordered collections: ```javascript const fruits = ["apple", "banana", "cherry"]; console.log(fruits[1]); // Output: banana ``` #### **1.1.5 DOM Manipulation Basics** - Selecting elements: ```javascript const button = document.querySelector("button"); ``` - Updating content: ```javascript button.textContent = "Click Me!"; ``` --- ### **1.2 Tools and Environment Setup** For this course, we’ll use tools that simplify development without introducing frameworks or libraries. #### **1.2.1 Text Editor** - **Notepad++**: - Download and install Notepad++ from its official website. - Set up syntax highlighting for JavaScript. - Use plugins like "Explorer" for navigating files easily. #### **1.2.2 Browser Console** - Every modern browser has developer tools: - Open developer tools using `Ctrl+Shift+I` (Windows) or `Cmd+Option+I` (Mac). - Go to the "Console" tab to test JavaScript code in real time. #### **1.2.3 JavaScript Execution** - JavaScript code can run directly in a browser or through tools like Node.js. - Example: 1. Create an HTML file with a script tag: ```html ``` 2. Open the file in a browser to see the output in the console. #### **1.2.4 Debugging Tools** - Use `console.log()` for debugging. - Breakpoints: - Set breakpoints in browser dev tools to pause code execution and inspect variables. - Use `debugger;` in the code to programmatically set a breakpoint. With these fundamentals covered, we’re ready to dive into the main modules: OOP, APIs, and Regex in JavaScript.