Fundamentos y Estructura de un Proyecto Vue 3 | Curso de Vue.js 3 - 02
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
En este segundo video, exploraremos la estructura de carpetas y archivos de un proyecto Vue.js 3, además de las diferentes formas de escribir código en Vue, incluyendo Options API y Composition API. Nos enfocaremos especialmente en la nueva y poderosa forma de escribir código con Vue.js 3: el script setup del Composition API, que utilizaremos a lo largo de este curso. También aprenderás a modificar el HTML básico para comprender mejor el concepto de Single-File Component de Vue, donde nos concentramos en entender que un archivo .vue se separa en tres partes: template, script y style. 00:00 Cómo abrir un proyecto de Vue.js 3 en Visual Studio Code 00:42 Extensión de iconos para Visual Studio Code y Vue.js 3 01:20 La estructura de carpetas de un Proyecto Vue.js 3 (Parte 1) 01:38 Conociendo el archivo package.json 02:01 La estructura de carpetas de un Proyecto Vue.js 3 (Parte 2) 03:08 Las formas de escribir código en Vue.js 3 03:36 El Options API, la forma antigua de escribir código de Vue 04:14 Composition API: código moderno para Vue.js 3 05:57 Ejecutando el Proyecto Vue 3 por primera vez 06:50 Los archivos principales de un proyecto Vue 3 09:46 Cómo utilizar vue.js devtools en Google Chrome 10:58 Entendiendo la estructura de un archivo Vue 12:32 Cómo modificar el HTML de un archivo Vue Página oficial de la documentación de Vue 3: https://vuejs.org Herramientas que ocupamos en este curso: Visual Studio Code: https://code.visualstudio.com/ + Instalar la extensión oficial de Vue (la puedes buscar como VOLAR) Sourcetree: https://www.sourcetreeapp.com/ | Esta herramienta nos permite utilizar GIT sin comandos. En google Chrome instala la extensión oficial de Vue.js 3, llamada vue.js devtools ¡No te pierdas esta oportunidad de dominar Vue.js 3 de manera clara y efectiva! Más adelante, crearemos un dashboard añadiendo CSS y el framework Bootstrap 5, creando vistas para CRUDs, utilizando Pinia, Vue Router, y otras dependencias como Vee-Validate y Yup. Para más contenido como este, tutoriales de Vue u otros frameworks de desarrollo web frontend, dale "Me gusta", comparte el vídeo y suscríbete. Si te sirvió el vídeo o quieres opinar sobre qué deberíamos ver en este curso de Vue 3, deja tu comentario. #desarrolloweb #vuejs #vue
Sobre este curso
Aprende Vue.js 3 de la mano de José Barrientos en este completo curso en español. Aprende los fundamentos y avanzados de Vue.js 3 con ejemplos prácticos y proyectos reales con Composition API y script setup. Domina uno de los frameworks líder en el desarrollo web frontend, desde la instalación hasta las técnicas más avanzadas, donde veremos reactividad, propiedades, gestión de estados con pinia, rutas con vue-router, consumir APIs con Axios y más. ¡Inicia tu viaje en Vue.js 3 ahora!
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript