Frontend
Internet
How does the Internet work?
What is HTTP?
Browsers and how they work?
DNS and how it works?
What is Domain Name?
What is hosting?
HTML
Learn the Basics
Writing Semantic HTML
HTML Forms and Validations
Accessibility (ARIA)
SEO Basics
CSS
Learn the Basics
Making Layouts (Display, Position, Box Model, Flexbox, Grid)
Responsive Design
CSS Architecture (BEM, OOCSS)
Preprocessor (Sass, Less, Stylus)
Frameworks (Bootstrap, TailwindCSS, Bulma)
Modern CSS (CSS Variables, CSS-in-JS)
Animation and Transitions
JavaScript
Learn the Basics
DOM Manipulation
Fetch API / AJAX (XHR)
Learn Design Patterns
ES6+ and Modular JavaScript
Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM
Version Control Systems
Git
Web Security Knowledge
HTTPS
CORS
Content Security Policy (CSP)
OWASP Security Risks
Package Managers
npm
yarn
pnpm
Build Tools
Task Runners (npm scripts, Gulp)
Module Bundlers (Webpack, Rollup, Parcel, Vite)
Pick a Framework
React
Angular
Vue
Modern CSS
Styled Components
CSS Modules
TailwindCSS
CSS in JS
Web Components
CSS Frameworks
Bootstrap
TailwindCSS
Bulma
Testing
Jest
Mocha
Jasmine
Cypress
Playwright
React Testing Library
Typescript
Server Side Rendering (SSR)
Next.js (React)
Nuxt.js (Vue)
Angular Universal (Angular)
GraphQL
Static Site Generators
Gatsby (React)
VuePress (Vue)
Jekyll
Hugo
Mobile Applications
React Native
Flutter
Desktop Applications
Electron