README.md

Curso sobre Vue para OpenWebinars

https://openwebinars.net/

Requisitos

Para el curso sobre VueJS es necesario tener instalado:

• Cualquier editor como Atom, Sublime Text, VSCode, o cualquier otro editor/IDE que nos guste.
• NodeJS en su última version.

Dependencias	Version
node	>= 8.4.0
npm	>= 5.3.0
yarn	>= 1.0.1

Github Personal Token

Aunque la API de Github es totalmente abierta, tiene una serie de limitaciones a la hora de utilizarla y consiste en limitar el número de llamadas que podemos hacer a la API de forma totalmnete anónima. Para ello, necesitaremos crear nuestro Personal Access Token, que conseguiremos realizando estos sencillos pasos (es necesario tener cuenta en Github, es totalmente gratuito):

• Hacemos login en nuestra cuenta de Github o creamos una cuenta nueva aquí
• Accedemos a las settings de nuestro usuario, concretamente, al apartado de Perosonal access tokens en el bloque Developer settings aquí
• Hacemos click en la opción Generate new token y nos validamos como usuario con nuestra clave
• Asignamos un nombre a nuestro token, por ejemplo, curso_vue, y seleccionamos todos los scopes
• Una vez seleccionado todo, hacemos click en el botón Generate token que se encuentra en la parte inferior
• Veremos que se nos ha generado un token de este estilo 2f06c9e8578e92bdc9f2c64cb06b6e316f7bXXXX
• Copiamos este token, y lo pegamos en el fichero dev.env.js que se encuentra en el directorio config de la aplicación codit

Con esto, podemos realizar más peiticiones a la API de Github, aunque seguiremos teniendo limitaciones, pero el número de peticiones que nos permite hacer la API con esta autenticación es suficiente para este curso

Proyectos

My-Tasks

Gestión de tareas, o Todo list personal. Basado en componentes, como define la documentación oficial, sin CLI, y demás tools que nos provee Vue.

Codit

A new way to discover Github! Busca y encuentra al usuario que desees en Github, y obten toda la información relevante acerca de esta persona.

Clases

• Introducción

  1. Vue.js
  2. Comunidad y ecosistema
  3. ¿Componentes?
  4. Entorno de desarrollo y CLI (Scaffolding)
  5. Nuestro primer componente

• Ecmascript

  6. Nuevas features
  7. Babel

• Componentes en VueJS

  8. JSX, pero para Vue
  9. Data y Props
  10. Computed properties y watchers
  11. Ciclo de vida
  12. Comunicación entre componentes
  13. Bus de eventos__
  14. Componentes asíncronos

• Estilizando nuestros componentes

  15. Sintaxis en nuestros templates
  16. HTML o Pug
  17. CSS, Sass o PostCSS
  18. Bindings
  19. Directivas
  20. Filtros
  21. Transiciones

• Servicios externos

  22. Fetch en nuestros componentes
  23. Vitaminando nuestras peticiones con Axios

• Rutas con Vue.js

  24. Vue-router
  25. Definición de rutas
  26. Heredar propiedades
  27. Hooks
  28. Redirecciones
  29. Navegación desde nuestros componentes

• Testeando nuestros components

  30. Karma, nuestro test runner
  31. Test unitarios de nuestros componentes
  32. End-to-end con Nightwatch

• Flux mediante Vuex

  33. Introducción al patrón Flux
  34. ¿Vuex?
  35. State y Getters
  36. Mutaciones y Acciones
  37. Módulos y organización

• Producción

  38. Vamos a generar nuestro build !

• Solucionando el SEO desde el servidor

  39. ¿Que es SSR y porque es necesario?
  40. ¿Cómo lo implementariamos?

• Nuxt.js y otros frameworks

Author

• José Manuel Rosa Moncayo

License

Este proyecto esta licenciado bajo licencia MIT, si desea saber más, visite el fichero LICENSE