Programming Languages (To learn in the future)

  1. Python
    • Beginner-friendly, versatile, and powerful.
    • Great for backend web development (Flask, Django), automation, and data science.
    • Complements your web skills by letting you build full-stack projects.
  2. HTML
    • The foundation of the web.
    • Easy to learn, gives you instant visible results.
  3. CSS
    • Adds design and layout to your HTML.
    • Together with HTML, you’ll be able to build static websites.
  4. JavaScript
    • Completes the “front-end trio.”
    • Lets you make your websites dynamic (buttons, animations, forms, games).
    • Since you already know some basics, this will click quickly.
  5. Java
    • Once you’re comfortable with Python and JS, Java gives you strong OOP discipline.
    • Used in Android apps, enterprise systems, and large-scale backend services.
    • Builds your understanding of typed, compiled languages.
  6. C++
    • The most complex of the list, but by the time you reach it, you’ll have solid programming fundamentals.
    • Essential for performance-critical applications, game engines, and systems programming.
    • Deepens your understanding of memory management and low-level computing.

Development Tools

  • GitHub - Platform for version control and collaboration.
  • GitHub Pages - Host your static websites directly from your GitHub repository.
  • Visual Studio Code (VS Code) - A powerful and popular code editor.
  • Git - Version control system for tracking changes in code.
  • Docker - Containerization platform for consistent development environments.
  • Node.js - JavaScript runtime for building server-side applications.
  • npm - Package manager for JavaScript, essential for managing project dependencies (basically pip of JavaScript).
  • Porkbun - Domain registration and management service.

Useful Extensions:

🔑 Must-Have VS Code Extensions for JavaScript (2025)

  • Prettier – Code Formatter Automatically formats your JavaScript, HTML, and CSS so your code is always clean and consistent.
  • ESLint Lints your JavaScript code, catching errors and enforcing best practices. Works perfectly with Prettier.
  • Live Server Launches a local development server with live reload — every time you save, your browser refreshes instantly.
  • Turbo Console Log Quickly inserts and manages console.log statements for debugging. A lifesaver when testing JS logic.
  • GitHub Copilot / Copilot Chat AI-powered code suggestions and explanations. Helps you write functions faster and understand tricky code.
  • Import Cost Shows the size of imported npm packages in real time, helping you keep your app lightweight.
  • GitLens Enhances Git integration, showing who changed what and when, right inside your editor.
  • Image Preview Lets you preview images directly in VS Code when working with HTML/CSS.
  • Indent Rainbow Colorizes indentation levels, making nested JavaScript code easier to read.

⚖️ Optional but Useful

  • Debugger for Chrome/Edge → Debug JavaScript directly in the browser from VS Code.
  • Path Intellisense → Autocompletes file paths when importing modules.
  • npm Intellisense → Autocompletes npm package names in imports.
  • REST Client → Lets you test HTTP requests directly in VS Code.