Front-end — Diogo Gomes https://diogomes.github.io/frontend/index.html Trilha de front-end por nível profissional: HTML semântico, CSS, JavaScript, event loop, estado, performance, arquitetura e segurança — o que cai em entrevista e no dia a dia. pt-BR Acessibilidade web (a11y): ARIA, foco e contraste na prática https://diogomes.github.io/frontend/acessibilidade-web.html https://diogomes.github.io/frontend/acessibilidade-web.html Pleno Thu, 25 Jun 2026 00:00:00 +0000 Acessibilidade é responsabilidade do front, não opcional. ARIA na medida certa, foco por teclado, contraste e o que realmente faz diferença. HTML semântico e acessibilidade: a base que separa amador de profissional https://diogomes.github.io/frontend/html-semantico.html https://diogomes.github.io/frontend/html-semantico.html Júnior Wed, 24 Jun 2026 00:00:00 +0000 Usar a tag certa não é detalhe: é SEO, acessibilidade e manutenção. O que é HTML semântico e por que empilhar div para tudo te prejudica. CSS sem medo: box model, flexbox e grid https://diogomes.github.io/frontend/css-box-model-layout.html https://diogomes.github.io/frontend/css-box-model-layout.html Júnior Mon, 22 Jun 2026 00:00:00 +0000 Por que os elementos têm o tamanho que têm e como posicioná-los. O box model e os dois sistemas de layout que resolvem 95% dos casos. JavaScript essencial: tipos, escopo e o DOM https://diogomes.github.io/frontend/javascript-essencial.html https://diogomes.github.io/frontend/javascript-essencial.html Júnior Sat, 20 Jun 2026 00:00:00 +0000 Os fundamentos que sustentam qualquer framework: tipos e coerção, var/let/const, closures e como o JavaScript fala com a página. O event loop: como o JavaScript faz async sem travar https://diogomes.github.io/frontend/event-loop.html https://diogomes.github.io/frontend/event-loop.html Pleno Wed, 17 Jun 2026 00:00:00 +0000 Single-thread mas não-bloqueante? Call stack, Web APIs, task queue e microtasks — a pergunta de entrevista que separa pleno de júnior. Estado em front-end: props, state e quando subir o estado https://diogomes.github.io/frontend/estado-componentes.html https://diogomes.github.io/frontend/estado-componentes.html Pleno Mon, 15 Jun 2026 00:00:00 +0000 O que é estado, a diferença entre props e state, fluxo de dados unidirecional e o famoso 'lifting state up' sem decoreba. Renderização e performance: reflow, repaint e o caminho crítico https://diogomes.github.io/frontend/render-performance.html https://diogomes.github.io/frontend/render-performance.html Pleno Sat, 13 Jun 2026 00:00:00 +0000 Como o navegador transforma HTML/CSS/JS em pixels, o que é reflow vs repaint e por que seu app trava — com o que fazer a respeito. Arquitetura de front-end: componentização, design system e monorepo https://diogomes.github.io/frontend/arquitetura-frontend.html https://diogomes.github.io/frontend/arquitetura-frontend.html Sênior Wed, 10 Jun 2026 00:00:00 +0000 Como manter um front-end grande sem virar caos: componentes reutilizáveis, design system, organização de pastas e o trade-off do monorepo. Web performance: Core Web Vitals, lazy loading e bundle https://diogomes.github.io/frontend/web-performance-core-vitals.html https://diogomes.github.io/frontend/web-performance-core-vitals.html Sênior Mon, 08 Jun 2026 00:00:00 +0000 LCP, CLS, INP: as métricas que o Google mede e o usuário sente. Code splitting, lazy loading e enxugar o bundle para carregar rápido. Segurança no front-end: XSS, CSRF e CORS sem mistério https://diogomes.github.io/frontend/seguranca-frontend.html https://diogomes.github.io/frontend/seguranca-frontend.html Sênior Sat, 06 Jun 2026 00:00:00 +0000 As três siglas que todo front-end sênior precisa explicar: o que é cada ataque, como o navegador se defende e o que é responsabilidade sua.