Por fin salió el curso! A darle con todo y a acabar la ruta de Arquitectura Frontend!
Herramientas para trabajar con Svelte profesionalmente
Proyecto del curso y estado del arte de Svelte
Setup inicial con Sapper
Estructura de un proyecto en Sapper
Estructura de rutas con Sapper
Sistema de rutas y rutas dinámicas en Sapper
Layout y estructura principal de nuestro blog
Ruta 404 con animaciones
Rutas principales del blog: about, contact y tags
Construye el Layout y Newsletter del blog
Diseño y maquetación del Header
Diseño y maquetación del Nav
Diseño y maquetación del Sidebar y Footer
Construye un Newsletter para el blog
Estructura de los blogposts
Sección principal del blog y blogposts
Integración de analytics, comentarios y tiempo de lectura en tu blog
Integración con Google Analytics
Calcula el tiempo de lectura de cada blogpost
Muestra un emoji aleatorio en cada blogpost
Manejo de fechas dentro del blog con JavaScript Vainilla
Estructura del blogpost con comentarios
Integración con Disqus para agregar comentarios
Construye tu API usando Ghost CMS
Instalación de Ghost
Configuración de Ghost en Heroku
Ghost Core API
Integra la API de Ghost en tu blog con Svelte
Guardando la información de nuestros blogposts
Terminando la integración
Despliega tu aplicación
Compra de un dominio y manejo del DNS con Cloudflare
Deploy a Netlify
Deploy a Heroku
SEO y optimización de tu sitio web
Metadatos y optimización del SEO
Transforma tu blog en una PWA
RSS
Terminando el RSS
Sitemap
Agrega pruebas de integración con Cypress
Cómo continúa tu camino profesional con Svelte
Siguientes pasos con Svelte
Oscar Barajas Tavares
Aportes 6
Preguntas 2
Por fin salió el curso! A darle con todo y a acabar la ruta de Arquitectura Frontend!
Comando para trabajar con webpack:
npx degit "sveltejs/sapper-template#webpack" svelte-practico
Ahora ya no es Sapper sino SvelteKit, esta es la URL
https://kit.svelte.dev/
Y para crear un proyecto SvelteKit es el siguiente comando
npm create svelte@latest my-app
Luego preguntará para elegir opciones pimero das Yes, luego eliges la primera opcion de SvelteKit, y si deseas otras opciones mas que puedes obviarlas.
Aunque tambien puedes seguir usando la versión de Sapper descontinuada
npx degit "sveltejs/sapper-template#webpack" my-app
Muy motivado por empezar este curso, espero sigan haciendo más sobre este gran framework
A empezar con este curso,a darle con todo el animo.
👌
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?