Aprenda os conceitos básicos do Svelte e SvelteKit do zero

Introdução ao Maravilhoso Mundo do Svelte.js

Este curso consiste em duas partes. A primeira parte é projetada para ensinar os fundamentos do Svelte.js, e a segunda parte se concentra nos conceitos básicos do SvelteKit. Svelte.js é um framework e compilador que nos permite desenvolver interfaces de usuário poderosas de forma rápida e fácil. Algumas das principais características do Svelte.js incluem: - Obter mais com menos código - Adeus ao Virtual DOM - Verdadeiramente reativo - Projetos leves, adicione apenas o necessário SvelteKit pode ser descrito como um ponto de partida completo para o desenvolvimento de interfaces com Svelte. Entre outras coisas, ele oferece um sistema de roteamento poderoso que nos permite criar nossos próprios endpoints. Além disso, o SvelteKit fornece uma base para o desenvolvimento de aplicativos de Renderização no Lado do Servidor (SSR) sem configurações, bem como Renderização no Lado do Cliente (CSR). Ele nos permite definir facilmente como queremos que nosso aplicativo se comporte. Em resumo, SvelteKit é um compilador e framework para o desenvolvimento tanto de frontend quanto de backend. Aqui estão alguns dos tópicos que abordaremos na seção do curso sobre SvelteKit: - Criando projetos SvelteKit - Entendendo o sistema de roteamento para criar páginas - Entendendo o sistema de roteamento baseado em endpoints para consumir recursos externos (APIs) - Comunicação adequada com serviços externos para fornecer dados ao nosso aplicativo - Trabalhando com requisições HTTP: GET, POST, PUT e DELETE - Gerando layouts globais que se aplicam a todas as páginas - Gerando layouts que podem ser usados sob demanda por páginas (layouts nomeados) - Personalizando erros no SvelteKit - Gerando o pacote para implantar nosso aplicativo - Visualizando e testando o pacote de produção em nosso ambiente local - Uma introdução aos hooks para habilitar e desabilitar o modo SSR no SvelteKit É importante observar o seguinte em relação ao SvelteKit: - SvelteKit é um framework e compilador de backend que nos permite usar o Svelte - Escrevemos código de frontend e backend em um único lugar - A renderização no lado do servidor (SSR) melhora o desempenho e o SEO de seus aplicativos - As páginas são processadas tanto no servidor quanto no cliente devido à hidratação - Adaptadores são usados para implantação em diferentes plataformas (Cloudflare pages, Vercel, Netlify)

O que você aprenderá

- Desenvolver aplicativos com Svelte - Desenvolver aplicativos SSR com SvelteKit - Comunicar aplicativos SvelteKit com uma API Laravel - Preparar aplicativos SvelteKit para implantação - Usar o ORM Prisma para acessar bancos de dados a partir do SvelteKit - Entender as capacidades de frontend e backend oferecidas pelo SvelteKit