Introducción a Vue JS
  • Introducción
  • ¿Qué es VueJS?
  • ¿Cómo hacer preguntas?
  • Silabo/Temario del curso
  • Ecosistema Vue
  • Software a utilizar
  • VS Code y complementos para Vue
Conociendo Vue JS
  • Introducción
  • La instancia de Vue.js parte 1
  • La instancia de Vue.js parte 2
  • Creando nuestro Hola Mundo
  • Interpolación de Strings
  • Números y Booleans
  • Las Directivas
  • Data Binding parte 1
  • Data Binding parte 2
  • Data Binding parte 3
  • Explicación de los Bindings
  • Data Binding de doble vía ó bidireccional (Two-Way)
  • Creando una lista utilizando la directiva v-for
  • Matriz con notación de Índice
  • Listando objetos
  • El objeto methods
  • Uso de v-once para evitar el doble rendering
  • Uso de la directiva v-html
  • Directiva v-show
  • Directiva v-if
  • Escuchando eventos
  • Obtener datos de los eventos
  • Pasar parámetros a los métodos
  • Prueba Fundamentos de Vue.js
Filtros, Propiedades Computadas y Observadores en VueJS
  • Introducción
  • Formateando textos con filtros
  • Formateo de texto utilizando ES
  • Recurso para formateo de monedas
  • Formateando monedas con filtros
  • Recurso para formateo de Fechas
  • Formateando fechas con filtros
  • Propiedad Computada o calculada
  • Ordenar lista con propiedad computada
  • Observables
  • Prueba de filtros, propiedades computadas y observadores.
[App 01] - Listado de compras
  • Introducción
  • Iniciando Vue
  • Integrar Bootstrap 4
  • Expresiones, Sintaxis y Vue-DevTools
  • Creando la lista de compras
  • Reactividad en la Lista
  • Agregar un elemento a la lista
  • Agregar método y sintaxis reducida de v-on
  • Test del método con Vue-DevTools
  • Representación condicional
  • Evitar elementos vacíos en la lista
  • Elementos de la lista como objetos
  • Agegar clase CSS dinámica
  • Ordenar la lista de forma reversa
  • Código de la sección
Vue CLI y WebPack
  • Introducción
  • Instalar Vue CLI
  • Creando un proyecto con Vue CLI
  • Estructura del proyecto
  • Conociendo los archivos .vue
  • Compilando el proyecto para producción
[App 02] - Gestión de notas
  • Introducción
  • Vista previa de la App
  • Ajustes iniciales
  • Enlazando formulario con el modelo
  • Registrando notas
  • Listando las notas
  • Eliminar elemento de la lista
  • Código de la sección.
Componentes en Vue [App 03] Gestión de Posts
  • Introducción a los componentes.
  • Extendiendo los componentes
  • Componente en línea
  • El método data
  • Anidando componentes
  • Estructura de un componente Vue
  • Creando primer componente Vue
  • Otras formas de llamar un componente Vue
  • Uitilizando Single Vue File Component
  • El Componente Root
  • Agregando más componentes
  • Código de la sección
Vue CLI 3
  • Introducción a VUE CLI 3
  • Instalación de VUE CLI 3
  • Instalar VUE CLI en OSX
  • Creando un proyecto
  • Creando un proyecto con VUE UI
  • Iniciando el proyecto desde la UI
  • Código de la sección.
Comunicación entre componentes
  • Introducción