Web Fundamentals

Web Fundamentals

In web fundamentals, we will be covering following topics:

1. What are states in general?
2. Working of a Browser:
   • DNS Resolution
   • Routing
   • Rendering in the browser
3. Event Loop
4. JS Runtime
   • Call Stack
   • Memory Heap
   • Browser API
   • Callback Queue
   • Event Loop
   • Micro task queue
   • Overall Execution Steps
5. Browser vs Other JS Runtime Environment
6. Browser Storage
   • Session Storage
   • Local Storage
7. IndexedDB
8. Sync vs Async Works
9. Cookies - Server side vs. client side
10. CORS
11. SSL - How HTTPS works
12. HTTP Caching

• Different Caching Strategies

12. Workers:
    • Web Worker vs Service Worker
13. PWA
14. XMLHttpRequest - API Calls
15. Web Sockets
16. Authentication
    • Token based vs Session/Cookie Based
      • In token-based, the state in maintained in the client, whereas in cookie/session based, the state is maintained in server and the server sets the HTTP cookie in the client.
    • Working of JWT in detail
17. Web Security
    • XSS
    • CSRF
    • SQL Injection
    • CSP
18. Internationalization
19. Accessibility
20. Bundling App - Webpack
21. Deployment
22. Freezing the browser
    • setInterval with 0 vs while true
23. SPA vs MPA
24. Micro Frontend
25. Performance
    • Compression
    • Optimizing images
    • Lazy Loading
    • Code Splitting
    • Async/Defer external resources
    • Prefetch / Preload / dns Prefetch
26. Web Vitals:
    • LCP
    • FID
    • CLS