Curso Completo de
Svelte & SvelteKit
Do zero ao deploy — construa aplicacoes web modernas, reativas e performaticas.
32 modulos • 174 aulas • Svelte 5 + SvelteKit
Modulos do Curso
Selecione um modulo para comecar a estudar.
01
Primeiros Passos
- • O que é o Svelte
- • Criando um Projeto com sv create
- • Estrutura de Arquivos
- + 2 aulas...
5 aulas Comecar
02
Configurações e Vite
- • O que é o Vite e por que ele existe
- • Arquitetura do Vite
- • Criando e Explorando um Projeto Vite
- + 5 aulas...
8 aulas Comecar
03
Frontend: Tailwind e Plugins
- • Instalando Tailwind CSS
- • Configurando DaisyUI
- • Utilitários Essenciais do Tailwind
- + 3 aulas...
6 aulas Comecar
04
Svelte apenas no Frontend
- • Svelte sem SvelteKit
- • Componentes Básicos
- • Reatividade Simples
- + 2 aulas...
5 aulas Comecar
05
Svelte vs React
- • Filosofia: Compilador vs Runtime
- • Reatividade: Atribuição vs Hooks
- • Sintaxe de Templates vs JSX
- + 5 aulas...
8 aulas Comecar
06
Testes Estáticos
- • O que são Testes Estáticos
- • ESLint: Configuração para Svelte
- • Prettier: Formatação Automática
- + 3 aulas...
6 aulas Comecar
07
Aula Prática: Primeiro Projeto
- • Visão Geral do Projeto
- • Setup do Projeto do Zero
- • Criando Componentes e Páginas
- + 3 aulas...
6 aulas Comecar
08
Svelte 5: Runes
- • Introdução ao Svelte 5 e Runes
- • $state — Estado Reativo
- • $derived — Valores Derivados
- + 7 aulas...
10 aulas Comecar
09
Templates e Renderização
- • Lógica no Template
- • Each Blocks
- • If/Else Blocks
- + 3 aulas...
6 aulas Comecar
10
Componentes
- • Anatomia de um Componente
- • Props e Comunicação
- • Slots e Children
- + 3 aulas...
6 aulas Comecar
12
Diretivas e Ações
- • Use Directive
- • Ações Customizadas
- • Bind Avançado
- + 2 aulas...
5 aulas Comecar
13
Transições e Animações
- • Transições Básicas
- • Transições Customizadas
- • Animate Directive
- + 2 aulas...
5 aulas Comecar
15
SvelteKit Fundamentos
- • O que é SvelteKit
- • Criando um Projeto SvelteKit
- • Páginas e Componentes
- + 2 aulas...
5 aulas Comecar
16
Roteamento
- • Rotas Baseadas em Arquivos
- • Parâmetros Dinâmicos
- • Rotas Aninhadas
- + 3 aulas...
6 aulas Comecar
19
API Routes e Form Actions
- • Server Routes
- • GET, POST, PUT, DELETE
- • Form Actions Básico
- + 2 aulas...
5 aulas Comecar
20
Formulários Avançados
- • Superforms
- • Validação com Zod
- • Upload de Arquivos
- + 2 aulas...
5 aulas Comecar
22
Autenticação
- • Conceitos de Autenticação
- • Lucia Auth
- • OAuth Providers
- + 2 aulas...
5 aulas Comecar
23
SSR, CSR e SSG
- • Server-Side Rendering
- • Client-Side Rendering
- • Static Site Generation
- + 2 aulas...
5 aulas Comecar
28
TypeScript Avançado
- • Tipos Genéricos
- • Inferência no SvelteKit
- • app.d.ts
- + 2 aulas...
5 aulas Comecar
30
Performance e SEO
- • Core Web Vitals
- • Lazy Loading
- • Image Optimization
- + 2 aulas...
5 aulas Comecar
31
Ecossistema e Integrações
- • Bibliotecas Svelte
- • Headless UI
- • CMS e Integrações
- + 2 aulas...
5 aulas Comecar
32
Projeto Final
- • Planejamento do Projeto
- • Setup e Arquitetura
- • Implementação Core
- + 2 aulas...
5 aulas Comecar