A list of most of the tools, services, products I use to build websites.

For each of these tools there are probably 10 to 100 alternatives that do similar jobs. But this is what i’ve come to enjoy over the past 6 years I have been building websites. There are many options I haven’t tried so i’m by no means saying they are the best. But these are generally popular options so learning these will be pretty inline with modern web development businesses.

Please take this at your own pace, if you try to rush and get burnt out it won’t be worth it. I fully understand this is an overwhelming list of technologies, and you do not need all of them to build websites. At the bare minimum you need a index.html file and a hosting provider to get it up on the web (or self host) but wheres the fun in that, we want to build production grade software.

React

The core of the frontend system, react and component based ui will be the standard for a long time to come.

React

React Foundations

React in 100 Seconds

React Tutorial for Beginners

Typescript

The standard now, full stack type-safety is just a requirement to stay sane as codebases grow.

The starting point for learning TypeScript

TypeScript in 100 Seconds

TypeScript Tutorial for Beginners

Node

Make sure your on the current LTS, version 20. While alternatives like Bun, Deno and the edge runtime exist, they still got a long way to go.

Index | Node.js v20.17.0 Documentation

Node.js - Explained In 100 Seconds | Simplified

Node.js Ultimate Beginner’s Guide in 7 Easy Steps

Node.js Tutorial for Beginners: Learn Node in 1 Hour