Homepage Roadmaps Front-End Developer Roadmap
Close subtitles

Front-End Developer Roadmap

1
Internet
What is a browser and how does it work?
What is the domain name?
What is hosting?
How does the internet work?
What is DNS and how does it work?
What is http?
2
HTML
Learn basic HTML knowledge
Accessibility
Forms and validations
Understand the basics of SEO
Semantic HTML
JavaScript
Learn the basics of JavaScript
Fetch API
DOM manipulation
CSS
Learn the basic CSS knowledge
Responsive Web Design
Layout
3
Version Control Systems
What are version control systems?
Basic Git usage
Github
Gitlab
Bitbucket
4
Web Security
HTTPS
CORS
SSL/TLS
Content Security Policy
OWASP Security Risks
HASH Algorithms
5
Package Management Systems
npm
Yarn
6
CSS Preprocessors
Sass
PostCSS
CSS Architecture
GOOD
7
Tools
Task Runners
Linters formatters
Module Packagers
8
Choose Framework
ReactJS
Angular
VueJS
9
Modern CSS
Styled components
Emotion
CSS modules
Styled JSX
10
Web Components
HTML Templates
Shadow DOM
Special elements
11
CSS Frameworks
Reactstrap
Material UI
Chakra UI
Tailwind CSS
Bootstrap
Materialize
12
Application Tests
Is
React test library
Cypress
Enzyme
13
Type Checkers
TypeScript
Flow
14
Progressive Web Apps
PRPL Pattern
RAIL Model
Performance metrics
Lighthouse
DevTools
15
Server Side Rendering
What is Server Side Rendering?
16
GraphQL
Apollo
Relay Modern
17
Static Website Builders
Next.js
Nuxt.js
Jekyll
GatsbyJS
Vuepress
Hugo
18
Mobile Applications
React Native
Flutter
Nativescript
Ionic
Desktop Applications
Electron
Tauri
19
Learn About Web Assembly
Web Assembly
Learn About IDL
IDL
Learn About UI / UX
UI / UX
Close Subtitles
roadmap shape ikon

Easily get your dream job!

Sign Up
Free to Use