[Namastedev] Namaste Frontend System Design [2024, ENG]

Содержание

1 Networking – Akshay & Chirag’s Experience (Networking)
2 How the Web Works
3 Communication Protocols
4 REST APIs
5 GraphQL
6 gRPC
7 Communication – Akshay & Chirag’s Experience (Communication)
8 Communication Overview
9 Short Polling
10 Long Polling
11 Web Sockets
12 Server Side Events
13 WebHooks
14 Security – Akshay & Chirag’s Experience (Security)
15 Security Overview
16 Cross-site Scripting (XSS)
17 iFrame Protection
18 Security Headers
19 Client-side Security
20 Secure Communication (HTTPs)
21 Dependency Security
22 Compilance and Regulation
23 Input Validation and Sanitization
24 Server-Side Request Forgery (SSRF)
25 Server-Side Javascript Injection (SSJI)
26 Feature Policy – Permissions-Policy
27 Subresource Integrity (SRI)
28 Cross-Origin Resource Sharing (CORS)
29 Cross-Site Request Forgery (CSRF)
30 Testing – Akshay & Chirag’s Experience (Testing)
31 Testing Overview
32 Unit and Integration Testing
33 E2E and Automation Testing
34 A-B Testing
35 Performance Testing
36 Test-Driven Development Overview
37 Security Testing
38 Bonus Namaste React – Time for Test (4 hours)….
39 Performance Overview
40 Performance Importance
41 Performance Monitoring
42 Performance Tools
43 Network Optimization
44 Rendering Pattern
45 Build Optimization
46 Database & Caching – Akshay & Chirag’s Experience (Database and Caching)
47 Database and Caching Overview
48 Local Storage
49 Session Storage
50 Cookie Storage
51 Indexed DB
52 Normalization
53 HTTP Caching
54 Service Working Caching
55 API Caching
56 State Management
57 Logging And Monitoring – Akshay & Chirag’s Experience (Logging and Monitoring)
58 Logging and Monitoring Overview
59 Telemetry
60 Alerting
61 Fixing
62 Accessibility Overview
63 Keyboard Accessibility
64 Screen Reader
65 Focus Management
66 Color Contrast
67 Accessibility Tools
68 How to fixaccessibility
69 Service Workers
70 Progressive Web Applications (PWAs)
71 Component Design (Low Level Design)
72 Config driven UI
73 Shimmer UI
74 Routing and Protected Routes
75 State Management + Libraries
76 Multi Language Support
77 Infinite Scroll
78 Accordion
79 Reddit Nested Comments
80 Image Slider
81 Pagination Part 1
82 Pagination Part 2
83 Real-Time Updates
84 YouTube Live Stream Chat UI
85 Autocomplete and Search Bar
86 HLD Overview (High Level Design)
87 HLD – Photo Sharing App (Instagram)
88 HLD – E-commerce App (Amazon , Flipkart)
89 HLD – News Media Feed (Facebook, Twitter)
90 HLD – Video Streaming (Netflix)
91 HLD – Music Streaming (Spotify)
92 HLD – Live Commentary (CricInfo, Crickbuzz)
93 HLD – Email Client
94 HLD – Diagram Tools (Excalidraw)
95 HLD – Analytics Dashboard (Google Analytics)
96 Bonus – Salary Negotiation Masterclass (Bonus Masterclass)
97 Bonus – Resume Masterclass
98 Bonus – Personal Branding Masterclass
99 Bonus – LinkedIn Masterclass

Скриншоты