Construa Interfaces Reais com Svelte e SvelteKit
Svelte adota uma abordagem fundamentalmente diferente de React e Vue — em vez de enviar um runtime para o navegador, ele compila seus componentes para JavaScript vanilla altamente eficiente no tempo de compilação. O resultado são bundles menores, tempos de carregamento mais rápidos e menos boilerplate. SvelteKit, o framework oficial de aplicação, adiciona roteamento baseado em arquivos, renderização no servidor, form actions e adaptadores de deployment para que você possa lançar aplicações de nível de produção em qualquer plataforma. Este track cobre ambos, do primeiro componente através da arquitetura full-stack.
O Que Você Aprenderá
Você começará com o modelo de componentes do Svelte — props, sintaxe de template, condicionais, loops e two-way binding — depois entrará no sistema de reatividade, funções de ciclo de vida e os primitivos de store: writable, readable, derived e custom stores. No lado da UI você trabalhará com slots, Context API, CSS transitions, animations e Svelte Motion. Os capítulos do SvelteKit cobrem roteamento, carregamento de dados, SSR e prerendering, form actions, rotas de API, hooks, tratamento de erros, layouts avançados, padrões de autenticação e adaptadores de deployment. O track também cobre o sistema de runes do Svelte 5, testes com testes unitários e Playwright E2E, integração de bibliotecas de terceiros e práticas de segurança do SvelteKit.
O Caminho de Aprendizado
Quarenta e um cursos progridem de A1 até C1. Os primeiros sete cursos estabelecem os fundamentos: componentes, props, eventos e sintaxe de template. B1 introduz stores, slots, transitions e suas primeiras páginas SvelteKit e padrões de carregamento de dados. B2 — o maior bloco — trabalha através de form actions, rotas de API, hooks, reatividade avançada, Svelte Actions, animações personalizadas, padrões de autenticação, adaptadores, runes do Svelte 5, testes e segurança. O track fecha em C1 com runes avançados, padrões de componentes avançados, SvelteKit streaming, otimização de performance, gerenciamento de estado em larga escala e uma aplicação SvelteKit full-stack capstone.
Como Funciona
Cada curso é dividido em lições curtas e focadas que você completa no editor de código integrado com feedback em tempo real. Um tutor de IA está disponível sempre que você ficar preso, e cada conceito é reforçado com exercícios práticos antes de você passar para o próximo tópico.