Contacta con nosotros

Temario del curso

Introducción

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

Primeros pasos

  • Comprender el rol 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 programas con Alpine JS

Uso de AlpineJS

  • Reutilización de objetos de datos con Alpine.data
  • Declaración de un almacén de datos global: Alpine.store

Directivas de Alpine JS

  • Declaración de datos del sitio web: x-data
  • Adición de alternancias: x-show
  • Eventos personalizados y modificadores de eventos con x-on
  • Asignación de atributos HTML dinámicos: x-bind
  • Enlazado avanzado de atributos con x-bind
  • Vinculación de datos a elementos de formulario: x-model
  • Establecimiento del contenido de los elementos: x-text y x-html

Inicialización de componentes de Alpine JS

  • Ejecución de código al inicializar un elemento: x-init
  • Respuesta a cambios en las dependencias: x-effect
  • Referenciación de elementos mediante clave: x-ref

Resolución de problemas

Resumen y próximos pasos

Requerimientos

  • Conocimientos básicos sobre marcos de trabajo web
  • Experiencia en codificación básica para diseño web
  • Experiencia en programación con JavaScript

Audiencia

  • Desarrolladores
 14 Horas

Número de participantes


Precio por participante

Testimonios (4)

Próximos cursos

Categorías Relacionadas