Skip to content

README.md

Latest commit

 

History

History
110 lines (83 loc) · 5.38 KB

README.md

File metadata and controls

110 lines (83 loc) · 5.38 KB

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 ⭐