Frontend & UI/UX

Arquitetura multi-processo do browser, Critical Rendering Path, parsing, layout, paint, compositing e métricas de performance

Aprenda a usar HTML semântico e técnicas de acessibilidade essenciais para construir interfaces robustas

Box model, Flexbox, Grid, especificidade, cascade layers, custom properties, container queries, has() selector e técnicas modernas de layout e estilização

Closures e execution context, prototype chain, herança prototipal, o operador this, class internals, WeakRef e FinalizationRegistry — os fundamentos internos do JavaScript

DOM traversal, manipulação de elementos, event bubbling e capturing, event delegation, IntersectionObserver, MutationObserver e ResizeObserver — a interface programática do navegador

Entenda o event loop, Promises, async/await, e padrões avançados de programação assíncrona

Domine TypeScript: interfaces, generics, utility types e discriminated unions

Virtual DOM, React Fiber, reconciliation, hooks internamente, concurrent features, Server Components e o React Compiler

Domine useState, useReducer, Context, state management externo e estratégias avançadas de gerenciamento de estado

App Router, Server Components, SSR, SSG, ISR, API Routes, middleware, caching, deploy e as decisões arquiteturais para aplicações React em produção

Vitest, Testing Library, testes de componente, mocking, testes de integração, E2E com Playwright e estratégias para frontends testáveis

Webpack, Vite, esbuild, Rollup e Turbopack: module bundling, code splitting, tree shaking, hot module replacement e o ecossistema moderno de build

Core Web Vitals e otimizações práticas para frontend performático

:has(), Container Queries, Cascade Layers, CSS Nesting, scroll-driven animations, anchor positioning, View Transitions API, subgrid, @scope e comparação com Tailwind

React Compiler (auto-memoization), Rules of React, Server Components (mental model, serialization boundary), Server Actions, Streaming SSR, Suspense, caching e patterns de composição RSC

Custom Elements, Shadow DOM, HTML Templates, Lit, interop com React, micro-frontends (Module Federation, single-spa), composition patterns e design systems framework-agnostic

WCAG 2.2 Level AA (princípios POUR), European Accessibility Act, ARIA em profundidade, keyboard navigation, screen readers, testing automatizado (axe-core), component patterns WAI-ARIA e compliance checklist