EMPIEZA desde 0 en el mundo de los FRAMEWORKS con VUE 3 (con Composition API y Vite) 🚀 El MÁS FÁCIL
HTML-код
- Опубликовано: 30 июл 2024
- 🚀Incluye ACTIVIDAD de práctica: (material zip: www.html6.es/curso/vue.zip)
EMPIEZA ahora mismo en el mundo de los FRAMEWORKS con uno de los más conocidos y diseñado para que sea FÁCIL de APRENDER (con una curva de aprendizaje muy suave) con la últimas tecnologías (VUE 3 + COMPOSITION API + VITE + PINIA)
🚀 Suscríbete al canal: 👉 ruclips.net/user/soyjab?sub...
🚀 Capítulos:
00:00 - ¿Qué vamos a APRENDER en este VÍDEO?
04:00 - Creamos el proyecto de Vue con Vite
06:58 - Creamos nuestro primer componente
09:17 - La gran potencia del template
10:19 - El uso de las dobles llaves {{ y }} (mustakes)
13:58 - La directiva V-BIND (o también llamada : "dos puntos")
16:46 - Añadimos un evento (de tipo click)
19:45 - Las variables reactivas y uso de ref
29:00 - Las directivas V-IF, V-ELSE y V-IF-ELSE
32:44 - Todo sobre la directiva V-SHOW
35:36 - Las propiedades computadas (computed para los amigos)
39:17 - Utilizando imágenes con Vue
42:14 - Cargar datos externos (arrays, arrays de objetos...)
44:05 - EXPLICACIÓN de la ACTIVIDAD (que tienes que hacer tú)
47:05 - La SOLUCIÓN de la ACTIVIDAD paso a paso y con todo lujo de detalles
51:50 - Creamos el botón de "Siguiente" (con todas sus funcionalidades)
54:38 - Instalación de depedencias y compilación para probarlo (npm run dev)
01:01:57 - Añadimos la imagen del rey (construyendo la ruta dinámicamente)
01:10:56 - Añadimos un V-IF con una fórmula de descuento
01:15:16 - Consejo personal de JAB
🚀 Conviértete en miembro de este canal para disfrutar de ventajas:
/ @soyjab
*Siguiente vídeo* de VUE 3 + Composition API: Guía COMPLETA de PROPS, EMITS e INYECCIÓN 👉 ruclips.net/video/QXNNyV2N_C4/видео.html
JAB realmente lo mejor, enseña de una manera tan didáctica que es muy sencillo de aprender, con sus tutoriales he aprendido con mucha más facilidad lo que con otros cursos. Por favor sigue así y a todos los que visiten no dejen de dejar su buen like para que pueda seguir saliendo material de esta calidad. Gracias infinitas.
Luís, no lo podrías haber dicho más claro y no se puede decir mejor... tomo tu palabra. Gracias
Excelente vídeo.
Ya sé que tienes también la serie de React y la de javascript con actividades sencillas, pero por favor no descuides esta serie que está genial. El formato está perfecto, como siempre, lo de explicar el tema y luego presentar el enunciado del ejercicio para después de intentar resolverlo nosotros luego resolverlo todos juntos.
Una vez más muchas gracias.
Muchísimas gracias por hacer este vídeo sobre Vue, he visto otros pero ninguno explicó tan claro como usted.
JAB por favor puedes hacer un curso de Vue 3 con Nuxt... he visto muchos cursos (Udemy) de Vue 3 pero se van por las ramas explicando la teoría y alagando los videos (se que es útil, pero para alguien que no estudio informatica y quiere aprender a desarrollar no tiene mucho sentido irse a lo tan teórico), tu explicas muy bien lo justo y lo preciso... muchas gracias!!
Super conciso y hasta con un ejemplo practico que viene de perlas, genial! muchas gracias!
Buenas JAB. Continua con este curso de VUE que estan muy buenos.
Increible profe sin tanto rodeo directo como funciona, aprendi mas que en otros videos y eso que explicaba rapido
Esto es lo que andaba buscando jajaj y de composition ando haciendo mi primer proyecto con vue 3 mi primer framework que elegi por ahora tengo html y css y bootstrap pero me faltan muchas cosas por aprender
Es mi primera vez usando Vue y he aprendido entendido muy bien gracias a tu forma de explicar. Me encanta 😇
Excelente trabajo. Enhorabuena.
Jab, felicidades por tu metodoglogia para enseñar.
Estoy iniciado (con background de hace muchos años en Pascal / C++ que lo usaba en el instituto y me gusta mucho el UX/UI pero quiero maquetar yo mismo) por lo que he elegido este framework que me arece muy sencillo y escalable. Gracias por la contribución.
Si das cursos me gustaría asistit a alguno, si ejecutas proyectos frelance, pues de pronto me viene bien para colaborar en desarrollar cosas que tengo en mente.
Gran curso como siempre, me gustaria si es posible que hicieras un proyecto completo real con react para el frontend y algun BaaS como supabase o firebase o cualquier otro y luego quizas deploy en vercel o algun otro hosting. El proyecto podria ser un portafolio o culaquier proyecto. El punto es tratar de ver como haces un proyecto real paso a paso desde la planificacion el diseno etc para ver de una forma mas real como aplicar los conocimientos de react. Saludos y gracias por todo
Muy buen video JAB!!
Grande JAB, con calma paciencia y poco a poco no tiene pérdida, muchos más aportes iguales, q tengas buen finde 😊
Igualmente xavi...
voy en el minuto 24 y me ha parecido muy conciso. Gracias!
es verdad que Jab es lo más grande que hay♫♪ sos un grande, React y Vue su crecimiento es exponencial!
Muchas gracias Arsus, tú si quieres eres un grande...
Excelente manera de enseñar
más videos así. crack. lo capte en una.
de los 3 frameworks el q mas me gusta es vue sin duda
Hola soy nuevo por acá, gracias por traernos estos cursos Jab, sos un grande y un excelente profesor, seguí así :)
Genial Exequiel, bienvenido al grupo
Muchas gracias por este curso introductorio, yo lo estoy estudiando en mi carrera pero ellos me dieron un material muy dificil de entender, pero viendo tu video pude entender que es vue y para que sirve GRACIAS!!, tienes el don de enseñar y se te da bien Gracias
Gracias, de Vue tengo alguno más en el canal
Vengo de Vue 2 y quiero pasar mis proyectos al 3, y bue, acá aprendiendo con estos maestros! Muchas gracias!!!
Muy buena decisión
Muchas gracias! gran curso para iniciar👍
Pronto, segunda entrega de Vue
excelente trabajo! muy buen video, gracias!
Gracias a ti por tu comentario
Que increíble estoy aprendiendo muchísimo! gracias🚀🚀✨✨
Me alegra mucho leer eso
Buenísimo el tutorial! En poco tiempo me he hecho fan tuyo. Magnífcas explicaciones, mil gracias por compartir tu sabiduría. Me gustaría empezar a aplicar VUE en proyectos propios, pero aún no tengo claro cómo trabajar con componentes. En este tutorial, si no he entendido mal, todo lo que hemos programado ocurre principalmente en el componente App.vue, ¿no es así? Cómo habría que hacer para incorporar más componentes e interactuar entre ellos? Alguna sugerencia de tutoriales para profundizar un poco más en VUE? Otra cosa que me confunde un poco es que definamos Constantes reactivas. ¿Por que se definen constantes pero luego cambian su valor? ¿No deberían ser variables?
Ha, tambien un curso de node js. estaria bueno
Jab . saludos. . excelentes tus videos. . . sigo aprendiendo . . . esperamos el juego de la ruleta en JavaScript . .
Hola Raulito, lo tengo en cuenta, pero primero va a ir el juego de las parejas, primero con React, y luego con JavaScript, y después el de la ruleta, que irá con ranking, .... es que sinceramente el de la ruleta le veo un juego muy poco atractivo...
Hola, el video es genial y super fácil de seguir, por favor te pido que continúes realizando mas video de vue.js, puedes realizar una encuesta para saber si estamos interesados o no. Gracias
Haré más, te lo garantizo
hola que tal JAB , profesor algun tutorial de ACL o RBAC ??? con node o laravel
Gracias buen hombre.
Nunca me habían llamado así, es positivo
@@soyjab siempre hay una primera vez jajaja
gracias a vue tengo pan en mi mesa jeje
Grande jab
Grande vosotros por aguantarme vídeos de programación, de más de una hora... eso si que es de respetar...
Tu eres un crack voy a repasar tu curso de React y subir otro efecto a RUclips con css si has visto el contenido
Importante! para vue 3 por si no os carga el array de productos poner dentro de setup
import { ref } from "vue";
import { productos } from "./datos.js";
export default {
setup() {
const contador = ref(0);
const total = productos.length;
const siguiente = () => {
if (contador.value < total - 1) {
contador.value++;
} else {
contador.value = 0; // Volver al inicio si se alcanza el final
}
};
return {
contador,
total,
siguiente,
};
},
};
Soy nuevo en el mundo del desaerollo web, y me estoy empapando de JS y quiero aprender un framework y me he inclinado por VUE como mi primera opción; ahora sé que JS es bastante permisivo, pero ¿No causa problemas el uso de la palabra const? Aún para almacenar variables
Se aconseja el uso de const, incluso para la creación de funciones
Excelente video, me gustó tu manera de explicar, solo una observación a cuanto a sacar el descuento, con 73€ el descuento debe de ser 65.70 y no 66.36, en mi caso la operación lo realice de la siguiente manera, productos[contador.value].precio * 0.90
Muchas gracias de nuevo