Conociendo a Vue, un framework open source de fácil aprendizaje

in #utopian-io7 years ago (edited)
  • Tittle: Knowing Vue an easy to learn open source framework
  • Summary: In this publication I talk about the open source framework called Vue, providing details and functions of this library for the knowledge of the Hispanic community in Utopian.
  • Publication in Spanish language

2.png

Entre los diferentes proyectos de open source para desarrolladores, podemos encontrar uno en particular que combina la elegancia en la estructura de su código y la eficiencia en los resultados, estoy hablando de Vue una librería/framefowk que permite realizar desde proyectos básicos hasta los más complejos gracias a su versatilidad en su implementación dentro del código.

Vue fue creado en el año 2014 por Evan You, que trabajaba en google en el framework de meteor, pero él quería realizar una opción más simple para cubrir todas las necesidades a la hora de realizar prototipos. Vue es un framework progresivo, lo cual permite ser adoptado incrementalmente dentro de otras aplicaciones o librerías ya existentes .

¿Qués es un framework?
En el desarrollo de software, un entorno de trabajo es una estructura conceptual y tecnológica de asistencia definida, normalmente, con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de software. Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.fuente

vuex.png

Imagen obtenida de Google imágenes

Vue es perfecto para programar aplicaciones de una sola página, las llamadas "Single-page application" ( SPA ), una SPA es un sitio en el cual todas las funciones de la aplicación se ejecutan dentro una sola página de entrada sin tener enlaces a otras páginas dentro de la misma app, esto ofrece al usuario una interacción más rápida entre el cliente y el servidor.

Imagen obtenida de Google imágenes

Desde su creación Vue ha alcanzando un alto grado de popularidad en Internet esto gracias a su fácil aprendizaje a la hora de empezar a entender el funcionamiento de su código, además tiene un renderizado de componentes mucho más rápido que cualquier otro framework, desde mi punto de vista el que sea un código adaptable a otros componentes de diferentes librerías es lo mejor.


Componente principal

  • Vue Router

3.jpg

Es un componente que nos permite enlazar uno o dos URLs a diferentes componentes, esto lo hace facilitandonos los enlaces de las diferentes secciones para después indicarle a Vue donde queremos mostrar las secciones.

Ejemplo:

< script src="https://unpkg.com/vue/dist/vue.js" >< /script >
< script src="https://unpkg.com/vue-router/dist/vue-router.js" >< /script >
< div id="app" >
< h1 >Hello App!< /h1 >
< p >
< router-link to="/foo" >Go to Foo< /router-link >
< router-link to="/bar" >Go to Bar< /router-link >
< /p >
< router-view >< /router-view >
< /div >

Código obtenido de Vuejs

A la hora de programar aplicaciones muy extensas nos vemos al final con un paquete resultante muy grande que puede afectar la funcionalidad de la página en sus tiempos de carga, Vue Router al enlazar los componentes en diferentes secciones nos aligera bastante la funcionalidad de nuestros desarrollos. Esto sin duda es un gran punto a su favor.

Conclusiones

Vue es un estupendo framework con el cual poder empezar a programar el frontend en nuestras aplicaciones, basta con tener un conocimiento básico de Javascript, html y css para entender las grandes funcionalidades de su código, si te gustaría saber más sobre Vue, puedes visitar su sitio web oficial donde podrás encontrar toda su documentación y toda la comunidad que está detrás de este gran proyecto.

También si eres un programador, puedes encontrar su repositorio en Github.

Todas las imágenes fueron obtenidas de Google imágenes



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

¡Su post ha sido votado en nombre del Equipo de Curación dropAhead!
(The dropAhead Curation Team)

Su post será compartido por la cuenta del witness @dropahead. Puedes buscarlo a través de la etiqueta #xx-votesplus.


Tenga en cuenta, por favor, que un voto dado por el equipo de curación de dropAhead no necesariamente significa que se comparten las opiniones expresadas en este artículo. Sin embargo, creemos que el esfuerzo y/o contribución de los autores merece una mejor recompensa y visibilidad.

. ¡No te olvides de votar por @dropahead como witness!

¿Quieres obtener más recompensa?

Haciendo cualquiera de las cosas mencionadas nos darás más Steem Power (SP) para poder brindarte mayores recompensas la próxima vez

¡Sigue con el buen trabajo!


Noticias de dropAhead: ¡Castellano!

Hola Luis. Excelente información, no sabía nada de esto!!! Subí una publicación sobre el celular.

Muchas gracias por tu apoyo!!, esta es una buena librería de código para implementar en proyectos, lo he revisado y si es muy fácil de aprender teniendo las nociones básicas de html y Javascript ;)
Saludos!!

¿Se puede publicar en español en Utopian.io?

Yo creía que solo validaban los contenidos en ingles.

Salu2.

Sólo en algunas categorías y debes colocar al principio una breve introducción en inglés sobre qué se trata tu contenido, aquí hay un post que te puede ayudar ;)
Saludos!!

¡Muchas Gracias!, A ver si así si contribuyo con algo allí, sin tanta complicación...

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @luming I am @utopian-io. I have just upvoted you at 10% Power!

Achievements

  • You are generating more rewards than average for this category. Super!;)
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.18
TRX 0.13
JST 0.028
BTC 57346.65
ETH 3107.45
USDT 1.00
SBD 2.40