¿Qué es Vue.js?

Empezando en el mundo front-end 💻

Cristian Fernando Villca Gutierrez | Tesista

Back-end Vs Front-end

Desarrollo Web con JavaScript

Back-end

Front-end

Framework Progresivo Open Source para interfaces de usuario.

Framework

Volver

Progresivo

¿Qué necesito saber?

Volviendo a las bases

Hola mundo con Vue.js



						<div id="main">
						  <p>{{saludo}}</p>
						</div>

Run

Reactividad

Renderización de listas



						<div id="main">
						<ul>
						  <li v-for="persona in personas"> 
						    {{persona}}
						  </li>
						</ul>
						
						 
						</div>

Run

Progresividad | Escalabilidad

Ahora un ejemplo un poco más completo

Repositorio del proyecto

https://github.com/crisdux/ejemplo-basico-vue

Deploy

https://crisdux.github.io/ejemplo-basico-vue/

Conclusiones

Progresivo y Escalable
Open Source
Curva de aprendizaje baja (HTML, CSS y JS)
Liviano
Reactivo (data-binding)
Uso de directivas
Salida Laboral👎
Falta de Documentación👎

Recomendaciones

Documentación oficial: https://vuejs.org/
Curso gratuito para principiantes: https://www.udemy.com/course/vue-js-2-para-principiantes/
Vue.js | El documental https://www.youtube.com/watch?v=OrxmtDw4pVI

¿Preguntas?

Mis redes...

69714078

https://dev.to/crisfer4217

https://twitter.com/crisfer4217

https://github.com/crisdux

¡Gracias!

Presentación online:

https://crisdux.github.io/CharlaVueULaSalle2020/#/

¿Qué es Vue.js?

Empezando en el mundo front-end 💻

Cristian Fernando Villca Gutierrez | Tesista