Full Stack Developer Roadmap 2021

Most of the newcomers are planning to go for full-stack development.

What is a full-stack developer?

A person who can develop the entire application (both client and server).

Advantages:

Master all the techniques involved in a development project.
Can provide help to all the team members
Can reduce the cost of the project
Can reduce the time used for team communication

Disadvantages:

The solution chosen can be dependent on developer skills
The solution chosen can be wrong for the project
Being a full-stack developer is increasingly complex

HTML

Is designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript and mandatory for all web developers

Must read:

Basic HTML and DOM
Form
HTML5 APIs (Storage)

A beginner can start from w3schools

CSS

CSS — Styling for web pages (Makeup HTML)

Must read:

Selectors (class, ID, element, attribute, pseudo)
Box Model
Position (absolute, fixed, relative)
Flex, Grid
Media Query (screen, print)

JavaScript

Javascript is the programming language of the Web.

Must read:

Basics (var, loop, statements)
Scope
Closure
Functions
Hoisting
DOM manipulation
Event handling

Roadmap - Zero to Hero in JavaScript

Hidayt Rahman ・ Aug 8 ・ 2 min read

React

React is an open-source front-end JavaScript library for building user interfaces or UI components. React can be used as a base in the development of single-page or mobile applications.

Must read:

Components
Hooks
Router
Data binding
State Management

NodeJS

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

Must read:

HTTP
File Storage (CRUD)
OS
Events
Sync and Async
Event Loop

ExpressJS

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

Must read:

Middleware's
Routing
Error Handling
Debugging

Additionally

Authentication
Authorization
Crypto

MySQL

MySQL is an open-source relational database management system. Its name is a combination of “My”, the name of co-founder Michael Widenius’s daughter, and “SQL”, the abbreviation for Structured Query Language

This is not necessary but basic knowledge will definitely help you with the relational database management system.

MongoDB

MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas

Must read: