Namaste Frontend System Design 🚀

Security

• XSS
• CSRF
• IFrame Protection
• Security Headers
• Client-Storage Security
• Secure Communication (HTTPS)
• Dependency Security
• Compliance and Regulations
• Input Validation and Sanitization
• Server-Side Request Forgery (SSRF)
• Server-side JavaScript Injection (SSJI)
• Feature Policy | Permissions-Policy
• Subresource Integrity (SRI)
• Cross-Origin Resource Sharing (CORS)

Testing

• Unit Testing & Integration Testing
  • Component Testing
  • Jest & JS DOM
  • Testing Library / React Testing Library
• Automation Testing
  • e2e Test cases
  • Tools - Puppeteer , Cypress, Selenium
• A/B Testing
  • Split Testing / Bucket Testing
• Performance Testing
  • Lighthouse
• Test Driven Development
  • Red - Green - Refactor

Accessibility

• Overview
• What & Why?
• Screen Readers
• Focus Management
• Contrast Theme & 400% Zoom
• Tooling
• Labs With Examples

Performance

• Rendering Patterns

HLD

• Photo Sharing (Instagram)
• E-commerce Marketplace