Roadmap to fullstack development
Basic roadmap to frontend development
Basic roadmap to Backend development
Interviews
Packages
AI tools to become a fullstack developer
How can you use Gen AI and LLM’s into your products?
1)When you hit www.google.com
a)Get an IP address of this website
b)Where is this ip address
c)It is on a server knows DNS
d)You get the IP address of a server hosting the
google.com website
e)You go to the server and say give me google.com page
i) Server that gives the HTML page is known as the
backend of your website
f) ANd one html having the google.com site is returned
i) Frontend of your website
g)That is displayed to you on the browser.
h)When you login You enter credentials
i) Then it is sent to the backend and credentials are
validated
j) How is it sent to the backend ?
k)Javascript(Frontend)
l) Backend is receiving this
m) It is going to validate this information
n)Some databases.
o)Database Engineers.
p)Infrastructure
q)Devops or SRE or infrastructure engineers(Platform
engineers)
2)Engineers.
a)Frontend
b)Backend
c)Database
d)Infrastructure
3)If you can do all the above you become a fullstack developer
4)AI introduced as well as a skill that you need to master
a)Cursor
b)Codeium
c)Github Copilot
d)Consume the API’s of AI into your code to get different
things done.
e)Prompt Engineering- in order to achieve
5)Type of fullstack developers
a)50-50
b)70FE-30BE
c)30FE-70BE
6)Frontend roadmap (https://roadmap.sh/frontend)
a)HTML
b)CSS
i) Frameworks
(1) Bootstrap
(2) Tailwind
(3) Ant design
(4) Material UI
c)Javascript
i) The language of web
(1) Closure
(2) Prototype
(3) Events
(4) Event loops
(5) Event delegation
(6) Currying
d)Framework- Is just a way to use js in an easier way in
frontend
i) React - Recommended
ii) Angular
iii) Vue
iv) Ember
e)Next JS that is up and running
f) Testing frameworks
i) Functional testing
ii) Unit testing
(1) Jest
(2) Chai
(3) Mocha
(4) React testing library
iii) End to end to testing
(1) Cypress
(2) Puppeteer
iv) Pack of 6 eggs things to test
(1) 6eggs
(2) Broken
(3) White
(4) Expirey
(5) MRP
(6) Is it egg or not
g)How to deploy your code
i) Vercel
ii) Amplify
iii) Netflify
iv) Render
h)CI/CD
i) Continuous Integration
ii) Continuous deployment
i) Webpack/Vite/Rollup
i) Bundlers.
(1) In order to bundle the code you use
webpack
(2) React : Component which are written in
multiple files
(3) Your browser needs only one file
(4) Combiling all the files into one file is done
by webpack
j) Rounds for frontend development
i) Java script round
ii) DSA round or Javascript round
iii) Framework round
iv) Framework round where you are supposed to
build something
Backend Roadmap (https://roadmap.sh/backend)
1.Picking a backend programming language
a.Python (2 advantages) Web + Machine learning
b.Nodejs(express) (MERN) Mongo Express react
Node
c.Ruby on rails - if you are building a stratup
d.C# (For Financial tech)
e..net
f. Java (Which still has a large share in the market)
g.Go lang (Doing well multiple companies have
shifted to his)
h.PHP ()
i. Rust ()
2.Pick a database
a.Relational
i. MYSQL
ii. Postgress
1.Friend of siddharth who are his best
friends and are under 30
2.Users
3.Friend
4.Association b/w them and query your
data better
b.Non relational database
i. Casandra - Write optimised
1.Eventual Consistency.
a.Stream app
b.Clicks storage
c.Large data
ii. Dynamo DB
iii. Mongo (MERN)
1.Document
a.Post
i. Post_Id
ii. User_ID
iii. Content: {
Heading:,
Subheading
Title}
Likes
1.Learn how to build API’s
API: API is a way for your backend and frontend to communicate
with each other.
get
/user/27
Backend would receive this
Controller: function
User_id : 27
User.Post.find(27);
Get raw data
Process the data
Send that data to frontend in JSON format.
Load Balancer:
1 Server can respond to 1000 users.
1 Million users at a point of time.
1000 Servers.
All servers are going to run the same code.
Stateless server.
Load balancer: It sees which server has more load
It does a round robin and assigns the job to multiple servers.
Authentication : How does it work
1.JWT
2.OAuth
3.Cookies based auth
4.Token auth
Testing in backend
1)Integration
2)Functional
3)Unit
Caching
1)Backend cache(In memory cache)
a)Redis
b)Memcache
2)CDN
a)Cloudfront
b)Akamai
i) Cache images
ii) Js
iii) CSS
iv) Content
3)Frontend cache.
a)Your website is cached on the browser.
Websockets
1)It opens a two way communication b/w backend and
frontend where both can send messages to each other.
2)Chat application
Sid - > Apurva
Sid -> Backend -> Apurva
Deploy your code
1)AWS
a)EC2 Instance
2)AZURE
3)GCP
4)Docker
5)Kuberneetes
NGINX
AI integration in our applications
1)Open AI
2)CLaude(Antropic)
3)Deepseek
4)GROK3
5)Gemini
6)LLama
LLM - Large language model
Trained on large set of data.
Prompt - Set of instructions
1)LLM to follow these instructions in the set of these
instructions you want the output
2)