Fork me on GitHub!
Señor Developer!

Madrid.rb

Grupo de usuarios de Ruby de Madrid

Introducción a Vue.js

este tema será presentado por eLafo

en Mayo 2017, hosteado por Enrique García Cota

Venga va. En el fondo sabes que el desarrollo front con rails da bastante pena. Que para hacer interfaces CRUD va sobrado, pero en cuanto queremos implementar una UI un poco más complicada... Alrededor todo el mundo está que si React, que si Angular... Y tú sigues ahí con tu aplicación Rails mirando de reojo con envidia el front de otras aplicaciones mucho más molonas. Pues desde rails 5.1 ya tenemos la posibilidad de utilizar herramientas de build para front "de verdad" como webpack, así que es la excusa perfecta para empezar a familiarizarse con el desarrollo front.

En esta charla veremos qué problema trata de solucionar Vue.js en el desarrollo web, qué piezas fundamentales provee y cómo las tenemos que utilizar en nuestros proyectos para desarrollar aplicaciones front complejas. El objetivo de esta charla es tener más o menos claro cuándo deberíamos utilizar un framework de front en nuestros proyectos rails y cómo pensar a la hora de realizar el desarrollo.

Disclaimer

Cualquier framework de desarrollo de hoy en día daría para un curso de muchas horas de duración. Como en esta charla solo tenemos media hora y hay que filtrar contenido, NO veremos cosas tan interesantes como:

  • ES2015
  • Webpack y building
  • JS internals
  • Testing
  • Deploy
  • Autorización
  • Plugins
  • Routing
  • Middleware
  • Reactivity internals
  • Persistencia
  • Server Side Rendering
  • Vuex
  • XSS o CORS
  • Conexión con servicios de terceros
  • Ciclo de vida de los componentes
  • Transiciones
  • Animaciones
  • Y muchas, muchas, muchas otras cosas más :-(

En cambio nos centraremos en estos otros temas:

¿Por qué Vue.js?

  • Complejidad de UI
  • Rapid Prototyping
  • JS Spaguetti

¿Qué es Vue.js?

  • Patrón MVVM
  • Vistas declarativas
  • Reactivity
  • Virtual DOM
  • Componentes
  • Directivas

¿Cómo desarrollar con Vue.js?

  • Implementing a component
  • Composing components
  • State management
  • Project structure
  • Directives
  • Y alguna otra cosa más aún por decidir ;-)

a 7 personas les gusta