Fullstack Development Complete Roadmap In 2021

START FROM FRONTEND

– HTML

• Semantic HTML
• Forms & Validations

– CSS

• Flexbox, Grid
• Layouts
• Responsive Design
• Floats, Display, Box Model, Position
• Media Queries, Animation, Transform

– JavaScript

• Basic Syntax
• Arrays, Functions, Events
• DOM Manipulation
• ES6 JS
• Fetching API’s
• AJAX / JSON

!! BASIC COMPLETED !!

CHOOSE A FRAMEWORK

– CSS

• Bootstrap
• Materialize, Tailwind, Bulma

PREPROCESSORS

• SASS
• LESS

– JavaScript

• React
• Angular
• Vue

VERSION CONTROL SYSTEM

• Github / Gitlab
• Git

PACKAGE MANAGERS

• NPM
• Yarn

!! FRONTEND PART IS COMPLETE !!

BACKEND DEVELOPMENT

– CHOOSE A FRAMEWORK

• Python
• Java
• PHP
• Ruby

– FRAMEWORKS

• Python – Django
• PHP – Laravel
• Java – Spring

DATABASE

– RELATIONAL

• MySQL
• Oracle
• PostgreSQL

– NON-RELATIONAL

• Mongo DB
• Firebase
• Couch DB

SOME OTHER SKILLS

• Testing / Debugging
• API’s
• Web Security
• Server
• Node JS

!! BACKEND PART IS COMPLETE !!

ADDITIONAL SKILLS

• SSH
• HTTP / HTTPS
• Linux Command
• Data Structure and Algorithms
• .Net and asp.net Framework
• Character Encoding
• AWS

!! KEEP LEARNING !!