Curso de Introducción a Vue.js 3

Curso de Introducción a Vue.js 3

Instruido por:
Samuel Burbano
Samuel Burbano
Básico
4 horas de contenido
Ver la ruta de aprendizaje
MiniVue
Proyecto del curso
MiniVue

Crea tu propio mini-framework con (casi) la misma sintaxis de Vue.js. Descubre cómo desarrollar un framework reactivo con Proxies y Reflects para comprender mucho mejor cómo construyeron Vue.js 3 One Piece.

Curso de Introducción a Vue.js 3

Curso de Introducción a Vue.js 3

Progreso del curso:0/37contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/37contenidos(0%)

Introducción: fundamentos de Vue.js

¿Cómo convertirte en frontend developer con Vue.js?

00:37 min

Material Thumbnail

La magia de aprender JavaScript

02:08 min

Material Thumbnail

¿Qué es Vue.js? Frameworks, librerías y componentes

06:26 min

Material Thumbnail

Declarative rendering con JavaScript

05:09 min

Material Thumbnail

Declarative rendering con Vue.js

05:39 min

Reactividad a profundidad

Material Thumbnail

¿Qué es la reactividad?

03:49 min

Material Thumbnail

¿Qué es un Proxy?

06:29 min

Material Thumbnail

Crea tu propio miniframework: MiniVue

07:04 min

Material Thumbnail

Implementando un Proxy en MiniVue

06:06 min

Material Thumbnail

Implementando Reflect en MiniVue

09:29 min

Material Thumbnail

Reactividad con effect, track y trigger

03:53 min

Material Thumbnail

Implementando effect, track y trigger en MiniVue

07:39 min

Templates de Vue.js

Disclaimer sobre los Templates

00:21 min

Material Thumbnail

Proyecto: PlatziCommerce con Vue.js

06:53 min

Material Thumbnail

Conditional rendering

08:53 min

APIs internas de Vue.js

Material Thumbnail

Options API vs. Composition API

05:14 min

Material Thumbnail

Métodos personalizados con Options API

08:36 min

Material Thumbnail

Métodos personalizados con Composition API

07:25 min

Segunda capa: componentes de Vue.js

Material Thumbnail

Componentes de Vue con Options API

06:56 min

Material Thumbnail

Componentes de Vue con Composition API y props

14:13 min

Reto con componentes

00:37 min

Material Thumbnail

Custom events o eventos personalizados con Options API

04:28 min

Material Thumbnail

Custom events o eventos personalizados con Composition API

03:57 min

Material Thumbnail

Watchers con Options API

08:53 min

Material Thumbnail

Watchers con Composition API

08:19 min

Material Thumbnail

Computed properties con Options API

05:17 min

Material Thumbnail

Computed properties con Composition API

06:20 min

Material Thumbnail

Ciclos de vida de un componente

08:19 min

Material Thumbnail

Ciclos de vida de un componente: Composition API

06:03 min

Siguientes pasos

Continúa tu ruta de aprendizaje profesional con Vue.js

00:58 min

Material Thumbnail

Siguientes pasos con Vue.js

01:11 min

nuevosmás votadossin responder
Felipe Moreno
Felipe Moreno
Estudiante

¿Qué diferencia existe entre el onMounted y el onUpdated?

El onUpdated sería similar al de React y cada que se actualice algo internamente en el componente se ejecutaría? o sólo se ejecuta “la primera vez” como el onMounted?

¡Gracias!

1
Luis Aguilar Espinoza
Luis Aguilar Espinoza
Estudiante

El método Reflect.set(…) llamado desde el evento del input parece comportarse de forma recursiva, al ser llamado también dentro de la trampa set() del Proxy…

1
Abner Batz
Abner Batz
Estudiante

y si los productos no están constantes o hardcodeados, si no que proviene de consumir un servicio web o api. ¿será lo mismo, funciona igual?

0
Rafaeru
Rafaeru
Estudiante

Al usar Reflect detro del Proxy, entiendo que no usa al this.$data, sino seria un bucle infinito, entonces ¿A que dato envia?

0
Marcelo Velásquez
Marcelo Velásquez
Estudiante
Entiendo que cuando se hace Reflect.get() se ejecuta la trampa definida en el proxy. Ahora, al hacer esto dentro de la trampa del proxy, ¿no entraría en un bucle?
1
Rafael Moro
Rafael Moro
Estudiante

Hola gente, como se importa si decido tener mi archivo principal js aparte y tambien pongo mi componente en otro js. ¿Cómo se importaria?
Usaría export pero, ¿A qué? ¿A product?
Entiendo que en el html seria con "<script src=“app.js”></script>"
Pero entonces en esa etiqueta usaria el atributo type con valor “module”?

Saludos.

0
Mauricio Combariza
Mauricio Combariza
Estudiante

Cuando nos ayudan con una clase de Nuxt js

5
Samil Sanchez
Samil Sanchez
Estudiante

Me imgnaino que Samuel creo este miniframework para ver como funciona el Vues.js internamente ? pero que realmente vamoa utilizar el vues.js de la pagin o vamoa crear nuestro propio vues.js?

1
Jaime Ortiz
Jaime Ortiz
Estudiante

O sea que reactive() es sugar sintactic?

1
Manuel Alejandro Vega Meneses
Manuel Alejandro Vega Meneses
Estudiante

Estoy teniendo el error cartState is not defined. ¿Qué puede ser?

0