Empezando con Vue JS
  • Introducción
  • ¿Qué es VueJS?
  • ¿Cómo hacer preguntas?
  • Ecosistema Vue
  • Software a utilizar
  • VS Code y complementos para Vue
  • Otras alternativas
  • Creando una app con JavaScript
  • Utilizar Vue.js en la app anterior
Conociendo Vue JS 2
  • 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 2
  • 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.
Conociendo Vue JS 3 - Fundamentos
  • La instancia de Vue
  • Primera App con Vue
  • Agregando la propiedad template
  • Interacción de usuarios con métodos
  • Directivas v-if, v-else
  • Directiva v-for
  • Propiedades computadas
  • Class Binding
  • Simplificando v-on y v-bind
  • Validación de entrada
  • La increíble directiva v-model
  • Crear Primer Componente
  • Props - Comunicación de componentes padre a hijo
  • Métodos en el componente
  • Comunicación de componentes hijo a padre con eventos.
  • Código fuente de la sección
[App 01] - Listado de compras (Vue JS 2)
  • 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
  • Introducción
  • Instalar Node
  • Instalar Vue CLI
  • Creando un proyecto con Vue CLI
  • Estructura del proyecto
  • Creando proyecto con Vue CLI UI
  • Single File Component y Vetur
Validación de formularios (Vue JS 3)
  • Introducción
  • Estilos en el componente
  • Componente button personalizado
  • Class Binding 2
  • Componente input personalizado
  • Validación dinámica
  • Estado del formulario
  • Validando el formulario
  • Finalizando el formulario
  • Código de la sección
[App 02] - Gestión de notas (Vue JS 2)