JavaScript-Notes

About

This repository is a curated collection of my personal notes, code examples, and practical exercises as I learn the fundamentals and core concepts of JavaScript.

Whether you’re a beginner starting your coding journey or someone looking to refresh your knowledge, you’ll find:

• Simple explanations of JavaScript concepts
• Well-commented code snippets, examples and simple projects.
• Step-by-step guides for common tasks
• Tips, tricks, and best practices

Feel free to explore, clone, and use these notes as a reference or learning companion. If you’d like to have your own copy, simply clone this repository:

git clone https://github.com/JS-Bej/JavaScript-Notes.git
cd JavaScript-Notes

Note

Check out more JavaScript examples in this JavaScript examples repo!

---

⚙️ How to install JavaScript ⚙️

JavaScript is already installed in all web browsers!

Quick Test:

1. Open any browser
2. Press F12 → Console tab
3. Type: console.log("Hello JavaScript!")

Here are some VS Code extensions that can simulate a web browser environment:

Live Server 🚀

Most Popular Choice

• Extension ID: ritwickdey.liveserver
• Features:
  • Live reload on file changes
  • Local development server
  • Port customization
  • Browser auto-open

Usage:

1. Right-click on HTML file → "Open with Live Server"
2. Or click "Go Live" in bottom status bar

---

Live Preview 🔄

Microsoft Official

• Extension ID: ms-vscode.live-server
• Features:
  • Built-in browser preview
  • Side-by-side editing
  • No external browser needed
  • Real-time updates

Usage:

1. Open HTML file
2. Ctrl+Shift+P → "Live Preview: Show Preview"

---

Browser Preview 👁️

In-Editor Browser

• Extension ID: auchenberg.vscode-browser-preview
• Features:
  • Embedded Chromium browser
  • DevTools integration
  • Multiple tabs support
  • Debug capabilities

Usage:

1. Ctrl+Shift+P → "Browser Preview: Open Preview"
2. Navigate to your local file

---

Open in Browser 🌍

Quick Launch

• Extension ID: techer.open-in-browser
• Features:
  • Right-click to open in browser
  • Multiple browser support
  • Custom browser paths
  • Keyboard shortcuts

Usage:

1. Right-click HTML file → "Open In Default Browser"
2. Or use Alt+B shortcut

⭐ If you liked this project or just want to save it for later, feel free to star this repository ⭐