Photo by <a href=”">Christin Hume</a> on <a href=”">Unsplash</a>
Photo by Christin Hume on Unsplash

Tools you Need as a Beginner Web Developer in 2022

Here are the Tools you need as a Beginner Web Developer in 2022!

Code Editor

Choosing the right editor helps you identify the different aspect of your code. You can easily identify the tags you use (for example you are writing your HTML/CSS codes).

Also, choosing the right editor will help your productivity and increase the effectivity on developing your project.

You can either choose among different list of code editors but I can highly recommend using vscode for this moment.

Choosing vscode as your first editor is a great decision.

It has:

- File navigation
- UI interface
- Terminal
- Plugin installer
- Version Control interface
- Search ui interface to help you find specific parts of your code

and much more.

Version Manager

Choosing a version manager can help you ease on installing your programming tools manually. I can highly recommend using asdf for this one.

**asdf** is a version manager for all your programming languages Including Ruby, Python and many other languages.

This will help you install and use the different versions that is suitable for your next project.

- [asdf documentation]([](

Package Manager

What is a package manager? A package manager is a system that will manage your project dependencies.

Package manager will help you install and uninstall dependencies with your projects or system instead of downloading them manually.

Here are the list of package manager you can use.

- [homebrew](
- [npm]([
- [yarn]([


Having a great terminal setup and knowledge can help you gain greater control over your system. It can help you manage your version controls, install packages, and run local backend or frontend commands. Additionally, it can also help you monitor different aspect of your system.

It is a great addition to your workflow when you are confident using Terminal.

Version Control

Having a version control in your arsenal can help you see the different versions and changes you have made to your projects.

It can also help you go back and forth to the different versions without affecting the other versions. ( what? haha).

Version Control can add:

- Traceability
- Document History
- Efficiency
- Compare Versions
- Backup
- and much more

Starting with these 👇👇👇👇

- **Git** for you local repository
- **Github** for your remote repository

can help you start your setup using version control.

Notion as your Online Notebook

Having Notion as your online notebook can help you for taking down notes regarding your web development path.

[Notion]( can help you with your:

- Timeline
- Productivity
- Project Documentation
- and many more

Adding this one as your tool can help you document things and even use it to write discoveries you can find along the way.

> Happy Coding !








🎥. Youtuber 💻. Software Developer 📕 Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

The login bypass — A better approach to automated regression testing

Day 16 as a NASA JPL Intern on the Psyche Mission

5 super easy VS Code keyboard shortcuts everyone should know (Mac)

Bash script to monitor CPU and memory usage

Query Pandas DataFrame with SQL

Database CRUD with FastAPI (Keep it simple and documented) with Python and MySQL DB

Go with OOP

You Can Get the Source Code Apollo 11 and Take a Course on It

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Paugramming (Pau Riosa)

Paugramming (Pau Riosa)

🎥. Youtuber 💻. Software Developer 📕 Blogger

More from Medium

10 Best Code Editors in 2022: The Guide to the Top Options

8 New Year’s Resolutions to Advance Your Career in 2022


15 Priceless Productivity Tips for Procrastinators

How to increase your typing speed?