Introducción a Vue.js

Charla sobre introducción a Vue.js Framework de Javascript.

Transcript

1. Hola Mundo Introducciona Vue.js y Vuex
3. Por qué un framework Front End
4. Javascript Antes Desarrollo web centrado solamente en el backend
5. Javascript Ahora Desarrollo web backend Frontend, aplicaciones web dinámicas.
7. ¿Por qué Vue.js?
8. Fácil de Aprender Curva de aprendizaje óptima Mantiene características del desarrollo web conocido. Documentación Excelente Flexible y liviano Comunidad de software libre
9. Sintaxis Vue.js Sintaxis sencilla, se puede comenzar con conocimientos básicos en javascript
10. ¿Cómo comenzar con vue.js?
13. Características de vue.js
14. Directivas y renderizado Cuenta con renderizado declarativo, directivas que aplican efectos reactivos en DOM.
15. Condicionales, bucles y filtros Condicionales y Bucles insertados en el html por medio de directivas Filtros Aplicables a variables renderizadas, o dentro de atributos de una directiva
16. Propiedades Computadas y Observadas Las propiedades computadas son cacheadas, basándose en sus dependencias. Las propiedades observadas, cambian basándose en otros datos.
17. Enlaces a formularios, Eventos y Estilos. Se puede intercambiar múltiples clases, agregando campos al objeto, cuenta con sintaxis de arreglo. Se cuenta con eventos como: @click, @focus, @changed Los formularios se enlazan por medio de la directiva v-model
18. Componentes Vue sugiere dividir una aplicación web, en componentes reusables.
19. Ciclo de Vida Vue.js los métodos que controlan el ciclo de vida son llamadas hooks.
20. Trabajo en Equipo con Vue.js Es recomendable utilizar un template de Vue-cli Se puede mantener la separación entre diseñador y programador
21. Layouts Los layouts ayudan a escribir menor cantidad de código y a realizar pocas peticiones al servidor
22. Slot - Padre Se declara segmentos de código que sirven como ranuras donde se renderizan otros componentes
23. Slot - Hijo Componente que es renderizado en una parte especificada del Layout.
24. Vue-Router Podemos tener un código más ordenado, con estructura más legible, y resumiendo aún más peticiones al servidor
25. Vuex
26. Cuando surge la necesidad de utilizar Vuex
27. Store: Acctions y Getters Vuex nos ayuda a gestionar una tienda o almacén de estados, mediante acciones, mutaciones y a una comunicación entre componentes.
28. Modularizacion en Vuex.