Svelte 3 e SvelteKit 1.0, Curso Completo para Iniciantes

Aprenda Svelte 3 e SvelteKit 1.0 rapidamente através de experimentação

Este curso em vídeo foi projetado para programadores JavaScript que desejam aprender a usar os frameworks Svelte 3 e SvelteKit 1.0. Neste curso, você usará o Svelte 3 para: - Criar interfaces de usuário responsivas - Adicionar recursos a um projeto web existente - Desenvolver projetos complexos com vários programadores Você usará o SvelteKit 1.0 para: - Construir Aplicações de Página Única (SPA) - Implementar navegação do lado do cliente após o carregamento inicial da página renderizada pelo servidor - Garantir um bom SEO com URLs amigáveis para SEO Svelte e SvelteKit ganharam popularidade devido à sua simplicidade e excelente desempenho. Eles podem ser usados em diferentes graus, dependendo das suas necessidades. Ao criar este curso em vídeo, tive duas opções: 1. Criar um currículo estruturado e integrar gradualmente os conceitos aprendidos ao longo do curso. 2. Criar exemplos independentes para facilitar o aprendizado rápido e fácil de diferentes conceitos do Svelte. Como instrutor com experiência em ensino presencial e remoto, descobri que a segunda abordagem produz melhores resultados em termos de aprendizado. Cada exemplo pode ser escolhido precisamente, sem a necessidade de seguir uma lógica de integração global que pode negligenciar certos aspectos que precisam ser aprendidos. Portanto, a segunda abordagem foi adotada. Cada tópico é abordado de forma independente e ilustra um aspecto específico do Svelte ou SvelteKit, como variáveis reativas, vinculação de dados, diretivas, manipulação de eventos, classes condicionais, props, eventos personalizados, hooks de ciclo de vida, stores, roteamento e muito mais. Vários exercícios são fornecidos ao longo do curso. Quando solicitado a pausar o vídeo, eu o encorajo a fazer isso e codificar conforme achar adequado, começando a partir de um modelo padrão ou de uma página vazia. Você verá que essa abordagem acelera seu aprendizado. Depois de terminar a codificação, você pode retomar o vídeo para ver a solução sugerida. Este curso abrangente abrange uma ampla gama de tópicos, incluindo: - Usando o Vite para criar um projeto Svelte a partir da linha de comando - Interpolações e variáveis reativas - Vinculação de dados mono e bidirecional - Dividindo um aplicativo em componentes - Comunicação entre componentes - Classes condicionais - Condições e loops no código HTML - Manipulação de eventos - Slots simples e nomeados - Hooks de ciclo de vida - O bloco {#await} - Integração de serviços web - Gerenciamento de formulários - Gerenciamento de stores graváveis e legíveis - Animações de fade-in e fade-out - Desenvolvimento de SPA com Svelte - Desenvolvimento de SPA com SvelteKit Todo o código-fonte e recursos são fornecidos junto com cada vídeo. Um manual ilustrado abrangente está disponível no final do curso, que inclui todo o conteúdo do curso. Eu só posso aconselhá-lo a experimentar o código por si mesmo, codificar e progredir no seu próprio ritmo. Gradualmente, o Svelte e o SvelteKit se tornarão mais familiares para você, e você apreciará seu poder e flexibilidade. Então... Boa codificação!

O que você aprenderá

- Criar interfaces de usuário responsivas - Obter todas as bases necessárias para programar em Svelte 3 - Usar interpolações, variáveis reativas e props - Criar condições e loops dentro de um componente - Aprender como estruturar um aplicativo usando componentes - Comunicar dados e funções entre componentes - Utilizar slots simples e nomeados - Interagir com APIs REST usando o hook OnMount - Entender e usar stores do Svelte - Implementar várias animações dentro de componentes - Construir Aplicações Web de Página Única (SPA) com Svelte 3 - Definir um roteador baseado em hash - Desenvolver Web SPAs com SvelteKit 1.0 - Definir páginas e componentes de layout - Carregar dados de forma assíncrona com o SvelteKit 1.0