1. 1. Deliver at Senior Level
1.1. Frontend
1.1.1. Fundamentals
1.1.1.1. DOM (Document Object Model)
1.1.1.1.1. DOM Manipulation
1.1.1.1.2. Event Handling
1.1.1.1.3. Accessibility
1.1.1.1.4. CSS (Styling)
1.1.1.1.5. DOM APIs
1.1.1.2. Javascript
1.1.1.2.1. Scope & Variables
1.1.1.2.2. Programming Paradigms
1.1.1.2.3. Async Programming
1.1.1.2.4. Module System
1.1.1.3. Testing
1.1.1.3.1. Test Coverage
1.1.1.3.2. Testing Pyramid
1.1.1.3.3. AAA Pattern
1.1.2. Component Frameworks
1.1.2.1. React
1.1.2.1.1. State
1.1.2.1.2. Component Lifecycle
1.1.2.1.3. Performance
1.1.2.1.4. SSR (Server-Side Rendering)
1.1.2.1.5. Styling in React
1.1.2.1.6. Tooling & Debugging
1.1.2.1.7. Design Patterns
1.1.2.2. Vue
1.1.2.3. Angular
1.1.2.4. Others (Astro, Svelte, Solid, etc)
1.1.3. Frontend Tooling
1.1.3.1. Build Tools
1.1.3.1.1. Webpack
1.1.3.2. Code Quality
1.1.3.2.1. Pretier
1.1.3.2.2. EsLint
1.1.3.2.3. Typescript
1.1.3.3. Debugging Tools
1.1.3.3.1. Browser Devtools
1.1.3.3.2. IDE debuggers
1.1.3.3.3. State management library tools (redux, react query)
1.1.4. Web Performance
1.1.4.1. Critical Rendering Path
1.1.4.1.1. Blocking vs Non Blocking
1.1.4.2. Diagnosis
1.1.4.2.1. Metrics (Core Web Vitals)
1.1.4.2.2. Tooling
1.1.4.3. Optimization
1.1.4.3.1. Image Optimization
1.1.4.3.2. CSS Optimization
1.1.4.3.3. Javascript Optimization
1.1.4.3.4. Others
1.2. Backend (for Fe devs)
1.2.1. REST API Design
1.2.2. HTTP(S)
1.2.2.1. Fundamentals
1.2.2.1.1. TLS
1.2.2.2. Content Negotiation
1.2.3. Authentication
1.2.3.1. 0Auth
1.3. CI/CD
1.3.1. Build Pipeline
1.3.1.1. Bundling
1.3.1.2. Code Quality
1.3.2. Deployment
1.3.2.1. Static Deployment
1.3.2.1.1. S3
1.3.2.2. Virtual Server(SSR)
1.3.2.2.1. EC2
1.3.2.2.2. Lambda
1.3.2.2.3. Amplify
1.3.2.3. CDN
1.3.2.3.1. CloudFare
1.3.2.3.2. CloudFront(AWS)
1.4. Frontend Architecture
1.4.1. Backend for Frontend Pattern
1.4.2. Microfrontends
1.4.2.1. Webpack Module Fereration
1.4.2.2. Single SPA
1.4.3. Monorepos
1.4.3.1. Turborepo
1.4.3.2. Lerna