A package manager helps developers install and manage them.

For JavaScript development, one of the most common package managers is: npm

For example: npm install express

This can install Express into a project.

We'll learn npm properly when we reach Node.js.

6️⃣ Git

Git is a version control system.

It tracks changes to your code.

Imagine you modify your application today and accidentally break something tomorrow.

With Git, you can keep a history of changes and potentially return to an earlier version.

A simplified workflow:

Write code → Save changes → Git commit → Continue working → More changes → Another commit

Git becomes essential when working professionally.

7️⃣ GitHub

GitHub is a platform for hosting Git repositories and collaborating on software projects.

You can use it to:

• Store your code

• Share projects

• Collaborate with developers

• Review changes

• Create pull requests

• Track issues

• Build a public developer portfolio

A typical workflow is: Your Computer → Git → GitHub → Remote Repository

We'll learn Git and GitHub in detail later.

8️⃣ API Testing Tools

When working with backend APIs, developers often need to send requests without using a frontend.

Tools such as Postman can help with this.

For example, you might send: GET /users and inspect the server's response.

This is useful when developing and debugging APIs.

We'll introduce API testing once we reach backend development.

9️⃣ Database Tools

When we start working with databases, we'll also use database clients and tools to:

• Create databases

• Create tables

• Run SQL queries

• Inspect data

• Debug database problems

For PostgreSQL, tools such as pgAdmin can provide a graphical interface.

We'll learn database tools when we reach the database section.

🔟 How These Tools Work Together

A typical beginner web development workflow might look like:

VS Code → Write Code → Web Browser → Developer Tools → Debug & Test → Git → GitHub

Later, when we become full-stack developers:

VS Code → Frontend + Backend → Browser → Developer Tools → API Testing → Database → Git → GitHub → Deployment

🧠 The Most Important Tools to Remember

At this stage, focus on these:

• VS Code → Write code

• Browser → Run and view websites

• Developer Tools → Inspect and debug websites

• Terminal → Run commands and development tools

• Git → Track code changes

• GitHub → Store and collaborate on code

• npm → Manage JavaScript packages

Double Tap ❤️ For Part 11