Temario y recursos del Curso de Desarrollo Web con Svelte y Sapper
Temario del Curso de Desarrollo Web con Svelte y Sapper
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
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
Para este curso vas a necesitar
4 Horas de contenido
16 Horas de práctica
Conocimientos previos
- JavaScript y React
- Svelte
- Sapper
Software para este curso
- Editor de Texto
- Google Analytics
- Netlify
Proyecto del curso
Blog EstrellaConstruye un blog con sistema de likes, comentarios, newsletter y analytics usando Svelte y Sapper. Consume la API de Ghost CMS e integra herramientas como Discus, Google Analytics y Cloudflare DNS.
Para este curso vas a necesitar
4 Horas de contenido
16 Horas de práctica
Conocimientos previos
- JavaScript y React
- Svelte
- Sapper
Software para este curso
- Editor de Texto
- Google Analytics
- Netlify
Proyecto del curso
Blog EstrellaConstruye un blog con sistema de likes, comentarios, newsletter y analytics usando Svelte y Sapper. Consume la API de Ghost CMS e integra herramientas como Discus, Google Analytics y Cloudflare DNS.
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
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
