Utiliza Font Awesome como un componente en Vue

Vue Font Awesome

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. Esta solución aunque funcional no resulta muy práctica ni óptima debido al peso de las imágenes (tiempo de carga) y a la falta de uniformidad cuando necesitábamos agregar varios iconos a nuestro sitio. Para resolver estas limitaciones surgieron las fuentes web de iconos.

Ver post

Como usar Vue 3 antes del lanzamiento oficial

Vue 3

Aunque no es recomendable para aplicaciones en producción, puedes comenzar a usar Vue 3 hoy mismo y de esa forma explorar las nuevas características del framework, así como adelantarte en el proceso de aprendizaje. A continuación, veremos cómo comenzar a utilizar la versión 3 del framework Vue.js.

Ver post

Nuevas características de Vue.js 3

Vue 3

Vue.js 3 está próximo a ser lanzado, con mejoras para el rendimiento de nuestras aplicaciones y diferentes características interesantes que optimizarán nuestro código. A continuación, te presentamos algunas de estas características y una breve explicación de cada una de ellas.
Ver post

Cómo instalar paquetes con npm en Laravel

npm

Cuando trabajamos con JavaScript existen diversas formas de incorporar paquetes en nuestro proyecto, por ejemplo utilizando un CDN, descargando la librería y agregándola a nuestra plantilla o compilando los archivos CSS y JS directamente en nuestros archivos principales dentro de la plantilla. De esta última alternativa trataremos en este tutorial.

Ver post

Introducción a Vue CLI UI

Banner Vue CLI UI

Una de las características más interesantes de la versión 3 de Vue CLI es Vue UI, una interfaz gráfica que permite crear, actualizar y administrar cada aspecto de nuestros proyectos. En este tutorial exploraremos esta nueva característica y aprenderemos a generar nuestros proyectos directamente desde dicha interfaz.

Ver post

Pruebas con plugins: uso de localVue y mocks con vue-test-utils

Vue Testing

Cuando utilizamos librerías de terceros, como puede ser vue-router, necesitamos interactuar con propiedades de estos plugins en nuestros componentes. Para tener acceso a ellos debemos decirle a Vue que los use. En esta lección explicaremos la importancia de usar localVue en lugar de la instancia general de Vue a la hora de probar los plugins. También cómo podemos sustituir estas propiedades usando el objeto mocks de la configuración.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Uso de selectores en JavaScript

Javascript selectors

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:

Ver post

Manejo de acciones asíncronas con promesas en Vuex

Vuex

En esta lección vamos a explorar un poco más sobre el uso de acciones en Vuex y su naturaleza asíncrona. Para ello vamos a continuar practicando sobre el uso de Promesas en JavaScript y veremos los enfoques optimista y pesimista que podemos elegir cuando desarrollemos aplicaciones que deban enviar y recibir datos a un servidor a través de AJAX.

Regístrate para ver ésta y cientos de lecciones exclusivas.

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Recibe consejos útiles y múltiples recursos directamente en tu correo