¿Qué aprenderás?
Comprender como funciona Vuejs, Crear componentes con Vue, Manejo de rutas y estados con Vue, Crear tu primera aplicación
¿Qué conocimientos necesitas?
JavaScript, JavaScript Orientado a Objetos
Nivel
intermedio
+ 10 horas
Certificado
Temario del curso
Introducción y conceptos básicos
- 1.1 - Por qué Vue.js05:53
- 1.2 - Introducción a Vue.js12:27
- 1.3 - Conceptos y terminologia09:07
- 1.4 - Ejercicio formulario y templates17:01
- 1.5 - Ejercicio formulario computed08:13
- 1.6 - Ejercicio formulario con Methods09:07
- 1.7 - Ejercicio formulario con transitions09:35
- 1.8 - Procesar formulario con ajax y axios08:40
- 1.9 - CSS dinámico22:12
Programación orientada a componentes
- 2.1 - Ciclo de vida de la instancia de Vue09:05
- 2.2 - Crear componentes globales11:15
- 2.3 - Crear componentes locales05:44
- 2.4 - Templates13:31
- 2.5 - Propiedades de un componente08:18
- 2.6 - Slots21:01
- 2.7 - Eventos personalizados01:20
- 2.8 - Event bus09:20
Herramientas de configuración del entorno de desarrollo
- 3.1 - Vue devtools y Vue cli10:09
- 3.2 - Single File components04:09
- 3.3 - Crear un proyecto vue con Webpack14:56
- 3.4 - Estructura de archivos15:08
- 3.5 - Ejercicio Vue con Webpack19:28
Manejo del estado
- 4.1 - Como funciona Vuex11:41
- 4.2 - Crear proyecto webpack e importar vuex06:36
- 4.3 - State, getters y mutations12:05
- 4.4 - Actions, store y components11:12
- 4.5 - Computed methods, Data y Templates15:24
- 4.6 - Ejercicio con Single File components17:40
Manejo de rutas
- 5.1 - Conceptos basicos de manejos de rutas10:42
- 5.2 - Rutas, transiciones y enlaces activos13:08
- 5.3 - Rutas programadas08:15
- 5.4 - Rutas dinamicas10:24
- 5.5 - Rutas anidadas11:38
- 5.6 - Rutas nombradas08:31
- 5.7 - Vistas nombradas14:07
- 5.8 - Redirecciones y alias39:09
- 5.9 - Paso de propiedades54:08
- 5.10 - Historial HTML5 y Guardias de navegacion36:17
Single Page Applications ( SPA )
- 6.1 Single Page Application con Vue.js01:40:52
- 6.2 - Plantilla basica07:46
- 6.3 - API de fixer y componente app17:04
- 6.4 - Componente currency rates list estatico15:26
- 6.5 - Componente currency rates list dinamico09:52
- 6.6 - Consumiendo datos de la api16:48
- 6.7 - Convertidor de divisas17:47
CRUD con PHP y MySQL
- 7.1 - Crear base de datos06:47
- 7.2 - Crear API con php y mysql12:15
- 7.3 - Maquetado y diseño de nuestra aplicacion vue16:07
- 7.4 - Definir metodos y funcion de modal19:50
- 7.5 - Agregar un registro10:02
- 7.6 - Mostrar y actualizar registros11:15
CRUD con Firebase
- 8.1 - Que es firebase y crear proyecto11:07
- 8.2 - Agregar firebase a nuestro proyecto10:17
- 8.3 - Reglas y agregar registro15:58
- 8.4 - mostrar,editar y eliminar registros10:07
- 8.5 - Proyecto con vue single file componentes14:20
- 8.6 - Retos del proyecto07:28
¿Por qué elegir EDteam?
Profesores reales
Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.
Especialidades
Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.
Aprende con proyectos
Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.
Comunidad
No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.
Clases en vivo
Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.
Seguimiento de aprendizaje
Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.