FullStack Development
in 50 Days Roadmap &
Resources(Free & Paid)
Gaurav Pandey
What is Full Stack?
Fullstack Development is a type of software
development that involves working on both the
backend (server) and the frontend (client).
How you can become Full stack developer?
There are various ways to become a fullstack
developer. There are many technologies that you
can work with to become a fullstack developer.
In this I will talk about a path that involves starting
with HTML, CSS, JS and then learning the MERN
stack.
What is MERN?
Mongo Express React Node
React - Used to build the frontend
Nodejs and Express - Used to build the backend
MongoDB - Used as the database.
All these technologies are built on JavaScript.
MERN stack has become very popular as it is very easy
and fastto build applications using the MERN stack.
Day 01-20
- Learn HTML, CSS, JavaScript
HTML, CSS and JavaScript are backbone of all websites.
5 Days
HTML provides the basic structure.
CSS provides the skin to the structure in the form 5 Days
of design, formatting, and layout.
10 Days
JavaScript adds interactivity and logic to the website.
Start with HTML, CSS and JavaScript. Do not directly jump to
learning React or other frameworks/libraries.
CSS is difficult but is something that you should learn well. Do
not directly jump to using Tailwind or Bootstrap.
Do not wait to complete JS before starting to build projects. JS
is huge and takes time to learn.
Most companies have UI Machine Coding Round for frontend
development roles where you cannot use any framework/library.
Day 21-30
- Learn React
React is a JavaScript library created by Facebook, it is one
of the most used frontend libraries in tech companies.
Almost all the modern tech companies from early-stage
startups to the biggest tech companies like Microsoft and
Facebook use React.
Concepts to master in React are
Class and function based components
State and props
Lifecycle hooks
Fetching data from APIs
Controlled & Uncontrolled Components
Routing in React
Context API & React hooks
Day 30-37
and
Express is a minimal and flexible [Link] web application
framework that provides a robust set of features for web
and mobile applications.
Most big companies use Java or Java-like languages for
the backend. Most startups use Python or Node+Express for
the backend.
Express helps build the backend very easily while staying in
JavaScript ecosystem. It is preferred for self-projects as it
helps focus on learning development and building projects
pretty fast.
Day 37-42
MongoDB is a non-relational document database that
provides support for JSON-like storage. The MongoDB
database has a flexible data model that enables you to
store unstructured data, and it provides full indexing
support, and replication with rich and intuitive APIs.
MongoDB has become popular with developers in part
due to the its intuitive API, flexible data model, and
features that include:
Free resources for learning HTML, CSS, JavaScript
HTML & CSS
w3School - [Link]
MdnWeb Docs - [Link]
US/docs/Web/HTML
[Link]
ProgrammingWithMosh
Javascript
MdnWeb Docs - [Link]
US/docs/Learn/JavaScript/First_steps
Dev Docs - [Link]
Namastey Javascript -
Akshay saini
[Link]
Free resources for learning Mongo, Express, React & Node
Mongo
MongoDB Docs: [Link]
mongoose Docs: [Link]
[Link]
Amigoscode
Node & Express
Node Docs : [Link]
Node DevDocs : [Link]
Express Docs : [Link]/en/starter/[Link]
Express Guide : [Link]
[Link]
Traversy Media
React
React Docs : [Link]
W3School : [Link]
React Tutorial : [Link]
Codevolution
Academind
Traversy Media
Other Essentials required
Git and Github
Learn Git : [Link]
Github Docs : [Link]
[Link]
Codewithharry - hindi
Day 42-50
Free Complete MERN stack Series
For Building MERN Projects
You can follow
Paid resources for MERN Stack
The Complete 2022 Web Development
Bootcamp
React - The Complete Guide (incl Hooks,
React Router, Redux)
The Complete [Link] Developer Course
(3rd Edition)
And for amazing stuff you can follow me
Gaurav Pandey
LinkedIn :Gaurav Pandey
Twitter : @gauravcode
Reference: [Link]
8eqh1qepx6md
