💻 Exemplos Práticos de Código Svelte — Especialização Frontend com Svelte 5

Svelte 5 & SvelteKit • 20 Capítulos Canônicos no Padrão Ouro

---

🧱 Bloco 1: Fundamentos do Svelte 5, Compilação e Runes

• 💻 Capítulo 01: O Compilador Svelte, Vite e Anatomia do Componente
• 💻 Capítulo 02: Reatividade Moderna no Svelte 5 com Runes ($state, $derived)
• 💻 Capítulo 03: Sintaxe de Template, Blocos Lógicos e Eventos
• 💻 Capítulo 04: Formulários e Two-Way Data Binding

🧱 Bloco 2: Componentes, Ciclo de Vida, Efeitos e Animações

• 💻 Capítulo 05: Comunicação entre Componentes: Props, $bindable e Snippets
• 💻 Capítulo 06: Efeitos Colaterais, Reação e Ciclo de Vida
• 💻 Capítulo 07: Estilização com Scoped CSS, Seletores Globais e Tailwind
• 💻 Capítulo 08: Transições, Animações Nativas e Motion

🧱 Bloco 3: Estado Global, Composição e Qualidade de Código

• 💻 Capítulo 09: Gerenciamento de Estado Global: Runes em Módulos vs Stores
• 💻 Capítulo 10: Context API e Injeção de Dependências
• 💻 Capítulo 11: Consumo de APIs REST, Fetch Tipado e Schemas Zod
• 💻 Capítulo 12: Testes Automatizados com Vitest e Playwright

🧱 Bloco 4: SvelteKit 2, Roteamento, Carregamento e Full-Stack

• 💻 Capítulo 13: Fundamentos do SvelteKit 2 e Roteamento por Arquivos
• 💻 Capítulo 14: Carregamento de Dados com Funções Load
• 💻 Capítulo 15: Form Actions, Envio de Formulários e Aprimoramento Progressivo
• 💻 Capítulo 16: Estratégias de Renderização: SSR, SSG e Endpoints de API

🧱 Bloco 5: Performance, Acessibilidade, Segurança e Projeto Integrador

• 💻 Capítulo 17: Otimização de Performance e Core Web Vitals
• 💻 Capítulo 18: Acessibilidade (a11y) Nativas e SEO Dinâmico
• 💻 Capítulo 19: Segurança, Autenticação e Sessões no SvelteKit
• 💻 Capítulo 20: Projeto Integrador: Dashboard Corporativo com SvelteKit

---

⬅️ Voltar à Especialização

🏠 Início do Portal