# 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 (opens new window)

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

# Webdev Skills

Link (opens new window)

List of webdev skills to master.

# Frontend Roadmap

Link (opens new window)

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

# Oh shit, git !

Link (opens new window)

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

# The 7 ranks of a programmer

Link (opens new window)

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

# Training Ideas

Link (opens new window)

Dunno what to code ? Here are ideas.

# Client-side vs Server-side rendering

Link (opens new window)

What is SSR / CSR ? An historical explanation.

# Javascript

# Javascript for dinosaurs

Must-read !

Link (opens new window)

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

# Learning Javascript in 2016

Link (opens new window)

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

# React roadmap

Link (opens new window)

What you need to know to start learning React.

# Why use Single-Page-Application JavaScript Frameworks ?

Link (opens new window)

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

# The JS Fat Arrow

Link (opens new window)

Very good article to explain this javascript concept.

# You don't know JS (Yet)

Link (opens new window)

Amazing book for beginners and intermediates alike.

# CSS

# CSS for dinosaurs

Link (opens new window)

Where does CSS comes from ?

# CSS Flexbox froggy

Link (opens new window)

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

# Complete guide to flexbox

Link (opens new window)

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

# CSS grid garden

Link (opens new window)

Same but for CSS Grid !

# CSS Breakpoints the right way

Link (opens new window)

Real CSS breakpoints !

# How To Mobile-first CSS

Link (opens new window)

Because we are in the 21th century.

# Ruby and Rails

# Strong params

Link (opens new window)

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 (opens new window)

Little recreation for your students.