Curso y Libro Full-Stack Laravel 12 y Livewire 3 + Alpine.js: Construye aplicaciones reales Desde Cero
30-11-2025 - Andrés Cruz
Este curso ofrece una introducción desde cero a Laravel Livewire y conocer los detalles más importantes de esta tecnología; uso de componentes, eventos, JavaScript, Alpine.js, Tailwind.css
x-ref para crear referencias de elementos HTML en Alpine.js
19-11-2025 - Andrés Cruz
Aprende a usar la directiva x-ref en Alpine.js para acceder y manipular elementos del DOM de forma sencilla, evitando document.querySelector. Este tutorial cubre el uso de $refs, cómo crear referencias dinámicas dentro de x-for y las limitaciones importantes en Alpine v3.
Campos de textos y variables: x-model y x-text en Alpine JS
19-11-2025 - Andrés Cruz
Domina el doble enlace de datos en Alpine.js con las directivas x-model y x-text. Este tutorial te guía con ejemplos prácticos para crear formularios e interfaces reactivas de forma sencilla, desde inputs de texto hasta checkboxes y selects.
Cómo integrar SortableJS con Alpine para crear listas ordenables (drag & drop)
19-11-2025 - Andrés Cruz
Aprende a integrar SortableJS con Alpine.js para crear listas reordenables con drag and drop. Este tutorial te guía paso a paso para añadir interactividad a tus proyectos sin librerías pesadas, sincronizando el estado fácilmente.
Condicionales x-if x-show y Ciclos x-for en Alpine JS
19-11-2025 - Andrés Cruz
Vamos a conocer el uso del condicional en Alpine JS mediante el x-if al igual que el x-show y cuando usar uno o el otro, el uso de x-for para los listados y el uso de la etiqueta template como elemento HTML fundamental para usar estas directivas.
Directiva x-bind en Alpine.js - Atributos de clases y estilos
19-11-2025 - Andrés Cruz
Attribute binding, that is, being able to customize HTML attributes or custom attributes through conditions in JavaScript, specifically the class attribute and styles, in general is the attributes.
¿Qué es Alpine.js? como instalarlo y dar los primeros pasos
18-11-2025 - Andrés Cruz
Podemos usar Alpine.js mediante Node o la CDN, en este articulo veremos como instalarlo. Vamos a hablar un poco sobre el framework y presentamos el hola Mundo el Apine con el cual conoceremos su reactividad y su uso basado en componentes.