If you want to become a full-stack web developer in 2023, follow the below guide - also includes all resources you need.
A thread ๐งต
A thread ๐งต
Before going through the roadmap and resources, let's first understand what is full stack developer.
A full-stack web developer is a person who can develop both client and server software.
A full-stack web developer is a person who can develop both client and server software.
Yes, that was an easy definition, but that is not it.
Full Stack Developers must have some knowledge of a number of coding niches, ranging from databases to graphic design.
Graphic design is not necessary and it is completely optional.
Full Stack Developers must have some knowledge of a number of coding niches, ranging from databases to graphic design.
Graphic design is not necessary and it is completely optional.
In web development, there are many full-stack development stacks, such as
MERN: MongoDB, Express, React, Node
MEAN: MongoDB, Express Angular, Node
MEVN: MongoDB, Express, Vue, Node
LAMP: Linux, Apache, MySQL, PHP/Perl/Python
and etc.......
MERN: MongoDB, Express, React, Node
MEAN: MongoDB, Express Angular, Node
MEVN: MongoDB, Express, Vue, Node
LAMP: Linux, Apache, MySQL, PHP/Perl/Python
and etc.......
In this thread, we are going through the MERN stack, since it is quite popular, and has many job opportunities.
Express and Node make up the middle (application) tier. Express.js is a server-side web framework, and Node.js is the popular and powerful JavaScript server platform. React is used for the frontend and MongoDB for the database.
ROADMAP โ
1/ HTML & CSS
You can start with HTML & CSS. They are the foundation of the web. HTML is used for building the skeleton of the web and CSS is used for styling.
You can learn HTML and CSS for FREE from the below course by freeCodeCamp.
youtube.com
You can start with HTML & CSS. They are the foundation of the web. HTML is used for building the skeleton of the web and CSS is used for styling.
You can learn HTML and CSS for FREE from the below course by freeCodeCamp.
youtube.com
2/ JavaScript
Once you understand HTML & CSS, start with JavaScript. Make sure to learn the JavaSript fundamentals properly as they play a vital role in this stack.
Here is a FREE JavaScript full course by freeCodeCamp.
youtube.com
Once you understand HTML & CSS, start with JavaScript. Make sure to learn the JavaSript fundamentals properly as they play a vital role in this stack.
Here is a FREE JavaScript full course by freeCodeCamp.
youtube.com
3/ React (JSX)
Now, it is time to use your JavaScript knowledge and build the front end of the web. React is a popular JavaScript framework used for the frontend.
youtube.com
Now, it is time to use your JavaScript knowledge and build the front end of the web. React is a popular JavaScript framework used for the frontend.
youtube.com
5/ API
Now that you know react too, it's time to understand what is an API. An API is a connection between your front end and the backend.
youtube.com
Now that you know react too, it's time to understand what is an API. An API is a connection between your front end and the backend.
youtube.com
4/ Node and Express
it is time for the backend. With Express and Node, you can build the backend of the application and handle the application logic. Here is a full course that teaches you that
youtube.com
it is time for the backend. With Express and Node, you can build the backend of the application and handle the application logic. Here is a full course that teaches you that
youtube.com
5/ MongoDB
Now that you are done with both frontend and backend. It is time for a Database. MongoDB is a document-based, noSQL database.
youtube.com
Now that you are done with both frontend and backend. It is time for a Database. MongoDB is a document-based, noSQL database.
youtube.com
Now you know frontend, backend and Database. Woohoo!!
But wait, we are not done yet, let's learn some more :D
But wait, we are not done yet, let's learn some more :D
6/ Cloud
As a full-stack developer, you might need to learn a little about the Cloud platform. Even the basics are enough.
As a full-stack developer, you might need to learn a little about the Cloud platform. Even the basics are enough.
7/ CSS Framework
CSS is fun, however in the modern using Vanilla CSS could be difficult and time-taken. Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces.
youtube.com
CSS is fun, however in the modern using Vanilla CSS could be difficult and time-taken. Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces.
youtube.com
8/ Version Control and Git
Git plays a vital role in computer programming. Git is a tool that's used to manage multiple versions of source code edits that are then transferred to files in a Git repository
youtube.com
Git plays a vital role in computer programming. Git is a tool that's used to manage multiple versions of source code edits that are then transferred to files in a Git repository
youtube.com
Yayyy๐
Now you can call yourself a full-stack developer ๐
Now you just need to BUILD and BUILD and BUILD projects. The greatest approach to improve your programming abilities is to use them to create coding projects.
Now you can call yourself a full-stack developer ๐
Now you just need to BUILD and BUILD and BUILD projects. The greatest approach to improve your programming abilities is to use them to create coding projects.
Loading suggestions...