| Front end coding |
|
greatfrontend |
| HTML |
Semantic tags, forms, accessibility, HTML5 features |
MDN HTML, greatfrontend html-interview-questions, bigfrontend |
| CSS |
Selectors, specificity, Flexbox, Grid, responsive design, animations, variables |
MDN CSS, Flexbox Froggy, Grid Garden,css-interview-question,bigfrontend |
| JavaScript Basics |
Variables, functions, scope, closures, DOM, events |
MDN JS, JavaScript.info,javascript-interview-questions,bigfrontend |
| JavaScript Advanced |
Async/await, Promises, event loop, hoisting, prototypes |
JavaScript.info, Exercism JS |
| TypeScript |
Types, interfaces, enums, generics, TS with React |
TypeScript Handbook, Learn TypeScript |
| React Basics |
JSX, components, props, state, hooks (useState, useEffect) |
React Docs, Scrimba React |
| React Advanced |
Context API, refs, memo, lazy loading, error boundaries |
React Docs |
| Next.js |
Pages & routing, SSR/SSG/ISR, API routes |
Next.js Docs, Next.js Learn |
| React Native |
Components, styling, navigation |
React Native Docs, React Native Express |
| Testing |
Unit, integration, E2E; Jest, React Testing Library, Cypress |
Jest Docs, React Testing Library, Cypress Docs |
| Performance |
Lazy loading, code splitting, caching, rendering optimization |
Web.dev Performance, Lighthouse |
| Security |
XSS, CSRF, CORS, HTTPS, JWT auth |
OWASP Top Ten, MDN Security |
| Networking & APIs |
REST vs GraphQL, HTTP methods, status codes, WebSockets |
MDN HTTP, GraphQL Learn, WebSockets MDN |
| System Design (Frontend) |
Component architecture, state management, SSR vs CSR, CDNs |
Frontend Masters – Frontend Handbook, YouTube Frontend System Design |
| Advanced / Misc |
PWA, Service Workers, Webpack/Vite, Browser internals |
Web.dev PWA, MDN Browser Internals |