Temario y recursos del Curso de Introducción a Vue.js 3
Temario del Curso de Introducción a Vue.js 3
Introducción: fundamentos de Vue.js
- ¿Cómo convertirte en frontend developer con Vue.js?
- La magia de aprender JavaScript
- ¿Qué es Vue.js? Frameworks, librerías y componentes
- Declarative rendering con JavaScript
- Declarative rendering con Vue.js
Reactividad a profundidad
- ¿Qué es la reactividad?
- ¿Qué es un Proxy?
- Crea tu propio miniframework: MiniVue
- Implementando un Proxy en MiniVue
- Implementando Reflect en MiniVue
- Reactividad con effect, track y trigger
- Implementando effect, track y trigger en MiniVue
Templates de Vue.js
- Disclaimer sobre los Templates
- Proyecto: PlatziCommerce con Vue.js
- Expresiones
- Atributos
- Conditional rendering
- List rendering
- Event handling
APIs internas de Vue.js
- Options API vs. Composition API
- data() y ref()
- Métodos personalizados con Options API
- Métodos personalizados con Composition API
- reactive()
Segunda capa: componentes de Vue.js
- Componentes de Vue con Options API
- Componentes de Vue con Composition API y props
- Reto con componentes
- Custom events o eventos personalizados con Options API
- Custom events o eventos personalizados con Composition API
- Watchers con Options API
- Watchers con Composition API
- Computed properties con Options API
- Computed properties con Composition API
- Ciclos de vida de un componente
- Ciclos de vida de un componente: Composition API
Para este curso vas a necesitar
4 Horas de contenido
12 Horas de práctica
Conocimientos previos
- HTML y CSS
- JavaScript
Proyecto del curso
MiniVueCrea 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.
Para este curso vas a necesitar
4 Horas de contenido
12 Horas de práctica
Conocimientos previos
- HTML y CSS
- JavaScript
Proyecto del curso
MiniVueCrea 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.
Introducción: fundamentos de Vue.js
- ¿Cómo convertirte en frontend developer con Vue.js?
- La magia de aprender JavaScript
- ¿Qué es Vue.js? Frameworks, librerías y componentes
- Declarative rendering con JavaScript
- Declarative rendering con Vue.js
Reactividad a profundidad
- ¿Qué es la reactividad?
- ¿Qué es un Proxy?
- Crea tu propio miniframework: MiniVue
- Implementando un Proxy en MiniVue
- Implementando Reflect en MiniVue
- Reactividad con effect, track y trigger
- Implementando effect, track y trigger en MiniVue
Templates de Vue.js
- Disclaimer sobre los Templates
- Proyecto: PlatziCommerce con Vue.js
- Expresiones
- Atributos
- Conditional rendering
- List rendering
- Event handling
APIs internas de Vue.js
- Options API vs. Composition API
- data() y ref()
- Métodos personalizados con Options API
- Métodos personalizados con Composition API
- reactive()
Segunda capa: componentes de Vue.js
- Componentes de Vue con Options API
- Componentes de Vue con Composition API y props
- Reto con componentes
- Custom events o eventos personalizados con Options API
- Custom events o eventos personalizados con Composition API
- Watchers con Options API
- Watchers con Composition API
- Computed properties con Options API
- Computed properties con Composition API
- Ciclos de vida de un componente
- Ciclos de vida de un componente: Composition API
