How To Become A JavaScript Full-Stack Engineer(simple 11 Stages)

Hello guys, you want to become a JavaScript full stack engineer then this guide is for you that help you to clear your doubt 

so let's start with amazing punchline Kick-start Your Career And Become A Full-Stack Developer

top 11 Stages To Become A JavaScript Full-Stack Engineer

 I want to combine my own experiences and created a roadmap on how to become a Full-Stack Engineer that I want to share with everyone.

1 - HTML

Before starting with any programming language, you should learn basic HTML and how it is work

you can start learning HTML from w3schools  that teaches all the basics and also some advanced information

2 - CSS (Grid, Flex)

With knowledge about HTML, you should learn about CSS to style your website. Again, W3Schools provides a good tutorial

also you find more guide regarding CSS on csstricks.com, they have written awesome tutorial

3 - JavaScript + DOM

After learning html and css it is time to learn JavaScript, one of the most used programming languages all over the world. 

To learn it, you can use another W3Schools tutorial. Also, you can go with MDN JavaScript tutorial and javscript.info site they will help you to boost your knowledge

4 — Node.js

Node.js is a powerful JavaScript-based platform that is built on Google Chrome’s JavaScript V8 Engine and provides an event-driven, non-blocking (asynchronous) I/O and cross-platform runtime environment for building highly scalable server-side applications using JavaScript.

Start by downloading and installing the latest Node version for your OS on NodeJS official website, This is mandatory for further progression as a JavaScript (TypeScript) developer.

Also, you can learn basic of node js from official documentation given my NodeJS itself 

Before heading to the next stage, you should make yourself familiar with the NPM ecosystem.

Consider answering these questions before starting with React:

What is NPM?

How can I install something?

What is a package.json

I need package XX what should I do?

5- ReactJS

If you are proficient with JavaScript (and maybe TypeScript) you should learn ReactJS because it is the most used framework 

Mastering React takes some time because it has many concepts that all become important during development.

the following step that you need to understanf before getting started with

Basics of reactjs

Understand ReactJS

How To Set Up Your Dev Env

JSX

Components

State

Props

Lists/Keys

Lifecycle Methods

Advanced React Concepts

Styling

Form Handling

Data Handling

Reconciliation Process

Hooks

Custom Hooks

Context

advance ReactJS concept

Lazy Loading

Portals

State Management

Routing

Theming

Patterns

Anti-Patterns

learn ReactJS from official guide

6 - MySQL 

After you mastered JavaScript and React to create beautiful websites, the next step will be to use persistent data within these websites. 

Often, this is done by connecting to a database like MySQL, PostgreSQL, or SQLite.

For simplicity, you should learn MySQL over PostgreSQL!

As a developer, you have to be familiar with MySQL because it is ideal for both small and large applications (PostgreSQL is an advancement in DBMS, but MySQL is basic knowledge).

To learn MySQL, you can use a W3School Tutorial, which will teach you all the basics to understand every MySQL query you will encounter in different applications.

One important thing is, that you have to understand database design more than queries because in future stages you will use a technique (ORM) that helps you with queries anyway. For this, you have to understand Database Normalization. This is very important if you want to work with relational databases!

learn mysql 

7 -MongoDB

In contrast to MySQL, MongoDB is a document-oriented database classified as NoSQL. It uses JSON-like documents with optional schemas to store data.

Get familiar with NoSQL database design and read and understand this.

8 - The CRUD Pattern

If you are working with persistent data, it is mandatory that you understand the CRUD pattern. CRUD stands for Create, Read, Update, Delete and describes the four basic operations for persistent data.

read more about crud operation at wikipedia

9 -ORM And ODM

ORM stands for Object-Relational Mapping; ODM stands for Object Document Mapper. Both are techniques that are used to query and manipulate data from a database using an object-oriented paradigm.

Often, when developers talk about ORM or ODM they refer to a library that implements any (or both) of these techniques.

You should learn at least one of the following, supporting both Database technologies:

TypeOrm (SQL and NoQL)

Prisma (SQL and MongoDB)

Mongoose (only MongoDB)

Typegoose (Mongoose for TypeScript)

Knex.js (SQL)

sequelize (SQL)

Personally, I would recommend learning TypeOrm AND Prisma!

10- Build Side Projects To Gain Hand on Experience

Now that you know a programming language, a framework, and how to use a database, you can start creating some projects.

This stage is very important in becoming a full stack developer because you never encounter real-life problems in tutorials that you will face while working on your own project.

Here are some ideas for cool projects:

Goal Tracking App

Clone A Website

Developer Portfolio

11 - Deploy Your Side Project

The last stage is about deploying your project on a server. This stage is also mandatory because as a full stack developer, you should know how to deploy your app in a production environment.

You should have knowledge of different cloud platform like AWS, azure, Google could

at that last I want to tell you that the more you practice, the more you learn , thank you

if you found my How To Become A JavaScript Full-Stack Engineer guide then feel free to share your opinion on comment down below