Namaste Frontend System Design

72h 31m 50s
English
Paid
The "Namaste Frontend System Design" course covers topics such as network technologies, communication protocols, security, testing, performance optimization, databases and caching, accessibility, and much more. It is intended for developers of various experience levels and focuses on practical learning with real-world examples.

Watch Online Namaste Frontend System Design

Join premium to watch
Go to premium
# Title Duration
1 1.1 Networking - Akshay & Chirag's Experience (Networking) 34:33
2 1.2 How the Web Works 01:20:41
3 1.3 Communication Protocols 16:14
4 1.4 REST APIs 02:41:08
5 1.5 GraphQL 01:58:01
6 1.6 gRPC 01:19:18
7 2.1 Communication - Akshay & Chirag's Experience (Communication) 21:08
8 2.2 Communication Overview 09:43
9 2.3 Short Polling 19:54
10 2.4 Long Polling 20:01
11 2.5 Web Sockets 33:38
12 2.6 Server Side Events 22:22
13 2.7 WebHooks 15:12
14 3.1 Security - Akshay & Chirag's Experience (Security) 24:55
15 3.2 Security Overview 13:00
16 3.3 Cross-site Scripting (XSS) 01:03:27
17 3.4 iFrame Protection 37:59
18 3.5 Security Headers 26:07
19 3.6 Client-side Security 17:39
20 3.7 Secure Communication (HTTPs) 08:41
21 3.8 Dependency Security 14:25
22 3.9 Compilance and Regulation 20:33
23 3.10 Input Validation and Sanitization 11:26
24 3.11 Server-Side Request Forgery (SSRF) 12:56
25 3.12 Server-Side Javascript Injection (SSJI) 13:06
26 3.13 Feature Policy - Permissions-Policy 18:31
27 3.14 Subresource Integrity (SRI) 14:40
28 3.15 Cross-Origin Resource Sharing (CORS) 30:13
29 3.16 Cross-Site Request Forgery (CSRF) 40:40
30 4.1 Testing - Akshay & Chirag's Experience (Testing) 34:01
31 4.2 Testing Overview 38:41
32 4.3 Unit and Integration Testing 49:04
33 4.4 E2E and Automation Testing 56:27
34 4.5 A-B Testing 31:15
35 4.6 Performance Testing 33:16
36 4.7 Test-Driven Development Overview 52:35
37 4.8 Security Testing 40:12
38 4.9 Bonus Namaste React - Time for Test (4 hours).... 04:08:33
39 5.1 Performance Overview 13:47
40 5.2 Performance Importance 27:30
41 5.3 Performance Monitoring 40:19
42 5.4 Performance Tools 39:58
43 5.5 Network Optimization 01:52:36
44 5.6 Rendering Pattern 01:24:01
45 5.7 Build Optimization 58:48
46 6.1 Database & Caching - Akshay & Chirag's Experience (Database and Caching) 27:59
47 6.2 Database and Caching Overview 10:41
48 6.3 Local Storage 18:53
49 6.4 Session Storage 16:59
50 6.5 Cookie Storage 25:18
51 6.6 Indexed DB 19:42
52 6.7 Normalization 24:43
53 6.8 HTTP Caching 25:52
54 6.9 Service Working Caching 14:25
55 6.10 API Caching 14:25
56 6.11 State Management 20:10
57 7.1 Logging And Monitoring - Akshay & Chirag's Experience (Logging and Monitoring) 32:32
58 7.2 Logging and Monitoring Overview 05:25
59 7.3 Telemetry 50:41
60 7.4 Alerting 14:59
61 7.5 Fixing 15:32
62 8.1 Accessibility Overview 07:01
63 8.2 Keyboard Accessibility 27:52
64 8.3 Screen Reader 54:53
65 8.4 Focus Management 30:09
66 8.5 Color Contrast 15:57
67 8.6 Accessibility Tools 18:35
68 8.7 How to fixaccessibility 26:57
69 9.1 Service Workers 01:23:47
70 9.2 Progressive Web Applications (PWAs) 01:12:22
71 10.1 Component Design (Low Level Design) 55:57
72 10.2 Config driven UI 40:43
73 10.3 Shimmer UI 43:00
74 10.4 Routing and Protected Routes 01:04:00
75 10.5 State Management + Libraries 46:57
76 10.6 Multi Language Support 28:25
77 10.7 Infinite Scroll 36:58
78 10.8 Accordion 46:13
79 10.9 Reddit Nested Comments 44:49
80 10.10 Image Slider 39:30
81 10.11 Pagination Part 1 01:14:54
82 10.12 Pagination Part 2 01:17:07
83 10.13 Real-Time Updates 41:57
84 10.14 YouTube Live Stream Chat UI 01:30:45
85 10.15 Autocomplete and Search Bar 01:08:38
86 11.1 HLD Overview (High Level Design) 38:27
87 11.2 HLD - Photo Sharing App (Instagram) 01:36:31
88 11.3 HLD - E-commerce App (Amazon , Flipkart) 01:39:58
89 11.4 HLD - News Media Feed (Facebook, Twitter) 01:24:11
90 11.5 HLD - Video Streaming (Netflix) 01:39:42
91 11.6 HLD - Music Streaming (Spotify) 01:03:37
92 11.7 HLD - Live Commentary (CricInfo, Crickbuzz) 44:04
93 11.8 HLD - Email Client 37:45
94 11.9 HLD - Diagram Tools (Excalidraw) 57:10
95 11.10 HLD - Analytics Dashboard (Google Analytics) 48:35
96 12.1 Bonus - Salary Negotiation Masterclass (Bonus Masterclass) 01:12:10
97 12.2 Bonus - Resume Masterclass 01:05:19
98 12.3 Bonus - Personal Branding Masterclass 41:14
99 12.4 Bonus - LinkedIn Masterclass 01:06:11

