Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M384.853 150.555C407.206 145.397 430.043 142.341 452.938 141.192C535.628 141.115 618.318 141.153 701.007 141.173C730.643 141.465 760.357 140.258 789.973 141.815C789.992 254.143 790.031 366.49 789.954 478.818C789.896 542.038 772.327 605.258 739.069 658.959C701.104 720.563 642.801 769.633 575.084 794.858C541.71 807.919 506.05 814.167 470.39 815.938C433.607 816.639 396.611 811.403 361.551 800.191C296.701 779.306 238.96 737.186 198.574 682.141C169.674 643.505 149.626 598.289 139.651 551.05C124.407 480.239 132.038 404.504 161.693 338.423C202.235 245.91 286.687 173.698 384.853 150.555Z" fill="%23EE1780"/>
<path d="M477.462 219.005C556.277 219.005 635.11 218.985 713.925 219.024C714.041 299.986 714.002 380.967 713.944 461.948C635.111 462.045 556.296 462.025 477.462 461.948C477.346 380.967 477.346 299.986 477.462 219.005ZM208.226 495.261C286.924 495.785 365.623 495.106 444.322 495.591C444.283 576.475 444.361 657.378 444.283 738.262C389.567 737.174 335.757 715.716 294.468 679.692C248.106 640.036 217.564 582.515 209.653 521.866C208.631 513.05 207.512 504.155 208.226 495.261ZM477.52 495.921C556.315 495.921 635.091 495.902 713.867 495.941C712.729 550.181 693.493 603.818 659.748 646.154C624.576 690.644 573.853 722.959 518.307 734.145C504.898 737 491.218 738.146 477.559 739C477.269 657.98 477.327 576.941 477.52 495.921Z" fill="white"/>
</svg>)
Curso de Jamstack con Directus Headless CMS
DISPONIBLE EN MODALIDAD:
Aula Virtual Personalizada
JavaScript, APIs y el Markup pre renderizado forman el JAM de Jamstack.
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.
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
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
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
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
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
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
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
tema 8
Añadiendo elementos dinámicos
- Formularios
- Diferentes opciones de formularios
- Búsquedas
- Otras opciones de elementos dinámicos
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
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
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
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
tema 13
Conclusiones generales sobre Jamstack y Directus
- Recomendaciones y buenas prácticas
- Análisis de soluciones creadas
Preguntas Frecuentes de Jamstack con Directus Headless CMS
¿Cuáles son los beneficios del curso Jamstack con Directus Headless CMS?
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?
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?
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?
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?
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.