Skip to content

Latest commit

 

History

History
69 lines (56 loc) · 3.52 KB

File metadata and controls

69 lines (56 loc) · 3.52 KB

Introducción a VueJS

Contexto

Vue (pronunciado como view) es un framework progresivo para construir interfaces de usuario. A diferencia de otros marcos monolíticos, Vue está diseñado desde cero para ser adoptable incrementalmente.s
La librería central está enfocada solo en la capa de visualización, y es fácil de seleccionar e integrar con otras librerías o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar sofisticadas aplicaciones de una sola página cuando se utiliza en combinación con herramientas modernas y librerías de soporte.

Objetivos

  • Explicar las características esenciales del frameworks de Javascript llamado VueJS.
  • Demostrar de de una manera didáctica y dinámica las características del framework y las bondades de cada una.
  • Desarrollar un proyecto en el cual se empleen todas las características esenciales del framework para aprender más a fondo todo lo mostrado en la sesión.

Guión de la Sesión

  1. ¿Qué es Vue?
    • Descripción general del framework
    • Explicación de Progresividad
  2. Instancia de Vue
  3. Directivas
  4. Computer Properties
  5. Watchers
  6. Class and Styles Bindings
  7. Conditional Rendering
  8. List rendering
  9. Event Handling
  10. Form Input Bindings
  11. Components Basics
  12. Complementos

Tarea

A partir de todo lo visto en la presentación y empleando la mayor cantidad de características realizar una PokeVue, debe contener los siguientes requerimientos:

  • Consumir la API open source de pokemon llamada PokeAPI
  • Utilizar Vue CLI 3.0
  • Listar una cantidad defina de Pokemons
  • Se debe de poder cargar ó listar más Pokemons de los que ya se presentan inicialmente.
  • Se debe mostrar el detalle de cada Pokemon con sus características principales
  • Posibilidad de acceder al menos a 2 filtros de Pokemons.
  • Por Ejemplo:
    • Por Generación
    • Por Tipo
  • Agregar un loader a la aplicación
  • Hacer deploy de la aplicación en un sitio de alojamiento de webs estáticas.
  • Por Ejemplo:

Otros Recursos

Resolución de Tareas

Nombre - Enlace de Demo - Enlace de Repositorio