SvelteKit é o canivete suíço dos frameworks web para construir aplicativos resilientes que rodam em qualquer lugar onde JavaScript é executado.
👉️ Apoio
▶️ Assinatura no YouTube
🔴 Patreon
👉️ Links:
Playlist Aprenda SvelteKit:
Playlist Aprenda Svelte:
Posts:
👉️ Usos:
👉️ Redes Sociais:
🔖 Marcação de Tempo
0:00 Introdução
2:15 O Que É SvelteKit?
5:00 SvelteKit Desfoca a Linha Entre Frontend e Backend
8:29 Convenção Sobre Configuração
11:17 O Melhor de Dois Mundos: Renderização do Lado do Servidor Com Navegação do Lado do Cliente
16:57 SvelteKit Usa a Plataforma Web
19:18 Aplicativos SvelteKit São Mais Resilientes Usando Aprimoramento Progressivo
21:02 SvelteKit Roda Onde JavaScript Roda
22:12 SvelteKit Para Bibliotecas de Componentes
22:45 SvelteKit É Feito Para Todos
23:14 Configuração do Projeto SvelteKit
24:06 Criando Um Projeto SvelteKit Do Zero
34:12 Usando a CLI do SvelteKit
45:24 Roteamento do SvelteKit
47:14 Configuração do Projeto
48:44 Páginas
59:17 Layout
1:03:44 O Poder das Rotas Aninhadas
1:12:51 Rotas Dinâmicas
1:14:55 Roteamento Avançado
1:14:58 Múltiplos Parâmetros de Rota
1:16:43 Parâmetros Opcionais
1:18:04 Parâmetros Rest
1:20:18 Correspondência de Parâmetros
1:23:41 Carregando Dados
1:23:48 Configuração do Projeto
1:24:28 Configuração do Banco de Dados
1:38:49 Endpoints da API
1:59:28 Exibindo Dados da Página Usando Renderização do Lado do Cliente
2:05:14 Exibindo Dados da Página Usando Renderização do Lado do Servidor
2:13:17 Às Vezes Você Só Quer Executar Código No Servidor
2:20:05 Seus Arquivos de Layout Também Podem Carregar Dados
2:29:42 Tornando Seus Dados Disponíveis Em Todo Lugar
2:33:09 Usando Dados Da URL
2:40:28 Usando Dados do Layout Pai
2:45:09 Como Funcionam as Funções de Carregamento
2:51:19 Trabalhando Com Formulários
2:51:25 Configuração do Projeto
2:52:14 Criando Um Banco de Dados Falso
2:55:27 Reintrodução aos Formulários
2:59:25 Trabalhando Com Formulários Usando Endpoints da API
3:16:52 Trabalhando Com Formulários Do Jeito SvelteKit Usando Ações de Formulário
3:26:31 Aprimoramento Progressivo de Formulários
3:30:44 Personalize a Ação de Aprimoramento Para Mostrar Uma UI de Carregamento
3:37:09 Validação de Formulário No SvelteKit
3:48:27 Personalização Avançada da Ação de Aprimoramento
3:53:39 Layouts Avançados
3:53:45 Configuração do Projeto
3:54:10 Às Vezes Você Quer Rotas Com Layouts Diferentes
3:56:18 Usando Layouts em Grupo Para Agrupar Rotas Relacionadas
4:03:19 Saindo dos Layouts
4:04:28 Redefinição de Layout
4:06:28 Hooks do SvelteKit
4:06:34 O Que São Hooks?
4:07:44 Criando Rotas
4:11:58 Autenticação
4:16:39 Transformando HTML
4:19:24 Medindo a Velocidade de Carregamento da Página
4:21:58 Registro de Erros
4:23:46 Modificando Uma Resposta Fetch
4:25:12 Analisando Dados de Formulário
4:28:45 Usando Múltiplos Hooks Juntos
4:29:53 Implantação do SvelteKit
4:30:54 Tipos de Hospedagem Web
4:36:11 Implantando Um Projeto SvelteKit
4:48:09 Otimizando Seu Site
4:59:58 Encerramento
#joyofcode #svelte #sveltekit