Full Stack development road map

If you want to be a full stack developer, and don’t know where to start, here are some suggestions for you to start!

Basic tools

  • VSCode, Atom, Webstorm
  • Web Browser – Chrome, Firefox
  • Design – Figma, Sketch, Photoshop

Git & Tools

  • Git – version control
  • Npm & Yarn – install packages
  • Webpack & Parcel – model bundling
  • Gulp & Grunt – task runners
  • ESLint, Pettier, Live Server – editor extensions

HTML/CSS

  • Basic CSS
  • Flexbox & CSS Grid

Responsive

  • Set viewport
  • Fluid widths
  • Media queries

Vanilla JavaScript

  • Data types, functions, conditions, loops, operators
  • DOM manipulation $ events
  • JSON
  • Fetch API
  • ES6 & ES7 (arrow function, promises, async/await, destructing)

Front-End framework

  • React – most popular
  • Vue – easy to use
  • Angular – used in enterprise

State Management

  • Redux, Context API for React
  • Apollo normally used with GraphQL
  • VueX for Vue
  • NgRx

Server side language & framework

  • Node.js – Express, Koa, Adonis
  • Python – Django, Flask (normally used with machine learning)
  • PHP – Laravel, Symfony
  • C# – ASP.NET
  • Go

Database

  • Relational Database – MySQL, PostgreSQL
  • NoSQL – MongoDB, Couchbase
  • Cloud – Firebase, AWS, Azure DocumentDB
  • Lightweight – SQLite, Redis

Server rendered pages

  • Next.js – React
  • Nuxt.js – Vue
  • Angular Universal – Angular

DevOps, Deployment

  • Deployment – Linux, SSH, Git, Nginx, Apache
  • Platforms – AWS, Azure, Digital Ocean, Heroku
  • Container – Docker, Vagrant
  • Testing – Unit, Integration, Functional, System

Mobile Development

  • React Native – build native apps with React
  • Flutter – mobile SDK for Android & ios
  • Xamarin – mobile app with C#
  • Ionic – hybrid app with HTML/CSS/JS

Desktop Apps with Electron

  • Use Chromium & Node.js
  • Compatibal with Windows, Mac & Linux

New booming technologies

  • GraphQL & Apollo
  • TypeScript
  • Serverless Architecture – AWS Lambda
  • AI & Machine learning – tensorflow.js

Leave a Reply

Your email address will not be published. Required fields are marked *