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