Contacta con nosotros

Temario del curso

Introducción

  • Visión general de Alpine JS
  • ¿Qué son las directivas de Alpine JS?

Primeros pasos

  • Comprender el papel de Alpine JS en el diseño web moderno
  • Aprender a usar Alpine JS y cuándo utilizar un marco de trabajo web completo
  • Instalación de Alpine JS
  • Creación de un programa en Alpine JS

Uso de Alpine JS

  • Reutilización de objetos de datos con Alpine.data
  • Declaración de una tienda de datos global: Alpine.store

Directivas de Alpine JS

  • Declaración de datos del sitio web: x-data
  • Añadir interruptores: x-show
  • Eventos personalizados y modificadores de eventos con x-on
  • Establecimiento de atributos HTML dinámicos: x-bind
  • Vinculación avanzada de atributos con x-bind
  • Vinculación de datos a elementos de formulario: x-model
  • Establecimiento del contenido de elementos: x-text y x-html

Inicialización de componentes de Alpine JS

  • Ejecutar código en la inicialización del elemento: x-init
  • Responder a cambios en dependencias: x-effect
  • Referenciar elementos por clave: x-ref

Solución de problemas

Resumen y próximos pasos

Requerimientos

  • Conocimiento básico de marcos de trabajo web
  • Experiencia con programación básica para diseño web
  • Experiencia en programación con JavaScript

Público objetivo

  • Desarrolladores
 14 Horas

Número de participantes


Precio por participante

Testimonios (5)

Próximos cursos

Categorías Relacionadas