Topics for Frontend

• How web works?
• Protocols (http, https)
• Rest API
• GraphQL
• Rendering of web page (DOM, CSSOM, paint, Render tree, Layout)
• http2, http3, tcp, udp, smtp, ftp
• Contribute in rest API(header, status code,methods)
• Query/Mutation,dataloader, batching
• gRPC
• RealTime Data(Short polling,webscokets)
•*Long polling,Server sent event, webhooks
Input/Output Sanitization
• XSS
• CSRF
• Https
• CORS
• Auth
Security Headers
• SSRF
• SRI
Permissions Policy
Compliance
Dependency Security
• Why performance is important?
• Performance metrics?
• React Optimization
• Performance monitoring
• Build optimization
• Network optimization
• Asset optimization Performance tools.
Rendering Patterns (CSR, SSR, SSG, RSC)
Caching/Database
• Local Storage
Cookie
Normalization
• State Management
• Session Storage
IndexedDB
Http Caching
• Service Worker
• API caching
• Unit Testing
• Test driven development (TDD)
• Component Testing
• E2E testing
• A/B testing
. Basic of Service worker
• Service worker
• Blob
• PWA
• IndexedDB
Accessbility
Keyboard accessbility
screen recorder
color contracts
Logging and Monitoring

1. Telemetry
2. Tools
3. Alerting
4. Fixing

LLD For Early Engineer
• State management
• Routing
• Solid principle Autocomplete
• TicTacToe
• Todo App Pagination
• Carousal
HLD for Senior Engineer
• Facebook Feeds
• Diagram Tools
• Live Commentary
• Photo Sharing
• Video Streaming
• Google Doc