Read on Twitter
Roadmap for becoming Full Stack Developer in 2021
A Thread
A Thread
Step 1: Choose the best Operating System.
You can choose Either Linux or Mac which are really awesome for developers.
Or can still go with Windows 10, what you will need to do is enable wsl and that is really helpful, but windows is also highly recommended.
You can choose Either Linux or Mac which are really awesome for developers.
Or can still go with Windows 10, what you will need to do is enable wsl and that is really helpful, but windows is also highly recommended.
Step 2: Get Yourself the Best Text Editor.
You will find people using Vs code in most of their courses, so I would recommend getting started with Vs code which is obviously free and have the best features and a large community. https://code.visualstudio.com/
You will find people using Vs code in most of their courses, so I would recommend getting started with Vs code which is obviously free and have the best features and a large community. https://code.visualstudio.com/
Step 3: Learn HTML
HTML is the building block for Web development, it is so easy to learn and get started, requires 0 configurations and a lot of resources are available online.
Here is my fav free tutorial for Html
FreeCodeCamp:Â
HTML is the building block for Web development, it is so easy to learn and get started, requires 0 configurations and a lot of resources are available online.
Here is my fav free tutorial for Html
FreeCodeCamp:Â
Step 4: Learn CSS
CSS is also the basic of Web Development, where it is easy to learn and requires 0 programming knowledge. You can spend years learning CSS where it makes a site beautiful.
Here Is a Free Css Tutorial:Â
CSS is also the basic of Web Development, where it is easy to learn and requires 0 programming knowledge. You can spend years learning CSS where it makes a site beautiful.
Here Is a Free Css Tutorial:Â
Step 5: Build Yourself a Portfolio Website.
You can now get started with building projects, here is a tutorial that will teach you how to build your own portfolio site using HTML CSS and Bootstrap
Â
You can now get started with building projects, here is a tutorial that will teach you how to build your own portfolio site using HTML CSS and Bootstrap
Â
Step 6: Learn Javascript.
Here is a course that will teach you the basics of javascript and injecting js to your Html CSS site.Â
Here is a course that will teach you the basics of javascript and injecting js to your Html CSS site.Â
Step 7: Add Javascript to Your Portfolio Site.
Build A Contact Form, a bit of API calls, and add buttons to do so.
NOTE: You can watch for tutorials building stuff, and add it by yourself to your portfolio.
Build A Contact Form, a bit of API calls, and add buttons to do so.
NOTE: You can watch for tutorials building stuff, and add it by yourself to your portfolio.
Step 8: Learn To Use Chrome Developer Tools.
Chrome dev tools let you debug your code from Html to Js, and it is the most important stuff to know as a web developer.
Here is a tutorial I found relevant on Youtube:Â
Chrome dev tools let you debug your code from Html to Js, and it is the most important stuff to know as a web developer.
Here is a tutorial I found relevant on Youtube:Â
Step 9: Learn Git and Github.
The most important thing during building a project is project management and accessibility to the team, learn Git and Github push your code to GitHub and make Pull Requests.
Here is a complete course on Git and GitHub
Â
The most important thing during building a project is project management and accessibility to the team, learn Git and Github push your code to GitHub and make Pull Requests.
Here is a complete course on Git and GitHub
Â
Step 10: Learn to Use Terminals/ CLI
Learning to use CLI is the most important stuff as a developer, during working with server or hosting you get to work a lot with CLI's.
For Linux and Mac: Use ZSH, BASH, Hyper or iTerm
For Windows: Use Zsh in Wsl or use Git Bash
Learning to use CLI is the most important stuff as a developer, during working with server or hosting you get to work a lot with CLI's.
For Linux and Mac: Use ZSH, BASH, Hyper or iTerm
For Windows: Use Zsh in Wsl or use Git Bash
Step 11: Host Your Site Online
You can host your website for free on the following platforms.
> Netlify
> Github
> Vercel
You can host your website for free on the following platforms.
> Netlify
> Github
> Vercel
Step 12: Build a Project using Html CSS and Js.
You can copy code from your previous projects, copy from StackOverflow.
But don't go for the tutorial.
Build:
Expense Tracker
E-Commerce
Blog App
You can copy code from your previous projects, copy from StackOverflow.
But don't go for the tutorial.
Build:
Expense Tracker
E-Commerce
Blog App
Step 13: I heard you are in Love with javascript?
Learn ES6 and practice some Data Structures with Javascript.
Learn ES6 and practice some Data Structures with Javascript.
Step 14: Learn React/Vue/Angular
There are a lot of Tutorials on Udemy and Youtube where you can learn React Vue or Angular from bottom to advanced.
Here is one of my favorite from Stephen Grinder: https://www.udemy.com/course/react-redux/
There are a lot of Tutorials on Udemy and Youtube where you can learn React Vue or Angular from bottom to advanced.
Here is one of my favorite from Stephen Grinder: https://www.udemy.com/course/react-redux/
Step 15: Build Projects Using your Favorite Library
Here is a tutorial you can follow to build an e-commerce site, using React and Graphql https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
Here is a tutorial you can follow to build an e-commerce site, using React and Graphql https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
Step 16: You can Apply for Jobs/ Internships as a Frontend Developer.
You don't need to fit completely in the job profile, search for a job on Linkedin/ Twitter or other sites.
You don't need to fit completely in the job profile, search for a job on Linkedin/ Twitter or other sites.
Step 17: You made it, as a Frontend Dev.
Now you can learn to build the backends using any of your favorite languages.
I would recommend Node js which is really awesome and easy to learn.
Or else can learn Django which uses Python.
Now you can learn to build the backends using any of your favorite languages.
I would recommend Node js which is really awesome and easy to learn.
Or else can learn Django which uses Python.
Step 18: Learn SQl or NoSQl
Databases are the most important part of a Server, learn to use MongoDb or Sql databases like Postgresql or Mysql
Databases are the most important part of a Server, learn to use MongoDb or Sql databases like Postgresql or Mysql
Step 19: Learn Node Js following Tutorial.
Here is a Tutorial I would highly recommend to follow up.
https://www.udemy.com/course/nodejs-the-complete-guide/
Here is a Tutorial I would highly recommend to follow up.
https://www.udemy.com/course/nodejs-the-complete-guide/
Step 20: Build Yourself API's using Node Js
You can follow up tutorials and make yourself go with Node js, Databases, and Servers
You can follow up tutorials and make yourself go with Node js, Databases, and Servers
Step 21: Integrate your Server with your Website.
Use Node JS and React to build some of the awesome stuff.
Like Medium Clone, Ecommerce or etc.
Use Node JS and React to build some of the awesome stuff.
Like Medium Clone, Ecommerce or etc.
Step 22: Host your Full Stack Site.
You can host your site to Google Cloud, Linode, Digitial Ocen, or Aws in free tier to learn to deploy and add SSL to your server and make it work in HTTPS
You can host your site to Google Cloud, Linode, Digitial Ocen, or Aws in free tier to learn to deploy and add SSL to your server and make it work in HTTPS
Step 23: Learn Docker
Containing your application in a Container to test and host is a really popular way of building sites.
Learn docker
Containing your application in a Container to test and host is a really popular way of building sites.
Learn docker
Step 24: Apply for Full Stack Jobs/ Role
I highly recommend you not to fall in pit of tutorials and face the team work by applying for jobs and get paid.
I highly recommend you not to fall in pit of tutorials and face the team work by applying for jobs and get paid.
Good Luck with the Journey, never stop on any Step really wish you make it till the end and call Yourself A Full Stack Developer.
