DEV Community

Cover image for Full Stack Developer Roadmap 2021
Hidayt Rahman
Hidayt Rahman

Posted on • Updated on

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

Useful articles


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:

  • Databases
  • collections
  • Schema
  • Aggregation

Live Projects and Deployments

Woohoo!!!!!!! 🥳 🥳

You did it….. now it's time to develop something with a real-world solution.

Project Ideas

  • Blog (CRUD)
  • Todo App example
  • Chat Bot
  • Quiz App

Congratulations!!! You’re now a full-stack developer. 😎

You can now consider yourself as a one-man army. 🤝

All the best <Happy Code />

Top comments (6)

Collapse
 
the_procrastinator profile image
The Procrastinator

One in a million

Collapse
 
hidaytrahman profile image
Hidayt Rahman

Thank you :)

Collapse
 
meo3w profile image
Phil Hasenkamp

Awesome advice! Thank you for sharing your knowledge!

Collapse
 
hidaytrahman profile image
Hidayt Rahman

I'am glad you liked it :)

Collapse
 
emmanuelurbina profile image
Emmanuel Lucio Urbina

Excelent, thanks

Collapse
 
hidaytrahman profile image
Hidayt Rahman

I'am glad you liked it :)