🗺 An ideal roadmap for Full Stack Developer.
What is a roadmap?
If we look on Google for an answer on the same it say “A roadmap is a strategic plan that defines a goal or desired outcome and includes the major steps or milestones needed to reach it.”
If we look for the technology related definition of a roadmap it says “A technology roadmap is a flexible planning technique to support strategic and long-range planning, by matching short-term and long-term goals with specific technology solutions”.
Both of this definition pretty much say the same thing that we set a goal and lay down a set of steps which if followed, will help us achieve the goal.
Here consider becoming an awesome Full Stack Developer is our goal, then to achieve this goal the strategic that one will have to follow looks like something this 👇
Front-end Roadmap:
HTML (Hyper Text Markup Language)
It forms the structure of any website and thus becomes one of the bare minimum anyone should know.
Resources:
W3School HTML (Doc)
MDN Web Doc
FreeCodeCamp HTML Module
Coding Addict YouTube Course
Traversy Media HTML Crash Course
CSS (Cascading Style Sheet)
It makes your ugly looking HTML page beautiful. Knowing every property of CSS is next to impossible but knowing it up to a level is utmost important.
Resources:
W3School CSS (Doc)
MDN CSS Doc
FreeCodeCamp CSS Module
Traversy Media CSS crash course
Coding Addict YouTube Course
JS (Javascript)
How do you make you site response to your inputs, using JS you can define a set of actions to be performed for an event triggered on the page.
Resources:
W3School JS Doc
MDN JS Doc
FreeCodeCamp JS Module
Coding Addict JS Course
Traversy Media JS Crash Course
Considering that you followed some of the resources given above and cleared your basics, now this is the pint where our priority should be building projects with whatever learnt so far. What projects to building? checkout this playlist:
Javascript Project Playlist (Private)
React (a frontend Library)
After being fluent in the basics, the next step should be jumping on to a Framework, now there are 3 major player viz Angular, Vue and React and I am totally biased towards React. Why? because React is awesome, is in demand and can provide you with many job opportunities.
Resources:
React Documentation
Coding Addict React Course Free (English)
Technical Thapa React Course(Hindi)
With knowing the basics of React our next priority should be making projects using the same. Checkout this playlist:
React Project Playlist (private)
Some technologies that are a must to know and should be learnt along the journey are : Git and Github, JSON, API, How to Deploy.
Backend Roadmap:
The are multiple language that works on the backend and you will have to choose one between:
Javascript (Recommended if learning front end and aiming for full stack)
Python (Recommended if also learning AI)
PHP (Recommended if also learning Wordpress)
Ruby (Not much in use)
Once you pick a language the next step is to pick a Backend Framework:
Javascript: Node.js with Express
PHP: Laravel / Wordpress
Python: Django / Flask
Ruby: Rails
I pick Node.js with Express over the rest any day for the same reasons I choose React. MERN developers are in huge demand these days.
Here are some of my handpicked resources to learn the same:
Programming with Mosh Node.js Crash Course
Technical Thapa Node.js Playlist (Recommended for Hindi viewers)
Backend Concepts: that a full stack developer needs to have a grasp on
REST
GraphQL
Client/server Communication
MVC Architecture
Databases: A database needs no introduction, it is basically where everything about your site gets stored, You can choose from multiple types of databases viz:
SQL:
PostgreSQL
MySQL
SQLite
NoSQL:
MongoDB (recommended)
Redis
Cassandra
DynamoDB
Techonologies that will grow in 2021:
Web Development is an ever growing domain and we will constantly have to learn new technologies and keep ourselves updates. I tried providing a very brief roadmap with direct links to learn everything for free.
