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!
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
No comments:
Post a Comment