Pular para conteúdo

Frontend com Svelte ⚡

"Svelte não usa um framework em tempo de execução — ele desaparece no build, deixando só código puro e rápido." — Provérbio Dev

🧭 Atalhos Rápidos

  • Aulas --- 16 aulas completas organizadas em 4 módulos práticos. Ver Trilha

  • Slides --- Slides interativos em Reveal.js para acompanhar cada aula. Acessar Slides

  • Quizzes --- Teste seus conhecimentos com quizzes interativos. Fazer Quizzes

  • Projetos --- Projetos práticos para construir seu portfólio. Ver Projetos

  • Exercícios --- Pratique com exercícios focados em código real. Praticar Agora

  • Setups --- Guias de instalação e configuração do ambiente Svelte. Configurar Ambiente

🗺️ Mapa da Jornada

O curso está estruturado para levar você do zero à construção de interfaces ultrarrápidas com Svelte:

  • Módulo 1 – Fundamentos: Desenvolvimento frontend moderno, introdução ao Svelte, estrutura de projeto e sintaxe básica, reatividade.
  • Módulo 2 – Componentes: Componentização, loops e condicionais, eventos e formulários, estilização e escopo de CSS.
  • Módulo 3 – Estado e API: Roteamento SPA na prática, stores e gerenciamento de estado, consumo de API REST, CRUD completo com API.
  • Módulo 4 – Produção: Ciclo de vida e performance, boas práticas e arquitetura frontend, build/deploy/produção, e o projeto final.

💡 Dicas de Sucesso

  1. Entenda a reatividade do Svelte: $: e as atribuições reativas funcionam diferente de outros frameworks — pratique até internalizar.
  2. Menos é mais: Svelte compila para JS puro, então evite dependências pesadas que anulam essa vantagem de performance.
  3. Explore as stores cedo: elas resolvem gerenciamento de estado de forma muito mais simples que em outros ecossistemas.

Pronto para começar? Ir para Aula 01