🥇 JavaScript Master Guide

JavaScript is a high-level, dynamically typed, interpreted/JIT-compiled programming language primarily used to create interactive web applications.

Roadmap of JS

                    JAVASCRIPT
                        │
        ┌───────────────┴───────────────┐
        │                               │
   FUNDAMENTALS                    DEVELOPMENT
        │                               │
   Syntax & Types                  Browser / DOM
   Operators                       APIs / Async
   Control Flow                    Modules
   Functions                       Tooling
        │                               │
        └───────────────┬───────────────┘
                        │
                  ADVANCED JS
                        │
          ┌─────────────┼─────────────┐
          │             │             │
       OOP           Async JS       ES6+
          │             │             │
          └─────────────┼─────────────┘
                        │
                 PROFESSIONAL
                        │
       Node.js • TypeScript • Testing
                        |
       Performance • Security • Design
                        │
                REAL-WORLD PROJECTS

Level	Modules	Focus
Level 1	Fundamentals	Programming basics
Level 2	Core JavaScript	Functions, arrays, objects
Level 3	Modern JS	ES6+
Level 4	Browser JS	DOM & events
Level 5	Async JS	Promises, async/await
Level 6	APIs	REST & Fetch
Level 7	Advanced JS	Closures, prototypes, runtime
Level 8	Node.js	Backend development
Level 9	Testing	Unit & integration testing
Level 10	Security	Secure coding
Level 11	Performance	Optimization
Level 12	TypeScript	Enterprise development
Level 13	React	Application development
Level 14	Architecture	Enterprise systems
Level 15	Capstone	Production-style project

Browser
 ├── Chrome
 ├── Firefox
 ├── Edge
 └── Safari

Server
 └── Node.js

Other environments
 ├── Deno
 ├── Bun
 └── Desktop/Mobile frameworks

Where we use javascript

• DOM : Document Object Model

• BOM : Browser Object Model

• console : For Developer

• Server : with Node

---

• Script Tag
• Script Attribute

---

The Script Tag

< script > tag is used to embed or reference external JavaScript code within an HTML document. The < script > tag supports various attributes that can modify its behavior and specify additional settings.

Script Tag Attribute

src: This attribute is used to specify the source file URL of the JavaScript code to be loaded.

type: The type attribute indicates the MIME type of the script content. The default value is "text/javascript". For modern JavaScript, you can use "module" to enable ES6 module

async: The async attribute specifies that the script should be executed asynchronously. This allows the rest of the HTML page to load and render without waiting for the script to be fully downloaded and executed

defer: The defer attribute indicates that the script should be executed after the HTML document has been parsed. This ensures that the script does not block the parsing and rendering of the HTML page

Integrity: The integrity attribute provides a security feature that allows you to specify a cryptographic hash of the script file. This ensures that the script is not modified or tampered with during delivery.

crossorigin: The crossorigin attribute is used when loading scripts from different domains. It controls whether the script can access resources from a different origin.

Script Tag Attribute Example

<script src="app.js"></script>
<script src="app.js" type="text/javascript"></script>
<script src="module.js" type="module"></script>
<script src="app.js" async></script>
<script src="app.js" defer></script>
<script src="app.js" integrity="sha384-hash"></script>
<script src="app.js" crossorigin="anonymous"></script>

console

console is a built-in object that provides a way to interact with the browser's debugging console or the terminal console (in Node.js). It provides a set of methods that allow developers to output information, such as log messages, warnings, errors, and other debugging information.

Some of the most commonly used console methods include:

console.log(): Outputs a message to the console.
console.error(): Outputs an error message to the console.
console.warn(): Outputs a warning message to the console.
console.info(): Outputs an informational message to the console.
console.table(): Outputs data as a table in the console

---

https://www.taniarascia.com/es6-syntax-and-feature-overview/

---

Back To Home Page

---