Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo te facilitaremos un enlace para verlo en diferido
logoImagina
Formación
Modalidades
Próximas Convocatorias
Temario
FAQ
Solicitar información
iconoCurso

Curso de Jamstack con Directus Headless CMS

DISPONIBLE EN MODALIDAD:
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

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

Formación en Jamstack con Directus Headless CMS bonificable para empresas

A quién va dirigido nuestro curso de Jamstack con Directus Headless CMS

A desarrolladores que deseen crear aplicaciones con usando la estructura Jamstack trabajando con Headless CMS Directus

Objetivos de nuestro curso de Jamstack con Directus Headless CMS

  • 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 en nuestro curso de Jamstack con Directus Headless CMS

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 de nuestro curso de Jamstack con Directus Headless CMS

  • 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 de Jamstack con Directus Headless CMS

tema 1

Introducció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
iconArrowDown
tema 2

Creando un sitio básico en Jamstack

  • Trabajando con lenguajes de plantilla
  • Layouts e includes
  • Colecciones
  • Trabajando con datos
  • Creación de nuestro primer sitio
iconArrowDown
tema 3

Introducció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
iconArrowDown
tema 4

Plantillas 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
iconArrowDown
tema 5

Creando 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
iconArrowDown
tema 6

Creando 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
iconArrowDown
tema 7

Creando 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
iconArrowDown
tema 8

Añadiendo elementos dinámicos

  • Formularios
  • Diferentes opciones de formularios
  • Búsquedas
  • Otras opciones de elementos dinámicos
iconArrowDown
tema 9

Trabajando Jamstack con librerías Frontend

  • Soluciones frontend más empleadas
  • Ejemplo a la integración de Vue en Jamstack con Directus Headless CMS
iconArrowDown
tema 10

Autenticació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
iconArrowDown
tema 11

Despliegues

  • Servidores web
  • Proveedores de almacenamiento en la nube
  • Eligiendo la plataforma para desplegar la app
  • Hosting de aplicaciones Jamstack
  • Desplegando la aplicación
iconArrowDown
tema 12

Migrando 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
iconArrowDown
tema 13

Conclusiones generales sobre Jamstack y Directus

  • Recomendaciones y buenas prácticas
  • Análisis de soluciones creadas
iconArrowDown

Preguntas Frecuentes de Jamstack con Directus Headless CMS

¿Cuáles son los beneficios del curso Jamstack con Directus Headless CMS?

accordionIcon
El curso te permitirá adquirir habilidades especializadas en la combinación de tecnologías Jamstack y Directus. Aprenderás a desarrollar sitios web más rápidos, seguros y escalables, lo que puede traducirse en un ahorro significativo de recursos y una mejora en la experiencia del usuario.

¿El curso de Jamstack con Directus Headless CMS se puede bonificar a través de FUNDAE?

accordionIcon
Sí, el curso es susceptible de bonificación a través de FUNDAE para empresas que cumplan con los requisitos estipulados. Esto puede ayudar a reducir los costos de formación y permitir a tus empleados acceder a educación de alta calidad sin incurrir en grandes gastos.

¿En qué modalidades se imparte el curso de Jamstack con Directus Headless CMS?

accordionIcon
El curso se imparte en modalidad online y en aula virtual personalizada. Estas modalidades están diseñadas para ofrecer flexibilidad y adaptarse a las necesidades específicas de cada empresa.

¿Qué habilidades desarrollaré con el curso de Jamstack con Directus Headless CMS?

accordionIcon
Desarrollarás habilidades en el uso de tecnologías Jamstack y Directus para construir sitios web eficientes. Esto incluye conocimientos en arquitectura de front-end, APIs, sistemas de gestión de contenido desacoplados, y la integración de servicios de terceros para optimizar el rendimiento y la seguridad de los proyectos web.

¿Cómo puedo inscribirme en el curso de Jamstack con Directus Headless CMS?

accordionIcon
Puedes inscribirte rellenando los formularios que aparecen en la web. Esto permitirá al equipo de formación ponerse en contacto contigo para formalizar el proceso de inscripción y resolver cualquier duda adicional que puedas tener.