DEV Community

Cover image for Full Stack Developer's Roadmap πŸ—Ί
ender minyard
ender minyard

Posted on • Updated on

Full Stack Developer's Roadmap πŸ—Ί

It's easy to focus on the front end of web development, but what about the back end? Learning about the back end improves your front end skills.

Here are some resources for full stack development that you can save for later.

Table Of Contents

πŸ’» How The Internet Works
πŸ”š Advanced Front End
πŸ–₯ Operating Systems
πŸ“• Languages
πŸ–² Version Control
πŸ““ Database Concepts
πŸ“” Relational Databases
πŸ“— NoSQL Databases
πŸ“¨ APIs
♻️ Caching
πŸ”’ Security
πŸ§ͺ CI/CD
πŸ“™ Development Concepts
🏯 Software Architecture
🧊 Containers
πŸ“¬ Servers
βš–οΈ Scalablity

How The Internet Works πŸ’»

✨ What happens when you go to google.com?
πŸŽ‰ Introduction to Networks
πŸ’« Browser Networking
🎊 IP Addressing
⭐️ HTTP/2

Advanced Front End πŸ”š

✨ HTML & CSS
πŸ’« JavaScript

Operating Systems πŸ–₯

✨ Using the command line
πŸŽ‰ What is an operating system?
πŸ’« Memory
🎊 Unix Programming
⭐️ Bash-Scripting Guide

Languages πŸ“•

✨ Know PHP
πŸŽ‰ Learn Ruby
πŸ’« Learn Rust
🎊 Learn Go
⭐️ Know Server-Side JavaScript

Version Control πŸ–²

✨ A Visual Git Reference
πŸŽ‰ Visualizing Git Concepts with D3
πŸ’« Github Cheat Sheet
🎊 SVN

Database Concepts πŸ““

🌟 Object-Relational Mapping
πŸŽ‰ ACID
πŸ’« N+1 Problem
β˜„οΈ Sharding
✨ CAP Theorem
πŸ’₯ Normalization
🌟 Indexes

Relational Databases πŸ“”

✨ Theory of Relational Databases
πŸŽ‰ Learn MySQL
πŸ’« Learn PostgreSQL
🎊 Learn MariaDB
🌟 Learn MS SQL

NoSQL Databases πŸ“—

✨ Learning MongoDB
πŸŽ‰ Learn CouchDB
πŸ’« NoSQL Databases
🎊 Graph Databases

APIs πŸ“¨

⭐️ Working with APIs
πŸ’₯ REST
πŸ’‘ GraphQL
β˜„οΈ JSON-RPC
πŸŽ‰ HATEOAS

Caching ♻️

✨ HTTP caching
β˜„οΈ Redis
⭐️ Memcached
πŸš€ Service workers

Security πŸ”’

✨ HTTPS + TLS
πŸŽ‰ CORS
πŸ’« MD5
🎊 SHA-2
πŸ’‘ SCrypt
πŸ’₯ BCrypt
β˜„οΈ OWASP

CI/CD πŸ§ͺ

✨ Testing your code
πŸŽ‰ Jenkins
πŸ’« TravisCI

Development Concepts πŸ“™

β˜„οΈ SOLID
⭐️ KISS
πŸ’₯ YAGNI
✨ DRY
πŸŽ‰ Domain-Driven Design
🌟 Test Driven Development

Software Architecture 🏯

πŸ’« Microservices and Service Oriented Architecture
🎊 CQRS
⭐️ Serverless

Containers 🧊

✨ Docker Fundamentals
πŸŽ‰ Docker Cookbook
πŸ’« Kubernetes Cookbook

Servers πŸ“¬

β˜„οΈ Nginx Handbook
πŸ’‘ Apache
πŸ’₯ Caddy

Scalability βš–οΈ

πŸ’« Distributed Systems
β˜„οΈ System Design Primer
✨ Real-World Maintainable Software
πŸŽ‰ The 12 Factor App
🌟 Architecting Frontend Projects To Scale


This was inspired by a different post. In the other post, I wanted the author to provide resources for the topics they mentioned, so I made my own post. ✨

If you think I missed any resources in this post, comment them below!

Latest comments (98)

Collapse
 
jiasheng profile image
JS

We are building a new toolkit ZenStack for simplifying full-stack development with Next.js using Typescript, which aims to "bring the power of full stack to the frontend".

Here is the post for how to use it, hope it could help you get on the road:
dev.to/zenstack/how-to-build-a-pro...

Collapse
 
shyam1319 profile image
Shyam Lal

For beginners it will help πŸ‘

Collapse
 
octoparsehola profile image
Octoparse EspaΓ±ol

NIcee and here is a spanish guide of API for beginners: Web Scraping con API: una GuΓ­a para Principiantes octoparse.es/blog/web-scraping-api...

Collapse
 
amboulouma profile image
Amin M. Boulouma
Collapse
 
stojakovic99 profile image
Nikola Stojaković

For those who are still coming to this post - don't use Rust by Example if you're a beginner. Start with the Rust book. Also, keep in mind that Rust is quite hard for beginner developers and there are not much jobs in it right now for juniors.

Collapse
 
mdalaminroni22 profile image
mdalaminroni22 • Edited

I really enjoyed this article
Also a find this platform to more information - weekin2.blogspot.com/2020/07/how-t... πŸ•΅οΈβ€πŸ’― (how to become a full stack web developer "

Collapse
 
eavnitech profile image
eavnitech

Thanks

Collapse
 
devlorenzo profile image
DevLorenzo

I created my list too - dev.to/devlorenzo/the-ultimate-com...

Collapse
 
nurshod1999 profile image
Nurshod1999

Good

Collapse
 
tayyabtariq242 profile image
Muhammad Tayyab Tariq

great

Collapse
 
jimmykimani profile image
Jimmy Kimani

This is awesome! Thank you for sharing.

Collapse
 
lollykrown profile image
Nazariteβ„’

I finally have time to go through this and I'm wowed. Thank you so much for this compilation @ender. This means so much someone like me with no computer science background

Collapse
 
swathipai13 profile image
miss_multitasker

I started crying after reading this list. Firstly because I was getting a grip over node and react, juggling with python and Javascript. I always thought for myself, these would be something industries use and would help me make many projects, and also land in a descent job. Guess it would take time for me to do anything in life!

Collapse
 
ender_minyard profile image
ender minyard • Edited

Consider this a lifelong reading list, not a to-do list. Take your time.

It will not "take time" for you "to do anything in life". Every day that you wake up and get out of bed, you're doing something. Brushing your teeth and making your bed is an accomplishment, especially during the times we're living in. Please be kind to yourself.

Collapse
 
redcandiss profile image
Red Candiss

Wow, these are golden resources to get into. I hope my age can fulfill it. Thanks a bunch!

Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more