React es una excelente librería de Javascript para crear interfaces de usuario. En esta lección aprenderás un poco más sobre ella, su ecosistema, historia y los requisitos previos que necesitarás para comenzar a utilizarla....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta serie te enseñaré a construir una pequeña aplicación usando React: una de las librerías más populares y poderosas para ecosistemas de JavaScript....
Regístrate para ver ésta y cientos de lecciones exclusivas.
Introducción Escribiendo CSS Escribiendo JavaScript Escribiendo componentes de Vue Usando React Agregando Presets Introducción Mientras Laravel no dicta la pauta sobre qué pre-procesadores de JavaScript o CSS usar, si proporciona un punto de inicio básico usando Bootstrap, React y / o Vue que será de utilidad para muchas aplicaciones. De forma predeterminada, Laravel usa NPM […]
En el mundo del desarrollo web a menudo nos vemos en la necesidad de implementar iconos web en nuestros proyectos, los cuales permitan ofrecer una mejor experiencia de usuario. Inicialmente se buscó resolver esta necesidad con el uso de imágenes en formatos .jpg, .png y .gif siendo esta última el más recomendado en su momento. […]
El envío de variables PHP a JavaScript es un procedimiento muy común, especialmente en Laravel cuando trabajamos con librerías y/o frameworks de JS como jQuery o Vue y queremos que un objeto o array de PHP, sea accesible por dicha librería. Hay varias manera de lograr esto utilizando PHP. Veamos el siguiente ejemplo:
El uso de «selectores» en JavaScript permite encontrar y seleccionar elementos del DOM bien sea para extraer información de cada nodo o para manipularlos de ser necesario. Estos selectores funcionan de forma muy similar a los selectores que se usan en CSS, como veremos a continuación:
Ziggy es un paquete para Laravel que permite acceder a las rutas de la aplicación desde Javascript. La ventaja que ofrece este paquete, es que no necesitas cambiar el código de Javascript cada vez que requieras cambiar el nombre de tus rutas, ya que estás se generarían de forma dinámica en Javascript tal como ocurre cuando […]
En la lección de hoy aprenderemos sobre la directiva v-for de Vue.js, la cual nos permite iterar de forma dinámica un array de datos y mostrarlos en nuestra vista de forma reactiva.
En la lección de hoy examinaremos a fondo la directiva v-bind en combinación con los atributos class y style, los cuales nos van a permitir aprender a agregar y quitar clases y estilos de CSS de forma dinámica y reactiva utilizando por supuesto Vue.js.
En esta lección aprenderemos cómo mostrar elementos de forma condicional haciendo uso de las directivas v-if, v-else, v-else-if y v-show de Vue.js. Además practicaremos nuestras habilidades para trabajar con formularios en Vue.