👶 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
So you want to know how to be a webdev ? This map will tell you everything you need to learn.
Webdev Skills
List of webdev skills to master.
Frontend Roadmap
More in-depth look at the WebDev roadmap for frontend.
Oh shit, git
While learning git, you WILL need this to save your sorry ass.
Git visualized
This might help you understand Git a little bit better.
The 7 ranks of a programmer
Slightly cringy, yet a good read about the different skill levels of a programmer.
Linux Journey
Good website to become a Linux pro!
Training Ideas
Dunno what to code ? Here are ideas.
Client-side vs Server-side rendering
What is SSR / CSR ? An historical explanation.
What they didn't teach you about Software Engineering
The real world is not like school.
Javascript
Javascript for dinosaurs
Must-read !
Explaining exactly what is the current JavaScript environment and how we got here.
Learning Javascript in 2016
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
What you need to know to start learning React.
Structuring React projects
A definitive guide.
Why use Single-Page-Application JavaScript Frameworks ?
The answer with a very detailed study of the Reddit up/downvote button.
The JS Fat Arrow
Very good article to explain this javascript concept.
You don't know JS (Yet)
Amazing book for beginners and intermediates alike.
CSS
CSS for dinosaurs
Where does CSS comes from ?
CSS Flexbox froggy
Little game to learn Flexbox ! (Also available in French)
Complete guide to flexbox
I've been using flexbox for a year and I still use this guide regularly. Whole website is gold !
CSS grid garden
Same but for CSS Grid !
CSS Breakpoints the right way
Real CSS breakpoints !
How To Mobile-first CSS
Because we are in the 21th century.
Recreation time
If the world was created by a programmer (funny)
Little recreation for your students.