Web Developer Tools
Code editors, version control, runtimes, browsers, API testing, databases and containers for web development.
Who this toolkit is for
For frontend, backend and full-stack web developers. You don't need every runtime or framework: start with an editor, Git and the runtime your projects use.
Essential (5)
Core tools that are broadly useful.
Code Editor
Why you may need this: A widely used editor with extensions for most web languages.
Homebrew (verified)brew install --cask visual-studio-code
Version Control
Runtime & Package Management
Browsers & DevTools
Mozilla FirefoxOpen SourceAlso on Android, iPhone/iPad
Why you may need this: Test your sites; its developer tools are strong for CSS and layout.
Homebrew (verified)brew install --cask firefox- Google Chrome
FreeAlso on Android, iPhone/iPad
Why you may need this: Test in the most widely used browser engine with Chrome DevTools.
Homebrew (verified)brew install --cask google-chrome
Recommended (3)
Useful for particular parts of the work or course.
API Testing
Database
- DBeaver Community
Open Source
Why you may need this: Browse and query many kinds of databases.
Homebrew (verified)brew install --cask dbeaver-community
Containers
Docker DesktopFreemium
Why you may need this: Run databases and services locally in containers.
Homebrew (verified)brew install --cask docker-desktop
Specialist / Optional · Show specialist tools (4)
Consider these for particular modules, tasks or environments.
Code Editor
Version Control
- GitHub Desktop
Open Source
Why you may need this: A graphical Git client.
Homebrew (verified)brew install --cask github
Runtime & Package Management
Build your Web Developer setup
Build My Setup lets you add or remove apps, combine roles, see why each app is included, and get a single install command where verified packages exist. Nothing is installed automatically.