Scribd
Upload
14 views6 pages

Frontend Developer Roadmap

Uploaded by

IX17-41 Suvayu Chatterjee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
14 views6 pages

Frontend Developer Roadmap

Uploaded by

IX17-41 Suvayu Chatterjee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

FRONTEND

DEVELOPER
ROADMAP
SO here we are to start out with
learning the important
languages for the frontend
developer:
 HTML
 CSS
 JavaScript
Then the CSS Library to master
or make use-of:
 Tailwind-CSS
 Sass
 Bootstrap
So, after learning the HTML, You
are to go through the CSS
Libraries and get a strong hold
over them, over time. After all
these is done, dive into the
next programming language
the Java-Script.
In the Java-Script, we have
fundamentals like:
 Arrays
 Strings
 Loops
 DOM Manipulation
 And many more…..
And in the asynchronous J.S we
have:
 Promises
 Async Await
 Callback Hell
First master the fundamentals,
then go for the advanced
topics.
After being done with all the
Languages and some of their
language libraries and more.
We have to learn the version
control system (VCS):
 Git
 GitHub
After that we will learn the
package managers:
 Yarn
 NPM(learn this first)
Then we will learn the
frameworks over the languages
you have learnt:
 React.js
 Vue.js
 Angular.js
Then make projects to test your
skills and fine-tune your
knowledge. Make creative
projects.
Learn TypeScript for better
coding of JavaScript. It would
better your knowledge of
coding.
After learning all of these,
Learn the NEXT.js and ASTRO.

Then we will learn to secure the


working of the website and the
frontend and all the other
working of the codes and to
protect it from the hackers and
other malwares or so…
Learn OWASP (Open Web
Application Security Projects)

Then learn Querying data:


 Graph-QL
 Restful APIs
 Google Lighthouse

After all of these is done


nothing, more is left, rest you
will update yourself with
different libraries and new
technologies coming to the
market.
Some of the tips and extra
knowledge for the better
efficiency for gliding through
the roadmap:
 Learn Prompt Engineering
 React Native is for
developing mobile apps.
 Using packages and
frameworks helps us to
enhance the reusability and
performance of the code.
 Byte is a next generation
frontend tooling solution that
offers fast build time.
 Also for testing use:
1. Jest (Unit testing)
2. Cypress (End-to-End
testing)

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy