Frontend Developer

☐ HTML (Semantic) · Required · 4 hrs

Semantic tags, forms, tables, accessibility attributes. Good HTML is the foundation browsers, search engines, and screen readers build on.

• What is HTML? How the Web Actually Works (HTML & CSS): https://chaduvuko.com/learn/html-css/what-is-html-how-the-web-works
• Document Structure — DOCTYPE, html, head, body (HTML & CSS): https://chaduvuko.com/learn/html-css/document-structure
• Text Elements & Semantic Structure (HTML & CSS): https://chaduvuko.com/learn/html-css/text-semantic-structure
• Semantic HTML & Accessibility Basics (HTML & CSS): https://chaduvuko.com/learn/html-css/semantic-html-accessibility-basics

☐ CSS & Responsive · Required · 6 hrs

Flexbox, Grid, media queries, CSS variables, animations. Every pixel you see is CSS.

• What is CSS? Syntax, Selectors & the Cascade (HTML & CSS): https://chaduvuko.com/learn/html-css/what-is-css-syntax-selectors-cascade
• Flexbox — The Complete Guide (HTML & CSS): https://chaduvuko.com/learn/html-css/flexbox-complete-guide
• CSS Grid — The Complete Guide (HTML & CSS): https://chaduvuko.com/learn/html-css/css-grid-complete-guide
• Responsive Design & Media Queries (HTML & CSS): https://chaduvuko.com/learn/html-css/responsive-design-media-queries

☐ JavaScript (ES6+) · Required · 10 hrs

DOM manipulation, closures, promises, async/await, fetch API, event handling. The engine behind every web interaction.

☐ Git & GitHub · Required · 2 hrs

Commits, branches, PRs. All frontend work lives in Git.

• Git and Version Control for Data Projects (Data Engineering): https://chaduvuko.com/learn/data-engineering/git-for-data

☐ TypeScript · Required · 5 hrs

Types, interfaces, generics, strict mode, utility types. TypeScript is now the default at every serious React project.

☐ React · Required · 12 hrs

Hooks, component design, React Router, forms (react-hook-form), Context. The UI library at 80% of top product companies.

☐ State Management · Required · 5 hrs

Zustand or Redux Toolkit, React Query for server state, optimistic updates. Required once apps grow beyond basic CRUD.

☐ CSS-in-JS / Tailwind · Recommended · 3 hrs

Tailwind CSS or styled-components. Most modern startups use one of these for scalable, consistent styling.

• CSS Architecture & Naming Conventions (HTML & CSS): https://chaduvuko.com/learn/html-css/css-architecture-naming
• Intro to Sass — Variables, Nesting, Mixins (HTML & CSS): https://chaduvuko.com/learn/html-css/intro-to-sass
• CSS Custom Properties (Variables) (HTML & CSS): https://chaduvuko.com/learn/html-css/css-custom-properties

☐ Testing · Required · 5 hrs

Vitest, React Testing Library, Playwright E2E. Tests catch regressions before users do.

☐ Performance · Required · 5 hrs

Core Web Vitals, lazy loading, code splitting, memoization (useMemo/useCallback), bundle analysis. Performance is a feature.

☐ Accessibility (a11y) · Recommended · 4 hrs

ARIA roles, keyboard navigation, screen reader testing, colour contrast. Increasingly required at MNCs and global-facing products.

• Semantic HTML & Accessibility Basics (HTML & CSS): https://chaduvuko.com/learn/html-css/semantic-html-accessibility-basics
• CSS Accessibility Best Practices (HTML & CSS): https://chaduvuko.com/learn/html-css/css-accessibility-best-practices

☐ Browser & Web APIs · Optional · 4 hrs

WebSockets, LocalStorage, IndexedDB, Service Workers, Intersection Observer. Powers real-time features and offline capability.

• HTML5 APIs Overview (HTML & CSS): https://chaduvuko.com/learn/html-css/html5-apis-overview

☐ Next.js · Required · 6 hrs

App Router, SSR/SSG, API routes, image optimisation. The standard React meta-framework at modern startups.

☐ CI/CD & Deploy · Required · 3 hrs

Vercel / Netlify deploys, GitHub Actions, environment variables, preview deployments. Ship with confidence.