![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 completo 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.
¿A quién va dirigido?
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
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
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
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
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
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
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
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
Añadiendo elementos dinámicos
- Formularios
- Diferentes opciones de formularios
- Búsquedas
- Otras opciones de elementos dinámicos
Trabajando Jamstack con librerías Frontend
- Soluciones frontend más empleadas
- Ejemplo a la integración de Vue en Jamstack con Directus Headless CMS
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
Despliegues
- Servidores web
- Proveedores de almacenamiento en la nube
- Eligiendo la plataforma para desplegar la app
- Hosting de aplicaciones Jamstack
- Desplegando la aplicación
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
Conclusiones generales sobre Jamstack y Directus
- Recomendaciones y buenas prácticas
- Análisis de soluciones creadas
Testimonios de nuestros clientes
Curso de Jamstack con Directus Headless CMS bonificado 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.
¡Me interesa!