Profe, estoy eternamente agradecido por la enseñanza brindada . Siempre dejo un like en sus clases para aportar mi granito de arena y también recomiendo a otros colegas🤩
CONTENIDO DE SIEMPRE RECOMENDAR me parce tan interesante el saber que en todos los cursos alternos muestran esto pero realmente nunca queda del todo claro acá gogodev tiene una metodología que vale oro ni se toman el trabajo de enseñar que tiene una dirección para esos comunicados ni nada acá gogodev en su manera de enseñar hace que mi mente dibuje todo el recorrido de de la librería y así entenderlos super bien llevo ya varios proyectos echos dejados a medias y con este curso creo que iré a arreglarlos todos me lleno de vida el curso MIL GRACIAS AMIGO
Increiblemente bueno el curso, lo estoy disfrutando mucho mientras aprendo Vue. Consulta, que extension usas para que te coloree las funciones o las propiedades? Gracias!
me encantan los videos perooo como unica excepcion diria que fuera mejor ver todoo o una parte grande en puro composition api y despues en option api, me confunde un poco que estemos cambiando cada rato de uno a otro 🥴🥴
En todo este tiempo que he buscado cursos de programación, muchas veces en plataformas de paga, no he encontrado un curso mejor explicado que el tuyo. Y no puedo creer que sea gratuito!! Muy agradecido por dedicar tu tiempo para compartir tus conocimientos.
Hola Juanjo! Felicidades, un curso de Vue3 muuuy useful. Tengo un problemilla con la comunicación descendente. Tengo una vista Index.vue que utiliza un componente Modal y le paso por props un objecto. Este Modal utiliza un componente Form al que Modal le pasa el objecto que le llega de Index. A Form no le llega dicho objecto, está vacio. ¿No se puede encadenar componentes hijos pasando la misma variable objecto de props en props? Un saludo y gracias por tu tiempo.
Gracias por compartir tus conocimientos de vue. 👍🏽 A esta altura del curso me pregunto, cómo identificar al hijo desde el que se hizo click para que el padre pueda tomar acciones “personalizadas”. Saludos desde Ecuador.
El método created no está disponible directamente en la Composition API de Vue 3 con . En su lugar, puedes usar onBeforeMount o simplemente colocar el código fuera de cualquier función de ciclo de vida para obtener un comportamiento similar.
Hola hola, tengo una pregunta. Es buena práctica enviar directamente todo el objeto en cada iteración del "v-for" como propiedad en vez de enviar los atributos por separado? por ejemplo: Siento que es mas comodo hacerlo asi, porque me ahorraria props.
EXCELENTE curso GRACIAS.!!!!.. En este video NO explicaste para vue 3 (, no entendí casi nada estoy enfocado solo en vue 3 por ser el mas nuevo, reforzare con lectura) 8-( Continuare con los demas capitulos
yo tengo un problemita a dia de hoy, no encuentro la forma de utilizar props con la version corta del compiler api, osea cuando utilizo setup en la etiqueta script de un componente no puedo utilizar sus props, y e leido que se debe utilizar el defineProps pero esa funcion me sale como no definida, a alguien mas le pasa?
Hola master!, primero que nada muy agradecido por el curso, queria consultar por que en el ciclo de vida de Composition no aparece el created como en el Option? saludos
Que tal , excelente contenido , solo tengo hasta este momento un inconveniente , y es con la extension de vue.js siempre me dice Vue.js not detected, ya he puesto algunas recomendaciones como Permitir acceso a URL de archivo a la extension le he activado todo , ya no se que es lo que no deja que funsione , gracias
Muchas gracias profe, es excelente para explicar, aunque me quedo con un poco de dudas como se realiza el procedimiento para recibir props y setear los emits con sintax sugar del composition API.
Muchas gracias Rodrigo! Cualquier duda no dudes en comentarla. También tenemos el foro en campus-ademass.com para cualquier cuestión. Todo gratis. Un abrazo!
Creo que faltó explicar el uso de defineProps y defineEmits cuando usamos , que es ligeramente diferente a lo explicado. 😉 En el caso de defineProps: const props = defineProps({ title: { type: String, required: true }, content: { type: String, default: "Este post no tiene contenido" }, }) Si lo hiciéramos usando solo JavaScript, sería: const props = defineProps(['title', 'content']) En el caso de defineEmits: 1. En el primer ejemplo, sin el input: const emit = defineEmits(['sayHi']); function handleClick() { emit('sayHi', 'Hola'); } 2. En el segundo ejemplo, con el input: import { ref, type Ref } from 'vue'; const emit = defineEmits(['sayHi']); let message: Ref = ref('""); function handleClick() { emit('sayHi', message.value); } Y, por supuesto, en ninguno de los casos no tendríamos que retornar nada ni que importar nada porque defineProps y defineEmits vienen built in en Vue 3. EXCELENTEMENTE BIEN explicados los emits (que no son nada sencillos de explicar y entender la primera vez). ¡¡¡Eres un crack bro!!! NOTA-POST: acabo de ver que por allí comienzas la clase 6 😆😆 De todos modos, lo dejo aquí comentado por si alguien ve solo este video. 🤗
en el minuto 1:04:56 decís que hay que poden para que se muestre la props {{ props.title }}, es necesario poner {{ props.title }} o bien con {{ title }} es lo mismo?
@@GOGODEV me refiero a onCreated y onUnmonted en Composition API o script setup. en el siguiente video lo q hay es computed.. ahora bien, vi por ahí q el onCreated en composition API ya viene por defecto, de modo q no hay necesidad de establecerlo, pero y q hay del onUnmonted, existe? no existe? también está por defecto? por qué? nada de esto se menciona en el video o el siguiente, solo se mencionó y explicó en el Option API
Cómo es posible obtener el código de la comunicación Vertical, ascendente y descendente, pero en composition API ? Faltó eso, ya que en los anteriores videos, siempre lo hacía de las dos formas: option API y composition API. Gracias.
Muy bueno el video. Me ha faltado ver toda esta construcción con el setup en la cabecera del script. Lo estoy probando y no para de cagarme errores. Supongo que es porque me estoy dejando alguna cosa. ¿Podrías poner por aquí ese trocito de código con el setup implementado? Muchas gracias.
El curso está bueno pero los ejemplos no están bien claros me puse a usarlo de la misma forma pero sin typescript y no logre usarlo seria bueno que hicieras ejemplos puros sin meter typecript estoy buscando cursos de vue y siempre en todos se desbian deben centrarse en enseñar todas las posibilidades sobre una parte y no mesclaen tanto yo veo varios cursos vue-composition api, vue-options api, vue-typecrips es util la información pero seria ir al hueso y da seguridad si haces un curso especial que solo enseñas option yo me apunto
Hola! Creo que el taller de Laravel + vue te va a gustar entonces, ya que su enfoque va a ser 100% práctico sobre un proyecto real. En cuanto al uso de TS y JS, ten en cuenta que en este curso tomamos en cuenta las diferencias de TS y JS EN SU USO DENTRO DE VUE, pero no es un curso d JS o TS. Es importante entender que para poder seguir este curso con eficacia, JS o TS (el lenguaje vehicular deseado) debe ser conocido con anterioridad. Para suplir este gap, estamos trabajando en un curso de JavaScript, donde poder aprender todos los fundamentos y que esto no vuelva a ser un problema ;) Seguimos mejorando. Muchas gracias por compartir, rodorock!!!
@GOGODEV, por que en el PostDetail.vue, en el titulo y contenido, me sale error cuando pongo props tanto en el titulo y contenido, pero lo quito y me accede directamente al contenido sin generar error....
¡Te queremos mucho programador que nos trae contenido de alta calidad y no nos pide nada a cambio, ojalas fueras eterno!
Muchas gracias Maicol!
Excelente tu dedicación!! hace un año q deje todo porque no podía entender Vue... Me lo estaban explicando mal!! Gracias!
MUY EDUCATIVO EL CONTENIDO. GRACIAS POR EL APORTE
Es increible como explicas de bien,.... gracias por ese tiempo que nos regalas....mil gracias...
Muchas gracias Leandro!
Ya somos casi 700!! Seguimos creciendo ,con buen contenido!!!
Gracias por tu tiempo y esfuerzo en crear este maravilloso curso !!!!!
Gracias, excelente video me fue de mucha utilidad, saludos desde Colombia.
increíble muy buen curso, buena calidad, ademas tu manera de explicar es muy fácil de entender.
Demasiado bueno tu curso, explicas fenomenal, muchas gracias..
Profe, estoy eternamente agradecido por la enseñanza brindada . Siempre dejo un like en sus clases para aportar mi granito de arena y también recomiendo a otros colegas🤩
Muchas Gracias por compartir tus conocimientos y sobre todo las ganas de enseñar. Mil Gracias
Muchas gracias Fernando!
Excelente trabajo. Gracias!
Juajo! haces que otros cursos de Vue parezcan desinformación! ***** Magnífico!!
Muchas gracias!
me vi completo el de laravel , ahora voy con vue y realmente genial este contenido
CONTENIDO DE SIEMPRE RECOMENDAR
me parce tan interesante el saber que en todos los cursos alternos muestran esto pero realmente nunca queda del todo claro acá gogodev tiene una metodología que vale oro ni se toman el trabajo de enseñar que tiene una dirección para esos comunicados ni nada acá gogodev en su manera de enseñar hace que mi mente dibuje todo el recorrido de de la librería y así entenderlos super bien llevo ya varios proyectos echos dejados a medias y con este curso creo que iré a arreglarlos todos me lleno de vida el curso MIL GRACIAS AMIGO
Muchas gracias por tus palabras Miguel!
Que barbaridad de curso y que manera de explicar tan clara tienes, gracias por todo este contenido, es oro puro!
Muchas gracias Enol!
Excelente curso lo estoy siguiendo y aprendiendo muchas gracias por compartir 1millon de gracias
Muchas gracias a ti por tu apoyo JC!
Una maravilla!!!!!!
Muchas gracias Ángel!
Este es el curso más completo!!!
Muchas gracias César!
Excelente curso. Me ayudo a entender mejor vue 3
Muchas gracias Andrés!
Me ayudado bastante, gracias por compartir tus conocimientos y tiempo.
Muchas gracias!
profe muchas gracias por todo el contenido !
A ti por tu apoyo, David!
Muchas gracias Juanjo! Que tu canal siga creciendo, tu contenido es excelente. 💫
Muchas gracias Jonathan!
Increiblemente bueno el curso, lo estoy disfrutando mucho mientras aprendo Vue. Consulta, que extension usas para que te coloree las funciones o las propiedades? Gracias!
me encantan los videos perooo como unica excepcion diria que fuera mejor ver todoo o una parte grande en puro composition api y despues en option api, me confunde un poco que estemos cambiando cada rato de uno a otro 🥴🥴
de verdad muchas gracias por todo esto explicas muy muy bien gracias
Muchas gracias por tu apoyo, Jose!
Gracias por esta clase, sigo aprendiendo
Muchas gracias Alberto!
Este video es una joya lovy a difundir por donde queira esta mas calro que el agua de pomo jajja de verdad que buen contenido este video
Muchas gracias Yoan!
Excelente gracias 😁
Muchas gracias Dobleu! A lo largo del día de hoy publico el sexto episodio 👌
@@GOGODEV Listo ya me puse al día con el sexto. 😁
excelente curso...
Muchas gracias Dehibhis!
Excelente temática.. muy bien explicada
Muchas gracias Manuel!
Oye tremendo curso. Te felicito en verdad, muy dicdactico.
Muchas gracias!
En todo este tiempo que he buscado cursos de programación, muchas veces en plataformas de paga, no he encontrado un curso mejor explicado que el tuyo. Y no puedo creer que sea gratuito!! Muy agradecido por dedicar tu tiempo para compartir tus conocimientos.
Muchas gracias Ademir!
Hola Juanjo! Felicidades, un curso de Vue3 muuuy useful. Tengo un problemilla con la comunicación descendente. Tengo una vista Index.vue que utiliza un componente Modal y le paso por props un objecto. Este Modal utiliza un componente Form al que Modal le pasa el objecto que le llega de Index. A Form no le llega dicho objecto, está vacio. ¿No se puede encadenar componentes hijos pasando la misma variable objecto de props en props? Un saludo y gracias por tu tiempo.
Muy buena explicación. Muchas gracias!
Gracias a ti!
excelente tus videos, clases.. muchas gracias por el apoyo brindado..
Muchas gracias Roberto!
Muy bueno, como siempre.
excelente contenido bro.., mil gracias
Gracias Victor Hugo!
Excelente vídeo! Sigo a por más en la academia de Ademass. Gracias por este curso
Muchas gracias!
Gracias por compartir tus conocimientos de vue. 👍🏽 A esta altura del curso me pregunto, cómo identificar al hijo desde el que se hizo click para que el padre pueda tomar acciones “personalizadas”. Saludos desde Ecuador.
Sos groso gallego ! explicas muy bien
Muchas gracias por el contenido, que excelente profesor eres, inicie viendo el curso de laravel y es muy bueno ! al igual que este
Muchas gracias Derick!
Muy bueno!!!! solo falto colocar el hijo con setup para entender como se manejan las props y emits de la otra forma. pero super genial !! gracias!!!
Justo en la siguiente clase, la 6,comienzo hablando de eso indicando que se me olvidó y explico cómo hacerlo 👍
@@GOGODEV super gracias!!!
Se puede enviar un array de datos con un emit?, muy bueno el capitulo!!.
El método created no está disponible directamente en la Composition API de Vue 3 con . En su lugar, puedes usar onBeforeMount o simplemente colocar el código fuera de cualquier función de ciclo de vida para obtener un comportamiento similar.
muy bueno
Muchas gracias!
Hola hola, tengo una pregunta. Es buena práctica enviar directamente todo el objeto en cada iteración del "v-for" como propiedad en vez de enviar los atributos por separado?
por ejemplo:
Siento que es mas comodo hacerlo asi, porque me ahorraria props.
EXCELENTE curso GRACIAS.!!!!..
En este video NO explicaste para vue 3 (, no entendí casi nada estoy enfocado solo en vue 3 por ser el mas nuevo, reforzare con lectura)
8-(
Continuare con los demas capitulos
yo tengo un problemita a dia de hoy, no encuentro la forma de utilizar props con la version corta del compiler api, osea cuando utilizo setup en la etiqueta script de un componente no puedo utilizar sus props, y e leido que se debe utilizar el defineProps pero esa funcion me sale como no definida, a alguien mas le pasa?
lo que creo que uviese sido bueno que tambien lo aya resuelto con el setup con el composition
Hola master!, primero que nada muy agradecido por el curso, queria consultar por que en el ciclo de vida de Composition no aparece el created como en el Option?
saludos
No está disponible en composition, en su lugar usa onBerforeMount o escribe el código fuera de cualquier ciclo de vida para un comportamiento similar
Que tal , excelente contenido , solo tengo hasta este momento un inconveniente , y es con la extension de vue.js siempre me dice Vue.js not detected, ya he puesto algunas recomendaciones como Permitir acceso a URL de archivo a la extension le he activado todo , ya no se que es lo que no deja que funsione , gracias
excelente
Muchas gracias Yuver!
Muchas gracias profe, es excelente para explicar, aunque me quedo con un poco de dudas como se realiza el procedimiento para recibir props y setear los emits con sintax sugar del composition API.
Muchas gracias Rodrigo! Cualquier duda no dudes en comentarla. También tenemos el foro en campus-ademass.com para cualquier cuestión. Todo gratis. Un abrazo!
genial
Nombre del tema de VS Code? Hermoso se ven esos colores
Creo que faltó explicar el uso de defineProps y defineEmits cuando usamos , que es ligeramente diferente a lo explicado. 😉
En el caso de defineProps:
const props = defineProps({
title: { type: String, required: true },
content: { type: String, default: "Este post no tiene contenido" },
})
Si lo hiciéramos usando solo JavaScript, sería:
const props = defineProps(['title', 'content'])
En el caso de defineEmits:
1. En el primer ejemplo, sin el input:
const emit = defineEmits(['sayHi']);
function handleClick() {
emit('sayHi', 'Hola');
}
2. En el segundo ejemplo, con el input:
import { ref, type Ref } from 'vue';
const emit = defineEmits(['sayHi']);
let message: Ref = ref('"");
function handleClick() {
emit('sayHi', message.value);
}
Y, por supuesto, en ninguno de los casos no tendríamos que retornar nada ni que importar nada porque defineProps y defineEmits vienen built in en Vue 3.
EXCELENTEMENTE BIEN explicados los emits (que no son nada sencillos de explicar y entender la primera vez). ¡¡¡Eres un crack bro!!!
NOTA-POST: acabo de ver que por allí comienzas la clase 6 😆😆
De todos modos, lo dejo aquí comentado por si alguien ve solo este video.
🤗
Genial comentario Francisco. Como bien dices está justo en la siguiente clase, pero no está de más tenerlo aquí también 👍
Gracias por tu alcance.
Gracias por tu aporte, solo faltó en el código importar de defineProps y define Emits de VUE. Excelente!!!
43:28 que chistosas las frases: "bajando hacia abajo" "subiendo hacia arriba"
vaya lógica!
Son expresiones propias de mi región 😅
en el minuto 1:04:56 decís que hay que poden para que se muestre la props {{ props.title }}, es necesario poner {{ props.title }} o bien con {{ title }} es lo mismo?
Hola! Sí desectructuras la variable en su recepción, con title sería suficiente 👍
Hola, te falto explicar como renderizo el mensaje por default cuando el content no trae ninguna informacion
Hola Marcelo! No te preocupes. Hacemos mención a esto en clases posteriores. Aún así, gracias por el aviso! :)
34:22 y dónde está el onCreated y el onUnmounted del composition API?
debemos suponer que no existen para el composition API?
En la siguiente clase los tienes si no me equivoco
@@GOGODEV me refiero a onCreated y onUnmonted en Composition API o script setup. en el siguiente video lo q hay es computed.. ahora bien, vi por ahí q el onCreated en composition API ya viene por defecto, de modo q no hay necesidad de establecerlo, pero y q hay del onUnmonted, existe? no existe? también está por defecto? por qué? nada de esto se menciona en el video o el siguiente, solo se mencionó y explicó en el Option API
Cómo es posible obtener el código de la comunicación Vertical, ascendente y descendente, pero en composition API ? Faltó eso, ya que en los anteriores videos, siempre lo hacía de las dos formas: option API y composition API. Gracias.
Hola Juan! Si no recuerdo mal, en la siguiente clase, la número 6, justo comienzo con eso, ya que se me olvidó incorporarlo en la 5. :)
Muy bueno el video. Me ha faltado ver toda esta construcción con el setup en la cabecera del script. Lo estoy probando y no para de cagarme errores. Supongo que es porque me estoy dejando alguna cosa. ¿Podrías poner por aquí ese trocito de código con el setup implementado? Muchas gracias.
Hola Manel! La siguiente clase comienza con eso, que se me olvidó adjuntarlo en esta
Ok perfecto!!! Voy a ello@@GOGODEV Muchas gracias
no se vale la parte de los props y emmiter solo la hiciste con option api
import {defineProps} from 'vue';
const props = defineProps({
title: {
type: String,
required: true,
},
content: {
type: String,
default: "no hay información para mostrar",
},
});
Hola! El siguiente episodio del curso justo empieza con eso si no recuerdo mal 👍
El curso está bueno pero los ejemplos no están bien claros me puse a usarlo de la misma forma pero sin typescript y no logre usarlo seria bueno que hicieras ejemplos puros sin meter typecript estoy buscando cursos de vue y siempre en todos se desbian deben centrarse en enseñar todas las posibilidades sobre una parte y no mesclaen tanto yo veo varios cursos vue-composition api, vue-options api, vue-typecrips es util la información pero seria ir al hueso y da seguridad si haces un curso especial que solo enseñas option yo me apunto
Hola! Creo que el taller de Laravel + vue te va a gustar entonces, ya que su enfoque va a ser 100% práctico sobre un proyecto real.
En cuanto al uso de TS y JS, ten en cuenta que en este curso tomamos en cuenta las diferencias de TS y JS EN SU USO DENTRO DE VUE, pero no es un curso d JS o TS. Es importante entender que para poder seguir este curso con eficacia, JS o TS (el lenguaje vehicular deseado) debe ser conocido con anterioridad.
Para suplir este gap, estamos trabajando en un curso de JavaScript, donde poder aprender todos los fundamentos y que esto no vuelva a ser un problema ;)
Seguimos mejorando. Muchas gracias por compartir, rodorock!!!
El curso es sublime, que vos seas un burro es otra cosa
@GOGODEV, por que en el PostDetail.vue, en el titulo y contenido, me sale error cuando pongo props tanto en el titulo y contenido, pero lo quito y me accede directamente al contenido sin generar error....
Hola Julián! ¿Cuál es el tipo de error que te aparece, para que pueda ayudarte mejor?
Un abrazo,
excelente, muchas gracias
Gracias Alexander!