Projetos Svelte.js 3 e Sapper

Construa experiências web poderosas, reativas e com ótimo visual com este compilador front-end e seu framework. Este curso irá guiá-lo através de três projetos principais para ajudá-lo a construir aplicativos eficazes, reativos e atraentes com Svelte, demonstrando seus benefícios intrínsecos, incluindo menos código e impressionante gerenciamento de estado/reatividade ao longo do caminho. Nosso primeiro projeto, um aplicativo gerador de vCard, irá demonstrar a modularidade e reatividade de aplicações web que você pode desenvolver com Svelte. Vamos construir componentes reutilizáveis e dinâmicos que posteriormente aprimoraremos com recursos mais avançados. Seções sobre animação e transições estão incluídas para tornar as aplicações tão boas quanto seu desempenho! Nosso segundo projeto será um aplicativo de quadro Kanban totalmente funcional, semelhante ao Trello. Este aplicativo também terá um gerenciamento de estado eficaz, fazendo uso de stores e outros recursos-chave do Svelte. Nosso aplicativo final será baseado no aplicativo de quadro Kanban anterior, mas fazendo uso do Sapper, o framework oficial do Svelte. No entanto, construiremos este aplicativo com o Sapper, o framework oficial do Svelte. Aprenderemos como criar aplicativos web com o Sapper e dominar seus recursos mais úteis, como roteamento e pré-carregamento. Também forneceremos uma introdução aos testes de aplicativos Sapper com o Cypress, e concluiremos o curso implantando nosso aplicativo de duas maneiras diferentes: como uma página estática e como um aplicativo renderizado no lado do servidor (SSR) otimizado para SEO.

Sobre o Autor

Gustavo Rodriguez é um engenheiro e desenvolvedor de software. Ele adora programar e construir aplicativos web usando Svelte e Sapper. Essas ferramentas front-end permitem que ele construa aplicativos web modernos e completos de maneira modular e acessível. Existem infinitas possibilidades quando se trata de aplicativos web, e muitos frameworks e maneiras de abordá-los, mas ele acredita que o Svelte torna o processo fácil e escalável. Essa é a razão pela qual ele acredita que se tornará uma ferramenta mainstream e amplamente utilizada para o desenvolvimento web front-end nos próximos anos.

O que você aprenderá

• Construir aplicativos web reais usando Svelte e seu framework associado, Sapper
• Criar componentes Svelte altamente reativos e modulares que são escaláveis e reutilizáveis em um ou mais aplicativos web
• Explorar recursos avançados do Svelte que nos permitem criar e projetar experiências de usuário bonitas e suaves
• Descobrir os ótimos recursos do Sapper, como roteamento, service workers, divisão de código, aplicativos de página única (SPA) ou aplicativos renderizados no lado do servidor (SSR) otimizados para SEO
• Implantar seus aplicativos enquanto os conecta a serviços como um banco de dados ou APIs RESTful
• Testar aplicativos construídos com o Sapper usando o Cypress para evitar quaisquer regressões