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 paciencia con la que atendía las dudas que surgían
Carlos Ceballos - Banco de Mexico
Curso - Spring Boot, React, and Redux
Los detalles, la forma de explicar y la calma y confianza que inspira el formador.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
Traducción Automática
El Trainor proporciona más ejemplos, lo cual ayuda mucho.
Romulo - Tribal Software Philippines, Inc.
Curso - Advanced TypeScript
Traducción Automática
Me gusta la profesionalidad del formador, realmente sabe de lo que está hablando y es capaz de explicar incluso los temas más simples del tema, lo cual es excelente.
Marlon - National Confederation of Cooperatives
Curso - React with Next.js
Traducción Automática