Setup Your Toolkit

Real-world analogy

What is it?

Your coding toolkit is the set of software tools you need to write and run code. The three essentials are: a code editor (VS Code) where you write your code, Node.js which lets you run JavaScript on your computer, and the terminal where you execute commands and run your programs.

Real-world relevance

Every professional developer uses these exact tools daily. VS Code is used at companies like Google, Facebook, and Netflix. Node.js powers backends at LinkedIn, Uber, and PayPal. Learning these tools isn't just practice — it's real-world professional setup!

Key points

• What is a Code Editor? — A code editor is a special text app designed for writing code. Unlike Notepad or Word, it understands programming languages — it colors your code for readability (syntax highlighting), suggests completions as you type, and flags errors instantly. It's like upgrading from a pencil to a smart pen!
• Installing VS Code — VS Code (Visual Studio Code) is the most popular free code editor in the world, made by Microsoft. Download it from code.visualstudio.com, install it, and you're ready. It works on Windows, Mac, and Linux. Over 70% of developers use it — so you'll always find help online!
• What is Node.js? — Normally JavaScript only runs inside web browsers. Node.js lets you run JavaScript OUTSIDE the browser — on your own computer! Think of it as giving JavaScript a passport to travel beyond the browser. Download it from nodejs.org (choose the LTS/stable version).
• Using the Terminal — The terminal (also called command line or console) is a text-based way to talk to your computer. Instead of clicking folders, you type commands. It feels old-school but it's incredibly powerful. In VS Code, press Ctrl+` (backtick) to open the built-in terminal.
• Running Your First Command — Once Node.js is installed, open your terminal and type: node -v. This shows your Node.js version number — if you see a version like v20.11.0, it's working! Then try: node -e "console.log('Hello!')" to run JavaScript right from the terminal.
• npm — The Package Manager — npm (Node Package Manager) comes free with Node.js. It's like an app store for code — other developers share useful tools and libraries, and you can install them with one command: npm install package-name. There are over 2 million packages available!
• Creating a Project Folder — Every coding project lives in its own folder. Open your terminal and type: mkdir my-first-project to create a folder, then cd my-first-project to enter it. Then npm init -y creates a package.json file — your project's ID card that tracks its name, version, and dependencies.
• Your First JavaScript File — In VS Code, create a new file called hello.js inside your project folder. Type console.log("Hello from my first file!") and save it. Then in the terminal, type: node hello.js — and watch your message appear! You just created and ran your first program!

Code example

// Step 1: Check if Node.js is installed
// Open your terminal and type:
// node -v        (shows Node version, e.g., v20.11.0)
// npm -v         (shows npm version, e.g., 10.2.0)

// Step 2: Create a project folder
// mkdir my-first-project
// cd my-first-project
// npm init -y    (creates package.json)

// Step 3: Create your first file (hello.js)
console.log("Hello from my first project!");
console.log("My name is [Your Name]");
console.log("Today I started learning to code!");

// Step 4: Run it!
// In the terminal, type:  node hello.js
// You should see:
// Hello from my first project!
// My name is [Your Name]
// Today I started learning to code!

// Bonus: Try some math!
console.log("2 + 2 =", 2 + 2);
console.log("10 * 5 =", 10 * 5);

Line-by-line walkthrough

1. 1. Comment: Step 1 — checking your installation
2. 2. Open your terminal app to type these commands
3. 3. node -v prints your Node.js version to confirm it's installed
4. 4. npm -v prints your npm version — npm comes bundled with Node.js
5. 5.
6. 6. Comment: Step 2 — setting up a project folder
7. 7. mkdir creates a new folder called 'my-first-project'
8. 8. cd moves you INTO that folder (like double-clicking a folder)
9. 9. npm init -y creates a package.json — your project's configuration file
10. 10.
11. 11. Comment: Step 3 — writing your first JavaScript file
12. 12. This line prints a greeting when the file runs
13. 13. Replace [Your Name] with your actual name!
14. 14. A motivational message to celebrate your start
15. 15.
16. 16. Comment: Step 4 — running your code
17. 17. How to run the file from the terminal
18. 18. Expected output line 1
19. 19. Expected output line 2
20. 20. Expected output line 3
21. 21.
22. 22. Comment: Bonus math examples
23. 23. Prints '2 + 2 = 4' — the comma in console.log adds a space
24. 24. Prints '10 * 5 = 50' — the * symbol means multiply

Spot the bug

// In terminal:
npm intit -y
node -version
console.log('Hello)

Explain like I'm 5

Fun fact

Hands-on challenge

More resources

• Download VS Code (VS Code Official)
• Download Node.js (Node.js Official)
• VS Code Tutorial for Beginners (Academind)