Envíanos tu consulta
Términos y condiciones *
logoImagina
iconoCurso

Curso de Jamstack con Directus Headless CMS

DISPONIBLE EN MODALIDAD:

JavaScript, APIs y el Markup pre renderizado forman el JAM de Jamstack. Esta arquitectura moderna ofrece rápidos tiempos de carga junto a las funcionalidades dinámicas necesarias para crear caracteristicas interactivas y fáciles de usar por parte de los usuarios.

Construidos con herramientas y estándares ligeros, los sitios de Jamstack son rápidos, seguros, fáciles de mantener y optimizados de forma natural para móvil y SEO.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Jamstack con Directus Headless CMS: Curso completo
¿A quién va dirigido?
A desarrolladores que deseen crear aplicaciones con usando la estructura Jamstack trabajando con Headless CMS Directus
Objetivos
  • Aprender a crear aplicaciones web haciendo uso de Jamstack
  • Agregar capacidades dinámicas como procesamiento de formularios o e-commerce
  • Aplicar capacidades serverless a tus sitios
  • Integrar un CMS en tu sitio Jamstack
  • Crear un proyecto evolutivo a lo largo de las sesiones
¿Qué vas a aprender?

JavaScript, APIs y el Markup pre renderizado forman el JAM de Jamstack. Esta arquitectura moderna ofrece rápidos tiempos de carga junto a las funcionalidades dinámicas necesarias para crear caracteristicas interactivas y fáciles de usar por parte de los usuarios. Construidos con herramientas y estándares ligeros, los sitios de Jamstack son rápidos, seguros, fáciles de mantener y optimizados de forma natural para móvil y SEO.

Requisitos
  • Conocimientos básicos de JavaScript, CSS y HTML
  • Es recomendable tener experiencia previa usando CMS's
  • Tener instalado Visual Studio Code, Node LTS, NPM, Git instalados previamente en el equipo
  • Disponer de una cuenta de AWS con acceso a AWS Cognito
  • Son necesarios permisos de instalación en el equipo en el que se realice la formación
Temario del curso
tema 1Introducción a Jamstack
  • ¿Qué es Jamstack?
  • ¿Qué partes conforman Jamstack?
  • ¿Cómo Jamstack beneficia a la seguridad?
  • ¿Cómo Jamstack beneficia al rendimiento?
  • ¿Cómo Jamstack beneficia a la reducción de costes?
  • Arquitecturas clásicas vs MVC vs Jamstack
  • ¿Cuándo usar y cuándo no usar Jamstack?
  • Sitios populares creados con Jamstack
tema 2Creando un sitio básico en Jamstack
  • Trabajando con lenguajes de plantilla
  • Layouts e includes
  • Colecciones
  • Trabajando con datos
  • Creación de nuestro primer sitio
tema 3Introducción a los Headless CMS y a Directus Headless CMS
  • ¿Qué es un headless CMS?
  • Tipos de headless CMS
  • Ventajas y desventajas
  • Explorando los headless CMS más populares
  • Introducción a Directus Headless CMS
  • Instalación y primeros pasos
tema 4Plantillas y estilos en Directus
  • Plantillas disponibles
  • Personalización de plantillas
  • Trabajando con preprocesadores SASS/SCSS
  • Distribución de contenido en layouts
  • Herencia de layouts
  • Buenas prácticas y recomendaciones
tema 5Creando un sitio de blog con Directus
  • Consideraciones para crear tu sitio de blog
  • Creación del blog y primeros pasos
  • Uso de includes
  • Creación de posts
  • Edición de Posts
  • Eliminación de Posts
  • Búsqueda y listado de Posts
tema 6Creando un sitio de documentación con Directus
  • Consideraciones para crear un sitio de documentación
  • Eligiendo un generador de sitios estáticos
  • Creando un sitio de ejemplo
  • Despliegue del sitio de ejemplo
  • Configurando la autenticación
  • Editando contenido como un admin
  • Búsqueda y listado de documentación
  • El flujo de trabajo de autoría abierta
tema 7Creando un sitio de e-commerce con Directus
  • Consideraciones para crear un sitio de e-commerce
  • ¿Qué es headless e-commerce?
  • Opciones de diferentes headless e-commerce
  • Creando un sitio de ejemplo
  • Creando una lista de productos
  • Creando la página de detalle de producto
  • Búsqueda y listado de productos
  • Filtrado de productos
  • Añadiendo contenido en Markdown
  • Eliminando productos
  • Funcionalidad de carrito de compra
  • Introducción a los sistemas de pago
  • Usando Stripe para gestionar los pagos
  • Hooks de recepción y comunicación para el pago
  • Gestión de Stock de productos
  • Perfiles de usuario
  • Ofertas, productos destacados y códigos de descuento
tema 8Añadiendo elementos dinámicos
  • Formularios
  • Diferentes opciones de formularios
  • Búsquedas
  • Otras opciones de elementos dinámicos
tema 9Trabajando Jamstack con librerías Frontend
  • Soluciones frontend más empleadas
  • Ejemplo a la integración de Vue en Jamstack con Directus Headless CMS
tema 10Autenticación de usuarios con AWS Cognito
  • Instalaciones y configuraciones
  • Añadiendo sistema de autenticación al proyecto
  • Probando registros de usuarios
  • Probando inicio y cierre de sesión
tema 11Despliegues
  • Servidores web
  • Proveedores de almacenamiento en la nube
  • Eligiendo la plataforma para desplegar la app
  • Hosting de aplicaciones Jamstack
  • Desplegando la aplicación
tema 12Migrando a Jamstack desde otras arquitecturas
  • ¿Qué tipo de sitio vamos a migrar?
  • Sitios con mucho contenido
  • Aplicaciones web
  • ¿Qué funcionalidades queremos migrar?
  • Servicios de terceros populares de Jamstack
  • Realizando el proceso de migrado paso a paso
tema 13Conclusiones generales sobre Jamstack y Directus
  • Recomendaciones y buenas prácticas
  • Análisis de soluciones creadas

Formación Bonificada para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient