Webinar sobre el framework Javascript Vue.js, para aprender a crear tus primeros componentes Javascript y a usarlos en el contexto de la web.

1. Miguel Angel Alvarez
Framework frontend progresivo
VueJS
@midesweb
@EscuelaIT

2. Qué veremos hoy
▪ Índice
o VueJS
• Qué es VueJS
• Primeros pasos
o Desarrollo basado en componentes
• Estructura
• Propiedades
• Comunicación entre componentes

3. VueJS

4. VueJS se define como un framework
frontend progresivo.
Puede adoptarse de manera incremental
en el desarrollo de proyectos, desde componentes de interfaz
gráfica a aplicaciones frontend complejas.
Introducción a VueJS
Qué es VueJS

5. Dentro del panorama Frontend Vue destaca
por ser una de las 3 principales
herramientas para el desarrollo.
- Adaptabilidad a proyectos
- Curva de aprendizaje
- Experiencia de desarrollo
Introducción a VueJS
Panorama frontend

6. Introducción a vueJS
Es posible usar VueJS simplemente mediante su CDN como
haríamos con librerías sencillas como jQuery.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
https://codesandbox.io/s/primeros-pasos-con-vuejs-riuxe
Primeros pasos

7. Componentes!

8. Componentes en vueJS
VueJS es un framework que proporciona la posibilidad de
desarrollar basado en componentes.
Desarrollo basado en componentes

9. Componentes en vueJS
El CLI de VueJS nos permite realizar
tareas sobre proyectos desarrollados con
el framework.
Permite comenzar proyectos
rápidamente y obtener configuraciones
útiles del entorno de manera sencilla.
Vue-CLI

10. Gracias
Miguel Angel Alvarez
insight@insightcreativos.com
649 76 76 31
@midesweb