Desarrollo de Frontend para Ecommerce con Vue.js 3
Clase 36 de 37 • Curso de Reactividad con Vue.js 3
Contenido del curso
Reactividad a profundidad
- 6

Paradigma reactivo: responsivo, resiliente y escalable
03:49 min - 7

Proxies: la clave de la reactividad Vue
06:29 min - 8

Creando tu primer mini framework reactivo
07:04 min - 9

Integrar Proxy para crear mini framework reactivo
06:06 min - 10

Refleja tu lógica mantenible con JavaScript
09:29 min - 11

Conceptos clave de reactividad: efectos, track y trigger
03:53 min - 12

Efectos trackers triggers: cómo Vue vincula datos
07:39 min
Templates de Vue.js
- 13

Templates de HTML en Vue.js: Mejores Prácticas Esenciales
00:21 min - 14

Estructura inicial de Platzy Commerce con Vue
06:52 min - 15

Expresiones JavaScript en templates Vue
06:49 min - 16

v-bind y clase reactiva en Vue.js
06:08 min - 17

v-show vs v-if en Vue: cuándo usar cada uno
08:53 min - 18

Directiva v-for para listas en Vue.js
08:14 min - 19

Eventos con v-on en templates de Vue
06:49 min
APIs internas de Vue.js
Segunda capa: componentes de Vue.js
- 25

Crear componentes reutilizables con Vue
06:56 min - 26

Cómo pasar datos de padre a hijo en Vue
14:13 min - 27

Creación de Componentes Personalizados en Aplicaciones Web
00:37 min - 28

Eventos personalizados en Vue: comunicar hijo a padre
04:27 min - 29

Eventos personalizados con Composition API
03:57 min - 30

Watchers en Vue Options API
08:53 min - 31

Watchers en Vue Composition API
08:19 min - 32

Computed properties vs watchers en Vue
05:17 min - 33

Computed en Vue Composition API
06:20 min - 34

Ciclos de vida en Vue: cuándo y cómo cargar datos
08:19 min - 35

Ciclos de vida en Composition API
06:03 min
Siguientes pasos
¡Felicitaciones por terminar el Curso de Vue.js 3 One Piece! Aprendiste qué es la reactividad, la implementaste en tu propio miniframework y descubriste con claridad y a bastante profundidad cómo funciona Vue.js por dentro.
Durante el curso realizamos varios ejercicios y construimos un proyecto muy interesante. Ahora estás lista o listo para dar el siguiente paso y completar un reto final: PlatziCommerce Reloaded, el frontend de un ecommerce profesional que podrás incluir en tu portafolio.
Debes seguir las siguientes instrucciones:
- Busca un diseño maravilloso de ecommerce. Puedes buscarlos en plataformas como Dribbble o hacer equipo con algunx estudiante en la Escuela de Product Design.
- El sitio web debe tener búsqueda de productos, carrito de compras, la posibilidad de reducir el precio con cupones de descuento y filtros (por precio y categoría, por ejemplo).
- También debes encargarte de que el sitio sea responsive y mobile first.
- Puntos extra si integras componentes de terceros para lograr alguna funcionalidad extra en tu ecommerce (como gráficas de visualización de datos, por ejemplo).
Cuando lo termines, quiero invitarte a que compartas tu resultado en los comentarios y nunca pares de aprender Vue.js. En la Carrera de Desarrollo Web Frontend con Vue encontrarás muchos más cursos para desarrollar proyectos increíbles, seguir dominando Vue.js e integrarlo con las herramientas más importantes del desarrollo web.