school
Este curso pertenece a las siguientes rutas de aprendizaje
play_circle_outline
vista previa
6 minutos
file_download
Archivos de la sección (Vue from Scratch)
N/A
play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
9 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
9 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
8 minutos
play_circle_outline
vista previa
14 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
Desarrollar nuestra primera directiva, dando el foco a inputs
5 minutos
play_circle_outline
Directiva para aplicar estilos a componentes pasando parámetros
3 minutos
play_circle_outline
Desarrollar un filtro con paso de parámetros para establecer la Currency
5 minutos
play_circle_outline
Desarrollar un plugin con argumentos para mostrar el perfil de un usuario
7 minutos
play_circle_outline
Props, paso de datos a componentes al utilizarlo, tipos y validación
8 minutos
file_download
Archivos de la sección (Contador Vuex)
N/A
play_circle_outline
Instalar Vue Cli 3 y crear nuestro primer proyecto con Vue UI
10 minutos
play_circle_outline
Entendiendo un proyecto creado con Vue Cli
6 minutos
play_circle_outline
Introducción a Vuex
3 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
Crear el componente Counter y ver cómo lo podemos utilizar en otros componentes
5 minutos
play_circle_outline
Primera versión del componente Counter accediendo a Vuex
6 minutos
play_circle_outline
Segunda versión componente Counter, mapState y mapMutations
4 minutos
file_download
Archivos de la sección (Vue Shop)
N/A
play_circle_outline
Crear proyecto con Vue UI
3 minutos
play_circle_outline
Instalar VuePaginate, BootstrapVue y configurar ambas dependencias cómo plugins
5 minutos
play_circle_outline
Iniciar un módulo con Vuex para manejar los productos de la aplicación
8 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
Definir la lógica del listado de productos
7 minutos
play_circle_outline
Primera versión del listado de productos paginados con Bootstrap 4
7 minutos
play_circle_outline
Crear componente que representa un producto y utilizarlo en un bucle v-for
7 minutos
play_circle_outline
Componente con Slots para definir un Layout para nuestra tienda
3 minutos
play_circle_outline
Iniciar el módulo Vuex del carrito de compras y desarrollar mutaciones
7 minutos
play_circle_outline
Crear un Getter con Vuex en el módulo Cart para calcular el coste total
4 minutos
play_circle_outline
Añadir productos al carrito con Vuex desde el listado de productos
3 minutos
play_circle_outline
Iniciar componente Carrito y definir la lógica
3 minutos
play_circle_outline
Finalizar componente Cart, trabajo en la template con b-table
8 minutos
file_download
Archivos de la unidad (Vue Crud Todo)
N/A
file_download
Archivos de la unidad (JSON SERVER)
N/A
play_circle_outline
Crear y levantar servidor Fake con JSON SERVER
4 minutos
play_circle_outline
Crear proyecto con Vue UI, instalar Axios, VueAxios, BootstrapVue y Vuelidate
6 minutos
play_circle_outline
Explicación del proyecto y el Router de Vuejs
3 minutos
play_circle_outline
Desarrollar plugins para utilizar las dependencias instaladas
4 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
Consumir la API utilizando VueAxios a través de Acciones con Vuex
4 minutos
play_circle_outline
Finalizar Acciones para consumir la API y pasar el módulo Todos a la Store
7 minutos
play_circle_outline
Vistas, rutas y modificar el componente APP con la nueva navegación
6 minutos
play_circle_outline
Iniciar el componente TodoList para listar tareas
2 minutos
play_circle_outline
Iniciar componente TodoItem y escribir la lógica necesaria
6 minutos
play_circle_outline
Finalizar componente TodoItem, escribir la template y utilizar en TodoList
5 minutos
play_circle_outline
Finalizar la vista de Todos con botones de Acción
5 minutos
play_circle_outline
Desarrollar lógica del Componente TodoForm
5 minutos
play_circle_outline
Desarrollar template del Componente TodoForm con Vuelidate
7 minutos
play_circle_outline
Alta de todos utilizando el Componente TodoForm
7 minutos
play_circle_outline
Actualizar todos utilizando el Componente TodoForm
7 minutos
file_download
Archivos sección 6 (Vuex Shop Persist)
N/A
play_circle_outline
Persistir Vuex en LocalStorage
6 minutos
play_circle_outline
Persistir Vuex en IndexedDB, ideal para PWA's
3 minutos
description
Información importante
N/A
play_circle_outline
Poner la aplicación en Producción en un Bucket de Amazon S3
10 minutos
play_circle_outline
Utilizar CloudFront con Bucket de S3 para añadir certificado HTTPS
8 minutos
file_download
Archivos sección 8 (JSON SERVER AUTH)
N/A
file_download
Archivos sección 8 (Vuex-Auth-Child-Routes)
N/A
play_circle_outline
vista previa
3 minutos
play_circle_outline
Crear proyecto e instalar dependencias a utilizar
6 minutos
play_circle_outline
Middleware JSON SERVER para iniciar sesión
3 minutos
play_circle_outline
Configurar plugins VeeValidate, VuexPersist y Bootstrap Vue
5 minutos
play_circle_outline
Iniciar módulo de autenticación, estado y mutaciones
5 minutos
play_circle_outline
Acción para iniciar sesión con Vuex
5 minutos
play_circle_outline
Lógica para añadir un preloader al iniciar sesión
2 minutos
play_circle_outline
Desarrollar navegaciones para invitados y usuarios identificados
6 minutos
play_circle_outline
Utilizar navegaciones para invitados y usuarios identificados en App
4 minutos
play_circle_outline
Configurar preloader en App
2 minutos
play_circle_outline
Iniciar componente formulario de login con paso y validación de props
2 minutos
play_circle_outline
Finalizar componente formulario de login, template
7 minutos
play_circle_outline
Crear View Login y utilizar componente login form
4 minutos
play_circle_outline
Crear mixin para mostrar errores de formulario con VeeValidate y BootstrapVue
5 minutos
play_circle_outline
Extender VeeValidate con validación para fortaleza de password
3 minutos
play_circle_outline
Procesar formulario de login y persistir módulo Auth en localStorage
9 minutos
play_circle_outline
Rutas y rutas hijas, desarrollando los componentes Secret y Notes
5 minutos
play_circle_outline
Refactorizar rutas en un archivo separado
2 minutos
play_circle_outline
Evento BeforeEach de VueRouter para controlar rutas públicas y privadas
7 minutos
file_download
Archivos sección 9 (JSON SERVER formularios)
N/A
file_download
Archivos sección 9 (formularios avanzados)
N/A
play_circle_outline
vista previa
2 minutos
play_circle_outline
Crear proyecto y Setup rápido para iniciar
7 minutos
play_circle_outline
Componente activity personal data y utilizar Mixins desde componentes hijos
9 minutos
play_circle_outline
Inyectar VeeValidate en componentes hijos para que funcione
2 minutos
play_circle_outline
Alias en VeeValidate
1 minutos
play_circle_outline
Componente tipos de actividad
5 minutos
play_circle_outline
Carga de componentes dinámicos a través de campo de selección
8 minutos
play_circle_outline
Campo checkbox para aceptar condiciones
4 minutos
play_circle_outline
Botones para restablecer datos, limpiar errores y hacer submit
5 minutos
play_circle_outline
Enviar formulario a servidor para guardar datos
3 minutos
play_circle_outline
Poner el formulario en modo edición recuperando datos de JSON SERVER
4 minutos
file_download
Archivos sección 10 (buscador coches Vuex)
N/A
play_circle_outline
vista previa
1 minutos
play_circle_outline
Crear proyecto e instalar dependencias a utilizar
6 minutos
play_circle_outline
Trabajo con Vuex, estado y mutaciones
3 minutos
play_circle_outline
Definir un Getter para realizar búsquedas sobre el estado
10 minutos
play_circle_outline
Aprender a utilizar y cargar hojas de estilo Stylus con Vue
3 minutos
play_circle_outline
Desarrollar la lógica del componente Buscador
10 minutos
play_circle_outline
Desarrollar la template del Buscador, formulario con varios tipos de campos
7 minutos
play_circle_outline
Desarrollar la lógica del componente Listado de coches
3 minutos
play_circle_outline
Desarrollar la template del componente Listado de coches
8 minutos
play_circle_outline
Mutación y restablecer el estado del buscador utilizando Vuex
4 minutos
file_download
Archivos Vuejs Transiciones
N/A
description
Documentación con muchos ejemplos sobre las transiciones
N/A
play_circle_outline
Desarrollando una ventana modal con Vue Transitions
15 minutos
description
Recursos sobre Vuejs 2
N/A
school
¿Qué aprenderás?
En este Curso de Vuejs 2 y Vuex desde 0 en español vas a aprender paso a paso y de forma correcta a desarrollar aplicaciones web con JavaScript y HTML, hacer el despliegue a producción a Amazon y utilizar Vue Cli 3 además de muchos otros temas que te ayudarán en tu día a día como desarrollador web.
Vuejs es para mi el mejor Framework JavaScript del lado del cliente para el desarrollo de interfaces de usuario basadas en componentes.
Los repositorios de Github así lo reflejan, donde Vuejs pasa por encima a sus principales competidores de forma bastante clara, teniendo en cuenta que las estrellas se las asignan los desarrolladores, es un factor muy importante.
A finales de 2018:
⭐️⭐️⭐️⭐️⭐️ Vuejs Github: 118.062
⭐️⭐️⭐️⭐️ Reactjs Github: 114.684
⭐️⭐️ Angular Github: 42.285
A 20 de febrero de 2020:
⭐️⭐️⭐️⭐️⭐️ Vuejs Github: 157.223 -> +39.161
⭐️⭐️⭐️⭐️ Reactjs Github: 144.072 -> +29.388
⭐️⭐️ Angular Github: 58.988 -> +16.703
Cómo podemos ver, Vuejs 2 años después gusta más y día a día consigue que desarrolladores de React y Angular opten por él, y a mi sinceramente no me extraña nada.
Si a esto le sumamos que hace varios meses Reactjs estaba por encima de Vuejs, entonces todavía la valoración habla mejor de Vue.
Dicho esto, para mi Vuejs y React están a la misma altura y ambos son excelentes Frameworks que hacen que el desarrollo de apps complejas se vuelva algo realmente sencillo y al alcance de todos, Angular queda algo descolgado por el uso de SEMVER, algo que he experimentado y personalmente no me ha gustado nada.
Este curso te enseñará desde 0 a desarrollar aplicaciones completas con Vuejs 2 utilizando las últimas versiones y siempre con el uso de las mejores prácticas.
Utilizo Vuejs casi cada día desde sus inicios y he desarrollado cientos de App's con este Framework, me considero un desarrollador Experto en Vuejs 2. La meta de este curso es transmitirte todos estos conocimientos a través de ejemplos paso a paso.
Este curso está segmentado en varias secciones, siendo la primera la más importante de todas ya que es la que te dará una base correcta para que entiendas de forma rápida y sencilla qué te ofrece Vuejs 2.
Una vez finalices el curso no serás un experto, pero tendrás una base correcta y sabrás utilizar Vuejs 2 con las mejores prácticas y un montón de importantes herramientas necesarias para el día a día con este Framework.
Vuejs es para mi el mejor Framework JavaScript del lado del cliente para el desarrollo de interfaces de usuario basadas en componentes.
Los repositorios de Github así lo reflejan, donde Vuejs pasa por encima a sus principales competidores de forma bastante clara, teniendo en cuenta que las estrellas se las asignan los desarrolladores, es un factor muy importante.
A finales de 2018:
⭐️⭐️⭐️⭐️⭐️ Vuejs Github: 118.062
⭐️⭐️⭐️⭐️ Reactjs Github: 114.684
⭐️⭐️ Angular Github: 42.285
A 20 de febrero de 2020:
⭐️⭐️⭐️⭐️⭐️ Vuejs Github: 157.223 -> +39.161
⭐️⭐️⭐️⭐️ Reactjs Github: 144.072 -> +29.388
⭐️⭐️ Angular Github: 58.988 -> +16.703
Cómo podemos ver, Vuejs 2 años después gusta más y día a día consigue que desarrolladores de React y Angular opten por él, y a mi sinceramente no me extraña nada.
Si a esto le sumamos que hace varios meses Reactjs estaba por encima de Vuejs, entonces todavía la valoración habla mejor de Vue.
Dicho esto, para mi Vuejs y React están a la misma altura y ambos son excelentes Frameworks que hacen que el desarrollo de apps complejas se vuelva algo realmente sencillo y al alcance de todos, Angular queda algo descolgado por el uso de SEMVER, algo que he experimentado y personalmente no me ha gustado nada.
Este curso te enseñará desde 0 a desarrollar aplicaciones completas con Vuejs 2 utilizando las últimas versiones y siempre con el uso de las mejores prácticas.
Utilizo Vuejs casi cada día desde sus inicios y he desarrollado cientos de App's con este Framework, me considero un desarrollador Experto en Vuejs 2. La meta de este curso es transmitirte todos estos conocimientos a través de ejemplos paso a paso.
Este curso está segmentado en varias secciones, siendo la primera la más importante de todas ya que es la que te dará una base correcta para que entiendas de forma rápida y sencilla qué te ofrece Vuejs 2.
Una vez finalices el curso no serás un experto, pero tendrás una base correcta y sabrás utilizar Vuejs 2 con las mejores prácticas y un montón de importantes herramientas necesarias para el día a día con este Framework.
assignment
Requisitos
- Conocimientos de HTML.
- Conocimientos de JavaScript y ES6.
- Experiencia en desarrollo web.
group
¿A quién va dirigido el curso?
Desarrolladores que deseen aprender a utilizar Vuejs 2 con Vuex para el desarrollo de aplicaciones SPA, SSR, PWA y MOBILE de forma rápida, ordenada y optimizada.
help_outline
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
card_membership
Certificado de finalización
emoji_events
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
Opiniones
Valoraciones
4.9
10 valoraciones
hace 4 años
hace 5 años
Lo he flipado !!!
Un curso super-completo que me ha introducido es este magnífico framework.
Es todo muy muy muy sencillo
Mil gracias, Israel. Eres grande!
hace 5 años
Curso Top!! :D
Fantástico curso de Vue, había realizados otros pero éste sin duda mucho mejor explicado y con los códigos de los ejemplos
hace 5 años
hace 5 años
hace 5 años
Curso bien completo y super bien explicado.
Un curso muy bueno la verdad, tiene varios puntos muy muy interesante y muy necesarios, la verdad felicitaciones por la forma en que fuiste explicando, a punto personal, si planeas agregar cosas a futuro, podrias poner como trabajar select anidado, creo que asi se le llama a un select que depende de otro select...tambien alguna libreria de generación de reportes o pdf, y a mi punto personal si puedes trabajar layouts de login, estos separados del area de administración...
en fin, muchas gracias nuevamente.
Saludos y feliz 2021 amigo
hace 5 años
NULL
Muy bueno el curso, abarca muchos temas importantes para el manejo de este grandioso framework.
hace 5 años
¡Vuexcelente curso!
Excelente material y excelente curso; en procura de mejoras me estoy dando un repaso general de los lenguajes que día a día uso y la verdad que clase de video curso te has currado Israel.
Amigos se los recomiendo, son casi 10 Hrs de material muy completo sobre Vue, Vuex y buenas prácticas.
Muchas gracias Israel por tu tiempo, saludos!
hace 6 años
Resument
muy bueno el curso, bastante interesante , hay algunas cosas que no me funcionaron por la version, pero ya queda en nosotros en buscar como hacer que funcione, con la version mas actuales.
hace 6 años
Muy buen curso para entender Vue con Vuex de lo mejor que vi
Las practicas son muy buenas y faciles de comprender
Excelente Israel con las bases de Vue 2 y Vuex.