- Documentación de Vue: https://vuejs.org/
- Perfil de GitHub de Vue: https://github.com/vuejs
- GitHub de Vue: https://github.com/vuejs/vue
- npm de Vue: https://www.npmjs.com/package/vue
Introducción
Qué aprenderás sobre Vue.js 2
El Framework Progresivo
¡Hola Vue!
Rendering Declarativo y Manipulación de DOM
Introducción al Rendering Declarativo
Expresiones y Propiedades
Atributos Dinámicos
Control de Flujo con Directivas
Renderizado de Listas
Manejo de Eventos
Clases en tiempo real
Estilos en tiempo real
Computed Properties y Watchers
Two-Way Data Binding
Ejercicios de práctica módulo 2
Sistema de Componentes
Sistema de Componentes
Crear Componentes Custom
Comunicación entre Componentes: propiedades
Comunicación entre Componentes: eventos
Slots
Ciclo de Vida y Hooks
Antes de continuar, ¡un repaso!
Ejercicios de práctica
Ambiente de Desarrollo
VS Code + Vetur / Chrome / Firefox + Dev Tools
Qué es, cómo usarlo y aplicaciones profesionales con el CLI
Single File Components
Funcionalidades, UI y comandos básicos
Platzi Exchange
Introducción y Setup de Tailwind CSS
Primeros Componentes
Introducción y Setup de Vue Router
Introducción a Fetch y API de Coincap
Mejorar la UI con filtros
Rutas dinámicas
Navegación Programática
Utilizar componentes de terceros
Problemas de Reactividad
Mejorar proyecto: filtros y ordenar
Mejorar proyecto: links y conversión
¡A producción!
Despliegue de la app a Netlify
Rendering Declarativo y Manipulacion de DOM
Ignacio Anaya
Aportes 56
Preguntas 6
Conocemos a Vue como el Framework progresivo justamente por su vesatilidad. Es una pequeña librería que se encarga de resolver el problema de la vista dentro de lo que es el patrón MVC (Modelo, Vista, Controlador), pero también puede ser muy potente cuando la combinamos con parte de su ecosistema, es decir,que Vue puede ir escalando a medida que nuestro proyecto vaya incrementando los requerimientos o vaya incrementando su complejidad. Podemos utilizar Vue para proyectos muy sencillos como una Landing Page o un prototipo o para proyectos más complejos como una SPA (Single Page Application). Es decir que a medida que tengamos cosas más difíciles para resolver, vamos a ir incorporando herramientas para resolver esos problemas específicos.
Vue es una librería enfocada a la vista que utiliza el Virtual DOM y es totalmente reactiva. Tiene dos caracteristicas principales, el sistema declarativo y el sistema de componentes.
El sistema declarativo o declarative rendering es una de las funcionalidades que nos permite de forma imperativa poder manejar el DOM y interactuar con el mismo.
El sistema de componentes es lo que hace que podamos modularizar nuestra aplicación en diferentes componentes reutilizables o no y que nos permitan tener un código semántico, mucho más fácil de mantener y de leer.
En estos momentos Vue tiene más estrellas en Github que React y Angular
Introducción
¿Qué es Vue.js?
Vue (pronunciado /vjuː/ en inglés, como view) es un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks monolíticos, Vue está diseñado desde el inicio para ser adoptado incrementalmente. La biblioteca principal se enfoca solo en la capa de la vista, y es muy simple de utilizar e integrar con otros proyectos o bibliotecas existentes. Por otro lado, Vue también es perfectamente capaz de soportar aplicaciones sofisticadas de una sola página (en inglés single-page-application o SPA) cuando se utiliza en combinación con herramientas modernas y librerías compatibles.
Mas información en este link
https://es-vuejs.github.io/vuejs.org/v2/guide/
Clase#2 - El Framework Progresivo
Vue es un framework muy versátil, escalable puede utilizarse para cosas muy sencillas como para cosas muy complejas.
Es un framework muy performante, tiene un tamaño muy pequeño y esta pensado para trabajar con el DOM. Puede usarse para crear una landing page o una Single Page Application.
Vue JS tienes dos sistema importantes:
Considero que este es de los puntos más importantes al momento de seleccionar una herramienta, quienes tienen poder sobre él y deciden el rumbo que tomará.
chin pues a actualizar, parece que el curso que había tomado de Vuejs esta deprecated 😕
Versatil es la mejor palabra para definir a Vue.
Vue tiene 2.345.247 descargas semanales en la actualidad por npm
vamos a actualizar el conocimiento!!!
Miremos el nuevo curso de Vue :3
VUE=> Es una librería enfocada en la vista, utiliza el virtualDOM y es totalmente reactiva y tiene 2 características principales: SISTEMA DECLARATIVO O DECLARATIVO RENDER(Es una de las funcionalidades que nos permiten a nosotros de forma imperativa poder manejar el DOM e interactuar con el mismo).
y SISTEMA DE COMPONENTES (Es lo que hace que podemos modularizar nuestra app en diferentes tipos de componentes reutilizables o no que nos permitan tener un código semántico y mucho más fácil de mantener y de leer).
VueJS es un Framework:
Accesible para empezar teniendo los conocimientos bvasicos de HTML, CSS y JavaScript.
Versátil un ecosistema incrementalmente adoptable que escala entre una biblioteca y un marco con todas las funciones.
Performante tiempo de ejecución de 20KB min+gzip
DOM virtual increíblemente rápido
Esfuerzos mínimos de optimización
El sistema de componentes es una de las cosas que más me llama la atención de Vue, hasta donde se, se pueden reciclar esos componentes en diferentes proyectos!
Van mis notas:
Se puede escalar dependiendo del proyecto. Desde una landingpage, o un prototipo hasta proyectos más complejos como una single page aplication.
Que es una librería enfocada en la vista que utiliza el virtual DOM y que es totalmente reactiva.
Tiene 2 características principales:
El sistema declarativo o Declarative Rendering es una de las funcionalidades de forma imperativaque nos permite manejar el DOM e interactuar con el mismo.
El sistema de componentes es el que permite modularizar la aplicación en diferentes componentes reutilizables o no, que nos permitan tener un código semántico fácil de mantener y leer.
¿Qué significa progresivo?
un framework que puede ser usado tanto en proyectos pequeños como en proyectos muy grandes, en definitiva uno de los mejores framework JS.
Vuejs se puede user en proyectos grandes y pequeños. Es simple, ligero, progresivo, nos permite ofrecer una experiencia más intuitiva.
Hace cerca de un mes comencé a integrarlo en una legacy app y me ha resultado bastante fácil. Su curva de aprendizaje es rápida.
A seguir aprendiendo. Vamos con todo. 😉
Características de Vue
100
ignacio good
oh yes
thanks
really
is very good
very good
nice
really?
Bueno… React tiene más de 10M de descargas semanales 🤔
Vue no solamente es un framework, pues tiene un montón de herramientas, como VueX y VueDevTools.
Podemos usar Vue tanto para proyectos sencillos como para proyectos más complejos.
Vue usa el sistema declarativo y el sistema de componentes para crear su aplicación.
Que bueno es Vue
Conocido como el framework progresivo, se utiliza para construir interfaces de usuario. A diferencia de otros frameworks, Vue.js está diseñado desde cero para se adaptable de forma incremental.
Es el framework con la curva de aprendizaje rápida y podemos utilizarlo para cosas muy sencillas como para cosas muy complejas, además de ser uno de los frameworks más ligeros para hacer mutaciones en el DOM.
Documentación de Vue: https://vuejs.org/
Es un framework de código abierto.
Perfil de GitHub de Vue: https://github.com/vuejs
La parte económica no esta soportada por una sola persona, si no que por varias empresas entre ellas podemos encontrar a Laravel.
Lo conocemos de esta manera justamente por la versatilidad, es una pequeña librería que se encarga de resolver el problema de la vista dentro del patron MVC (Modelo - Vista - Controlador) y puede llegar a ser muy potente al combinarla con parte de su ecosistema, esto quiere decir que Vue.js puede ir escalando según sea necesario.
Es una librería enfocada en la vista que utiliza el virtual DOM y que es totalmente reactiva, tiene 2 características principales:
Interesante información.
Es fácil de aprender y con una curva de aprendizaje rápida, también es muy versátil (se puede usar para cosas sencillas y para cosas complejas), a medida que vayamos teniendo requerimientos más difíciles podemos ir agregando herramientas que nos permitan incorporar funcionalidades extra.
Tiene un tamaño muy pequeño, y está pensado y optimizado para hacer mutaciones en el DOM de la mejor manera posible.
No solo es un framework, cuenta con muchas herramientas, enfocada a la vista que es totalmente reactiva.
Se le conoce como progresivo por su versatilidad, es una pequeña librería que se encarga de resolver el problema de la vista dentro del patrón NBC, pero también puede ser potente cuando se combina con su ecosistema, es decir, puede ir escalando.
Tiene dos características principales:
updating!
Vue tiene una curva de aprendizaje rápida y es muy versátil, esto quiere decir que se puede usar para cosas muy sencillas o muy complejas.
El ecosistema de Vue cuenta con muchas herramientas además del propio framework que nos permiten añadir características a este.
Se le conoce como framework progresivo por su versatilidad, es una pequeña librería que se encargar de la vista (Patrón MVC) pero se vuelve muy potente añadiendo herramientas de su ecosistema, lo que hace que pueda escalar a proyectos más complejos.
Vue está enfocado en la vista, es reactivo y utiliza un virtual DOM. Tiene dos características principales:
Muero en el intento si voy primero con el framewok que con el lenguaje? Se muy poco de JS, y no sé si me pierda en esta herramienta al hacer ese salto… ¡Ayúda!
Vue es un framework? pensaba que era una libreria
se ve muy interesante todo lo que se puede crear y escalar con vue
excelente, suena muy atractivo todo lo que se puede hacer con vue JS, listo para aprender mucho de vue y hacer proyectos con mucho UI & UX
pesa poco eso es bueno
Pues va xD
Vamos a ello!
Excellent!!!
¡Empecemos a aprender Vue!
vue es un framework de javascript
Entonces Vue.js es una librería o biblioteca capaz de convertirse en Framework?
En la empresa donde trabajo usamos Vue y la verdad es que es muy interesante este Framework
como complemento a la introducción
https://www.youtube.com/watch?v=GAQB7Y4X5fM&list=PLPl81lqbj-4J-gfAERGDCdOQtVgRhSvIT
Estoy super entusiasmado por vue en si, vengo de usar angular por 3 años y ahora quiero utilizar un framework más sencillo y me parece que vue gana en todo según la comunidad es simple, ligero y progresivo… sobre todo quiero tomar vue para desarrollar páginas y proyectos personales
(Y)
f
Lo que dice el profesor es verdad en la comunidad de Vue hay muchas ayudas estoy implementando en un proyecto personal tablesy me recomendaron ir por esta porque su implementacion es muy sencilla
https://www.vuetable.com/#current-version
Lo Loco es que es increiblemente ligera
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?