# The Beginner WebDev guide to the galaxy

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

Link

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

# Frontend Roadmap

Link

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

# Oh shit, git !

Link

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

# The 7 ranks of a programmer

Link

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

# Training Ideas

Link

Dunno what to code ? Here are ideas.

# Client-side vs Server-side rendering

Link

What is SSR / CSR ? An historical explanation.

# Javascript

# Javascript for dinosaurs

Must-read !

Link

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

# Learning Javascript in 2016

Link

Funny take on what a mess the current JavaScript environment is. Read "Javascript for dinosaurs" first.

# React roadmap

Link

What you need to know to start learning React.

# Why use Single-Page-Application JavaScript Frameworks ?

Link

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

# The JS Fat Arrow

Link

Very good article to explain this javascript concept.

# You don't know JS (Yet)

Link

Amazing book for beginners and intermediates alike.

# CSS

# CSS for dinosaurs

Link

Where does CSS comes from ?

# CSS Flexbox froggy

Link

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

# Complete guide to flexbox

Link

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

# CSS grid garden

Link

Same but for CSS Grid !

# CSS Breakpoints the right way

Link

Real CSS breakpoints !

# How To Mobile-first CSS

Link

Because we are in the 21th century.

# Ruby and Rails

# Strong params

Link

Because it took me quite some time to understand what were strong params.

# Recreation time

# If the world was created by a programmer (funny)

Link

Little recreation for your students.