Read Book Namaste Frontend System Design

#Title
11.0 Important guidelines (Networking)
213.1 Security Interview Questions (Bonus Interview Questions)
313.2 Communication Protocol Interview Questions
413.3 Database Caching Interview Questions
513.4 Logging Monitoring Interview Questions
613.5 Networking Interview Questions
714.1 Component Design Notes (Lecture Notes)
814.2 Shimmer UI Notes
914.3 Config Driven UI Notes
1014.4 State Management Notes
1114.5 Cross site scripting (XSS) Notes
1214.6 iFrame Protection Notes
1314.7 Security Headers Notes
1414.8 Client Side Security Notes
1514.9 Secure Communication (HTTPs) Notes
1614.10 Dependency security Notes
1714.11 Compliance and Regulation Notes
1814.12 Input Validation and Sanitization
1914.13 Server side Request Forgery (SSRF) Notes
2014.14 Server Side JavaScript Injection (SSJI) Notes
2114.15 Feature Policy Permission Policy Notes
2214.16 Subresource Integrity (SRI) Notes
2314.17 Cross Origin Resource Sharing (CORS) Notes
2414.18 Cross Site Request Forgery (CSRF) Notes
2514.19 Local Storage Notes
2614.20 Session Storage Notes
2714.21 Cookie Storage Notes
2814.22 Indexed DB Notes
2914.23 Normalisation Notes
3014.24 HTTP Caching Notes
3114.25 Service Worker Caching Notes
3214.26 API Caching Notes
3314.27 State Management Notes

Similar courses to Namaste Frontend System Design

Mocking Techniques in Vitest

Mocking Techniques in VitestArtem Zakharchenko

Category: Other (Frontend)
Duration 1 hour 30 minutes 36 seconds
Building Full-Stack Apps with AI

Building Full-Stack Apps with AIMckay Wrigley (takeoff)

Category: Other (Backend), Other (Frontend)
Duration 8 hours 3 minutes 16 seconds
Frontend architecture and patterns bootcamp

Frontend architecture and patterns bootcampudemy

Category: Other (Frontend)
Duration 4 hours 21 minutes 43 seconds
 Code With Antonio Workshops

Code With Antonio WorkshopsCode With Antonio

Category: Other (Frontend)
Duration 17 hours 3 minutes 7 seconds
Advanced FrontEnds

Advanced FrontEndsGary Simon

Category: Three.js, Other (Frontend)
Duration 8 hours 58 minutes 38 seconds
Framer Motion Recipes

Framer Motion RecipesBuild UI

Category: Other (Frontend)
Duration 3 hours 8 minutes 18 seconds
The Complete Junior to Senior Web Developer Roadmap (2023)

The Complete Junior to Senior Web Developer Roadmap (2023)udemy

Category: Other (Frontend)
Duration 37 hours 7 minutes 57 seconds
SVG Animation with GreenSock

SVG Animation with GreenSockCarl (Creative Coding Club)

Category: Other (Frontend)
Duration 12 hours 34 minutes 48 seconds