---
# System prepended metadata

title: Web Deveveloping Environment

---

---
Course: FTW-Virgil
Topic : Set up Web dev environment
Description : This is mini-course is a transition from the online first environment of 1-1.3 and into a local setup. We aren’t teaching any new coding here (unless git counts as coding). This should ideally be something the student can do in a day or two (or quickly ask for help).

---
# Web Deveveloping Environment

> *"Look !!! A web developer in its natural habitat"*


## Resources
Here are a curated collection of instructions to help you set up your programming workplace. Choose the appropriate guide that suit your Operating System (OS) 
*💡 Tip : You don't need to understand them all*

### for Mac M1 : 
1. The only setup guide you need is [here](https://codeburst.io/my-ultimate-m1-mac-developer-setup-cfdb2daeed2d)

### for Mac : 
1. Install Homebrew (*package management*), git (*version control*), node (*backend JS environment*) with this [guide](https://www.digitalocean.com/community/tutorials/how-to-install-node-js-and-create-a-local-development-environment-on-macos)
This guides assume you have the latest update of MacOS. Make sure to check your OS version
3. Install [OZH](https://ohmyz.sh/) for a 10x-programmer-feel terminal

### for Windows :  
1. Install [WSL2](https://docs.microsoft.com/en-us/windows/wsl/install-manual) for using Linux on Windows  :
This guides installing WSL1 and also WSL2. If yours Windows 10 version is too old, or hardware does not support Hyper-V, one can only install WSL1. Please check if your machine meet the requirements.
2. Install [Git for windows](https://phoenixnap.com/kb/how-to-install-git-windows) for Version Control
3. Install [Nodejs](https://www.geeksforgeeks.org/installation-of-node-js-on-windows/) for backend JS programming

*My preference for easier package management (install + update) on Windows, I recommend installing [Chocolatey](https://docs.chocolatey.org/en-us/choco/setup)*



