Learning Front-end Web Development

A curated list of websites and tools I use for web development. I need a place to put it so might as well share it.

One rule: I can only include things I’ve used. No mega list with fluff.

Browse through my GitHub stars to see interesting repo’s I stumble upon

Favourite Teachers

Stephen Grider

Maximilian Schwarzmüller

Fireship (Watch every video on his channel)

Brad Traversy

Jonas Schmedtmann

Books

The Coding Career Handbook

Learning Path

Front-end 2021

Front-end Roadmap

Back-end Roadmap

React

A Visual Guide To React Mental Models

Kent C. Dodds

Alex Sidorenko

React Docs

React Snippet Cheatsheet

Fonts

Google Fonts

Favorite fonts

• Poppins Font
• Raleway
• Alegreya
• Jost
• Volkhov
• Hind
• Dosis
• Rubik
• Playfair Display
• Atkinson Hyperlegible
• Lekton
• Rufina
• Zen Dots
• Inter
• Roboto (Mono)
• Roobert
• Recoleta Font
• Source Sans Pro
• Nunito Sans
• DM Serif Display
• Fira Code
• Jetbrains Mono
• Simplon Mono
• Futura
• Helvetica
• Gilroy
• Meta Serif Pro

Learning Design

Refactoring UI

Designing User Interfaces

IDE

Visual Studio Code

Code Sandbox

Communities

Dev.to

Reddit (there’s a subreddit for everything)

Icons

Font Awesome

CSS.gg

UI Libraries / CSS Frameworks

Semantic UI

Tailwind