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

Estructurando componentes en Vue.js

Componentes para Vue.js

La base de una aplicación en Vue.js son los componentes. Sin embargo, cuando comenzamos a crear nuestros propios componentes, combinarlos y a usar diferentes componentes dentro de otros nuestra aplicación puede llegar a crecer y terminemos teniendo muchos componentes sin un orden o estructura alguna. En este tutorial aprenderemos algunas técnicas para estructurar y organizar los componentes de nuestra aplicación.

Ver post

Cómo actualizar VuePress a la versión 1.0

Banner vuepress

Recientemente fue lanzada la versión de VuePress 1.0, que incluye diferentes cambios a tener en cuenta al momento de actualizar nuestros sitios. En Styde ya hemos hablado anteriormente de VuePress, explicamos cómo realizar un deploy automatizado usando Travis CI y el sitio de la traducción de la documentación de Laravel funciona también en VuePress. A continuación hablaremos un poco sobre estos cambios que debemos realizar para que nuestro sitio funcione correctamente.

Ver post

Mostrando datos en vista de árbol con D3.js y Vue.js

Vue d3 banner

Una vista de árbol es un elemento de interfaz gráfica que presenta una vista jerárquica de información. En una vista de árbol cada elemento (también llamado rama o nodo) puede tener un número ilimitado de subelementos. Esto resulta muy útil para mostrar datos relacionados entre sí. En este tutorial aprenderemos a mostrar datos en una vista de árbol usando la librería de Vue.js Vue.D3.tree, basada en la popular librería para visualizaciones de datos D3.js.

Ver post

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