Frontend Engineer

Topics Covered:

• Understanding how the web works (HTTP, browsers, DNS)
• Semantic HTML and accessibility basics
• CSS fundamentals: selectors, box model, layout basics

Topics Covered:

• Flexbox & CSS Grid layout
• Responsive design with media queries
• Preprocessors: Sass or LESS
• Utility CSS: Tailwind CSS or Bootstrap
• Design tokens and theming

Topics Covered:

• ES6+ features (let, const, arrow functions, destructuring)
• Modules and bundlers (Webpack, Vite)
• Async JavaScript: callbacks, promises, async/await
• TypeScript basics and type safety

Topics Covered:

• Choose a primary framework (e.g. React, Vue.js, or Angular)
• Component architecture and lifecycle
• Routing and navigation
• State management: Redux / Zustand / Vuex / Pinia
• Form handling and validation

Topics Covered:

• Unit testing with Jest or Mocha
• Component testing and integration testing
• E2E testing with Cypress or Playwright
• Accessibility testing tools

Topics Covered:

• Service Workers and caching strategies
• Offline-first functionality
• Web App Manifest and installability
• Performance optimization and Lighthouse scores

Topics Covered:

• Web Components & Custom Elements
• Animations (CSS, Framer Motion)
• Design systems & component libraries
• Responsive grid systems and accessibility

Topics Covered:

• Performance profiling
• Bundle analysis and code splitting
• CI/CD basics for frontend apps
• Deploy using Vercel, Netlify, or similar

Topics Covered:

• Micro-frontends architecture
• Jamstack with static site generators (Next.js, Nuxt)
• Server‑Side Rendering (SSR) vs Static Generation (SSG)
• API integrations & headless CMS usage

Topics Covered: