Programa del Curso

Introducción

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

Empezar

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

Uso de los AlpineJs

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

Directrices de Alpine JS

  • Declaración de datos del sitio web: x-data
  • Adición de conmutadores: x-show
  • Eventos personalizados y modificadores de eventos con x-on
  • Configuración de atributos dinámicos HTML: x-bind
  • Enlace de atributos avanzado con x-bind
  • Enlace de datos a elementos de formulario: x-model
  • Establecer el contenido de los elementos: x-text y x-HTML

Inicialización del componente Alpine JS

  • Código en ejecución en la inicialización del elemento: x-init
  • Respuesta a los cambios de dependencia: efecto x
  • Elementos de referencia por clave: x-ref

Solución de problemas

Resumen y próximos pasos

Requerimientos

  • Conocimientos básicos del marco web
  • Experiencia con codificación básica para diseño web
  • JavaScript Experiencia en programación

Audiencia

  • Desarrolladores
 14 horas

Número de participantes



Precio por participante

Testimonios (4)

Cursos Relacionados

Categorías Relacionadas