The 2019 Web Developer Roadmap
An illustrated guide to becoming a Frontend or Backend Developer with links to courses
Want to learn to code? There is no better time to start than right now. Below is an illustrated roadmap focussed on how to become a developer in 2018. Don’t let these illustrations scare you. You by no means need to understand everything on this map to become a stellar developer. In fact, you don’t even need to take them that seriously if you don’t want to to. Instead, use these maps as a starting point to help guide your learning as you go.
This awesome illustrated guide to becoming a web developer was created by Kamranahmedse and posted to GitHub under the CC BY 4.0 License. Additional resources/links have been added for this article. Disclosure: I write reviews and receive compensation from the companies whose products I review.
Web Developer in 2018
Here’s where you’ll start. You can choose either the Front-end, or Back-end path below. Regardless, there are eight recommendations in yellow that you should learn for either path.
Recommended learning for either path
- Git — You should’ve learned Git yesterday, 15 minutes to learn Git
- HTTP / HTTPS
- Terminal Usage — Basic Mac OS, Basic Windows
- Data Structures & Alogrithms
- Character Encodings
- GitHub — A Step by Step Guide to Making Your First GitHub Contribution
Frontend Path & Courses for Learning Front End
Focus on yellow boxes and grow from there. Below the map are additional resources to aide your learning.
You need to learn the basics and build a solid foundation of web development principles. There are many ways to do this, but in my opinion, The Web Development Bootcamp is the best and easiest way.
The Web Developer Bootcamp | Udemy
The only course you need to learn web development — HTML, CSS, JS, Node, and More!
Now that you’ve taken the first bootcamp and know how to build full stack web applications, it’s time to take your learning a little deeper. The Advanced Web Development Bootcamp introduces complex technologies, frameworks, and tools you can use to build beautiful, responsive, web applications.
HTML / CSS
Build Responsive Real World Websites with HTML5 and CSS3
“Having gone through other related courses on other platforms, I can say this course is the most practical and readily…
Modern React with Redux | Udemy
Master the fundamentals of React and Redux with this tutorial as you develop apps with React Router, Webpack, and ES6
Angular 5 (formerly Angular 2) — The Complete Guide
Master Angular (Angular 2+, incl. Angular 5) and build awesome, reactive web apps with the successor of Angular.js
Vue JS 2 — The Complete Guide (incl. Vue Router & Vuex)
Focus on yellow boxes and go from there. Below the map are additional resources to aide your learning.
The Complete Node.js Developer Course (2nd Edition)
Learn Node.js by building real-world applications with Node, Express, MongoDB, Mocha, and more!
The Python Bible™ | Everything You Need to Program in Python
Build 11 Projects and go from Beginner to Pro in Python with the World’s Most Fun Project-Based Python Course!
PHP for Beginners — Become a PHP Master — CMS Project
One of the biggest PHP Courses in UDEMY …….. Best Rated PHP course on UDEMY…… New lectures ADDED all the…
Complete Java Masterclass | Udemy
Learn to master Java 8 and Java 9 core development step-by-step, and make your first unique, advanced program in 30…
The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert
If you want to learn how to gain insights from data but are too intimidated by databases to know where to start, then…
You made it to the end of the article… Good luck on your Web Development journey! It’s certainly not going to be easy, but by following this guide, you are one stop closer to accomplishing your goal.