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
Testimonios (4)
La carpeta del proyecto y los archivos con los ejercicios están disponibles para nosotros en un escritorio virtual, junto con la programación en parejas durante los ejercicios
Jacob Flynn - Chemist4U
Curso - React with Next.js
Traducción Automática
La paciencia con la que atendía las dudas que surgían
Carlos Ceballos - Banco de Mexico
Curso - Spring Boot, React, and Redux
Las lecciones fueron muy interactivas y los ejercicios fueron prácticos.
Heino - NWK Limited
Curso - Laravel and Vue.js
Traducción Automática
Me complace que podamos recibir las grabaciones, diapositivas y archivos comprimidos para poder consultarlos cuando sea necesario. David explicó los conceptos de manera clara y pudo responder a nuestras preguntas. Era muy conocedor del tema.
Renee Chan - Mackenzie Investments
Curso - Vue.js
Traducción Automática