Frontend developer roadmap and topics are listed in order of their level from top to bottom below
Frontend developer roadmap and topics. You can select any one framework/library from React, angular and vue.js. All the resources listed below are available for free on internet and are selected on the basis of their approval rating*.
Click on any link to go to the source these are the best resource present currently on the internet.
click here for remote frontend jobs
HTML
CSS
JAVASCRIPT
VERSION CONTROL
PACKAGE MANAER
REACT
ANGULAR
VUE.JS
TYPESCRIPT
SYSTEM DESIGN
WEB SECURITY
ADDITIONAL TOPICS
HTML
Reading resource
Video resource
Revision( crash course)
Interactive playground
Online Communities
Best practices
CSS
Reading resource
Video resource
Revision( crash course)
Interactive playground
Online Communities
Best practices
JAVASCRIPT
Reading resource
Video resource
- Traversy Media(2023)
- John smilga(old)
- SuperSimpleDev(2023)
- Dave Gray – Advance concept in depth(search for advance javascript concept in playlist)
Project-based learning
Revision( crash course)
Interactive playground
Online Communities
Best practices
VERSION CONTROL
Reading resource
Video resource
Git cheat sheet
Interactive playground
Online Communities
Best practices
PACKAGE MANAER
Reading resource
Video resource
npm/yarn cheat sheet
Interactive playground
Online Communities
REACT
Reading resource
- React official
- Bob ziroll
- Code academy
- Dzone.com – Advance concept
Video resource
- Freecodecamp
- Clever programmer
- Nerd’s lesson
- Codedamn – Advance concept of react
Project-based learning
Revision( crash course)
Interactive playground
Online Communities
Best practices
ANGULAR
Reading resource
- Angular docs
- Dot net tutorial/angular
- W3schools
- eWorker – Advance concept
Video resource
Project-based learning
Interactive playground
Online Communities
Best practices
VUE.JS
Reading resource
- Vue official
- Vuemastery
- MDN doocs
- envatoTuts+ – Advance concept
Video resource
Project-based learning
Revision( crash course)
Interactive playground
Online Communities
Best practices
TYPESCRIPT
Reading resource
Video resource
- Freecodecamp
- Dave Gray – Advance concept
Project-based learning
Revision( crash course)
Interactive playground
Online Communities
Best practices
SYSTEM DESIGN
Reading resource
Video resource
Interview preparation
WEB SECURITY
Reading resource
Video resource
Online Communities
ADDITIONAL TOPICS