Resources for the Beginner WebDev

Starting a WebDev career is hard. Learning how to code isn't very complicated, but learning the full job is something else altogether.

Since I had to dive deep and fast in WebDev waters, and since I kept my passion for tutoring and mentoring, I saved the best resources a beginner WebDev might need to kickstart its career.

General knowledge

The WebDev Roadmap

Linkopen in new window

So you want to know how to be a webdev ? This map will tell you everything you need to learn.

Webdev Skills

Linkopen in new window

List of webdev skills to master.

Frontend Roadmap

Linkopen in new window

More in-depth look at the WebDev roadmap for frontend.

Oh shit, git

Linkopen in new window

While learning git, you WILL need this to save your sorry ass.

Git visualized

Linkopen in new window

This might help you understand Git a little bit better.

The 7 ranks of a programmer

Linkopen in new window

Slightly cringy, yet a good read about the different skill levels of a programmer.

Linux Journey

Linkopen in new window

Good website to become a Linux pro!

Training Ideas

Linkopen in new window

Dunno what to code ? Here are ideas.

Client-side vs Server-side rendering

Linkopen in new window

What is SSR / CSR ? An historical explanation.

What they didn't teach you about Software Engineering

Linkopen in new window

The real world is not like school.

Javascript

Javascript for dinosaurs

Must-read !

Linkopen in new window

Explaining exactly what is the current JavaScript environment and how we got here.

Learning Javascript in 2016

Linkopen in new window

A bit old but still worth a read. Funny take on what a mess the current JavaScript environment is. Read "Javascript for dinosaurs" first.

React roadmap

Linkopen in new window

What you need to know to start learning React.

Structuring React projects

A definitive guide.

Linkopen in new window

Why use Single-Page-Application JavaScript Frameworks ?

Linkopen in new window

The answer with a very detailed study of the Reddit up/downvote button.

The JS Fat Arrow

Linkopen in new window

Very good article to explain this javascript concept.

You don't know JS (Yet)

Linkopen in new window

Amazing book for beginners and intermediates alike.

CSS

CSS for dinosaurs

Linkopen in new window

Where does CSS comes from ?

CSS Flexbox froggy

Linkopen in new window

Little game to learn Flexbox ! (Also available in French)

Complete guide to flexbox

Linkopen in new window

I've been using flexbox for a year and I still use this guide regularly. Whole website is gold !

CSS grid garden

Linkopen in new window

Same but for CSS Grid !

CSS Breakpoints the right way

Linkopen in new window

Real CSS breakpoints !

How To Mobile-first CSS

Linkopen in new window

Because we are in the 21th century.

Recreation time

If the world was created by a programmer (funny)

Linkopen in new window

Little recreation for your students.

Last Updated:
Contributors: Samuelfaure