Aprende VueJs 2.0 Desde Cero, el gran framework de JavaScript con ejemplos

En este curso vas a aprender desde cero como usar VueJS, vamos a ver como usarlo en aplicaciones pequeñas y poco a poco vamos a ver lo que nos ofrece el framework.

Vas a aprender

• ¿Que es VueJS y porque es tan popular?
• ¿Como lo puedo usar en mis proyectos?
• ¿Que son las plantillas y como usarlas?
• ¿Que son los componentes y como usarlos?
• ¿Como puedo interactuar con el DOM?
• ¿Que son enlaces de datos y como usarlos?
• ¿Como crear Filtros?
• ¿Que son las directivas?
• ¿Como puedo crear mis propias directivas?
• ¿Como crear aplicaciones de página simple usando enrutamiento?
• ¿Como interactuar con una API?
• ¿Como interactuar con una base de datos?
• ¿Como correr mi aplicación en un servidor de producción (Apache o Amazon Web Services)?
• Y mucho mucho más!

Vue JS 2

• Introducción
• Primera aplicación
• Interpolar métodos
• Enlace de datos de propiedad
• Ganchos del ciclo de vida - Introducción
• Ganchos del ciclo de vida en código
• Computed Properties
• Enlace de datos doble

Directivas

• Introducción
• v-bind
• v-text
• v-html
• v-if y v-else
• Etiqueta Template
• v-else-if
• v-show
• v-for
• indice del v-for
• v-for con template
• v-for con objetos

Eventos

• Introducción
• Pasar argumentos
• Usar el objeto Event
• Usar más de un evento
• Modificadores de eventos
• Eventos del teclado y modificadores
• Forma alternativa de v-on

Aplicación Lista de Tareas

• Introducción
• Estructura
• Mostrar lista de tareas
• Nuevas tareas
• Agregar nueva tarea a la lista
• Mejorar presentación de la página
• Marcar tarea como terminada
• Borrar tarea
• Usar Enter para agregar una tarea
• Terminar

Componentes

• Crear componente
• Agregar tarea como componente
• Crear componente lista de tareas

Vue CLI

• Instalación
• Estructura de la aplicación
• Comenzar lista de tareas con CLI
• Crear componente y enviar información
• Crear componente agregar tarea
• Crear componente listaTareas
• Solo un elemento raíz en el template
• Validar propiedades
• Enviar información al componente padre
• Forma alternativa de comunicación entre componentes
• Enviar información entre componentes hermanos
• Usar bus de datos
• Compartir métodos

Slots

• Introducción
• Slots
• Usar varios slots
• Usar estilos con slots
• Slots por defecto
• Componentes dinámicos
• Evitar la destrucción del componente

Directivas personalizadas

• Introducción
• Directivas globales
• Pasar valores a la directiva
• Usar modificadores
• Pasar argumentos
• Pasar objetos a la directiva
• Definir directivas localmente

Formularios

• Introducción
• Agrupar valores
• Modificadores de v-model
• Como crear un menú desplegable
• Campo de texto multilineas
• Radio buttons
• Checkboxes
• Conectar el botón

Filtros

• Crear un filtro local
• Crear un filtro global
• Filtros con números

Llamados HTTP

• Introducción
• Guardar información en Firebase
• Hacer llamados GET a Firebase
• Actualizar información
• Borrar elemento

Enrutamientos

• Introducción
• Crear y usar rutas
• Remover el hash de la dirección
• Llamar usuarios desde una API
• Usar router-link para los enlaces
• Mostrar elemento activo
• Pasar parámetros en la ruta
• Usar sub-rutas
• Navegar al usuario desde la lista
• Usar Watch para ver cambios en la ruta
• Navegación programatica
• Redireccionamientos
• Lazy loading

Correr en producción

• Subir la aplicación a un servidor Apache
• Subir la aplicación a AWS

BONUS

• No dejes de aprender