Las CLASES y sus MÉTODOS 😱 CONSTRUCTOR😉 GETTERS y SETTERS 😎 Curso de JAVASCRIPT desde CERO #12

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 101

  • @Soriddo_Suneku
    @Soriddo_Suneku 2 роки тому +25

    En este video se comprueba la idea de que se puede aprender lo que sea. Solo se necesita a la persona correcta para que te lo explique. Excelente video!

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      Muchas gracias! Intentamos aportar algo distinto a la hora de explicar 🙂

  • @lamyacb
    @lamyacb 7 місяців тому

    Eres el mejor, lo explicas todo tan bien sobretodo para aquellas personas a las que le cuestan (yo). Muchas gracias por tanto

  • @eduardodudu5695
    @eduardodudu5695 Рік тому +3

    triste que ya no subas videos, no tienen precio.

  • @cropochispis743
    @cropochispis743 2 роки тому +5

    Me he visto muuuchos vídeos y canales de formación y puedo decir sin miedo que este tiene el mejor contenido. Es directo y muy práctico, además tienes una dicción y una forma de explicar que hacen que sea ameno y agradable verlo. Gracias.

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +2

      No sé qué deciros ya, muchísimas gracias por estos mensajes. No sabéis lo que animan!

  • @alasnx
    @alasnx 7 місяців тому

    eres un maquina, he entendido todo a la primera. gracias

  • @Matitan14
    @Matitan14 2 роки тому +3

    Gran video! Estaba perdido con las variables privadas y ahora está clarísimo. Muchas gracias!!

  • @kevinhernandez1080
    @kevinhernandez1080 Рік тому

    excelente video y muy buena explicacion, estoy realizando un bootcamp de JS y andaba medio perdido con las clases, pero aca me puse al dia me vere el curso completo, y le deje su like

  • @brunoharari6454
    @brunoharari6454 3 роки тому +5

    De los mejores videos que vi que explican este tema, super recomendado!

  • @arielcastillo7925
    @arielcastillo7925 2 роки тому +1

    Que clara la tenes muchas gracias, ya tenia una base minima de setter y getter y siento que con vos puedo avanzar mucho mas, tanto en practico como en teorico, muchisimas gracias!!!

  • @Munoz-in1ew
    @Munoz-in1ew Рік тому

    Explicas muy bien bro! y no se lo digo a cualquiera ;)

  • @emilly.aguirre
    @emilly.aguirre Рік тому

    Muy buen video, me resolvio la duda que tenia :)

  • @gastonmorales3619
    @gastonmorales3619 2 роки тому

    Es tremendo como explica este muchacho, es impresionante!

  • @skull2449
    @skull2449 2 роки тому +1

    Cada vez me gustan más este tipo de video ya que creo que no se olvidan de nada para un nivel básico y menos para alguien (como yo) que por ahí no entiende mucho (?
    Dicho esto, quería aprovechar el espacio para hacer una consulta ya que personalmente no logro entender la siguiente diferencia y es que, que diferencia hay entre un método declarado en el constructor y otro que no? No puedo guiarme ni nada, siquiera a través de documentación oficial :(. Agradecería su ayuda profe.

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      Muchas gracias Skull!
      El constructor es el método que se utiliza para crear un nuevo objeto en base a esa clase, y es el que se ejecuta cuando hacemos un new Clase();
      El resto de métodos definidos, son los que tendrá el objeto creado a partir de ese new Clase(), salvo los que tengan el modificador static delante, que se ejecutan directamente desde la clase.
      Pero esto que te digo, es difícil explicarlo en un comentario, es mejor que nos lo preguntes en un directo!

    • @skull2449
      @skull2449 2 роки тому

      @@DesarrolloUtil Gracias profe por tomarse el tiempo de responder ayudar. Con esto que me dijo puedo encarar un poco mejor la duda!

  • @samuelaponte2687
    @samuelaponte2687 Рік тому

    Que buen video bro!

  • @juanduque6393
    @juanduque6393 2 роки тому

    Que locura de video, nunca lo habia visto tan claro

  • @moisesreyes125
    @moisesreyes125 3 роки тому +4

    Mejor explicado no pudo estar, ¡Muchas gracias! ;D Ustedes se han convertido en mis nuevos profesores ♥

  • @rogeclash2631
    @rogeclash2631 3 роки тому +2

    Que buen video, y que bien estructurado , me ha encantado, muchas gracias

  • @DiegoPalacioM
    @DiegoPalacioM 2 роки тому

    sos un crack!!!! claro como el agua

  • @juanpischetz4053
    @juanpischetz4053 2 роки тому

    wow un video espectacular.

  • @soledadtancredi3433
    @soledadtancredi3433 2 роки тому

    Excelente contenido!!

  • @luismonagas573
    @luismonagas573 Рік тому

    Gracias Pablo... Saludos desde Venezuela (12/02/2023)

  • @sergioturizom
    @sergioturizom 2 роки тому

    Excelente!! Muchas gracias!!!

  • @lucas_3110
    @lucas_3110 2 роки тому

    Sos muy crack, gracias por la explicación !

  • @sacevedo7316
    @sacevedo7316 2 роки тому

    Sos el mejor!!!

  • @matecarlos
    @matecarlos 2 роки тому +1

    Te ganaste un subscriptor Bro, he encontrado lo que necesitaba me ha costado un poco porque no puedo decir JS nuevo objeto del tipo tal. Me gustaría si conocen buena bibliografía de JS que puedan recomendar

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      Pues te diría que un buen punto de partida es el libro de Javascript Next!

  • @jeissonsamircastillocasteb8195
    @jeissonsamircastillocasteb8195 2 роки тому

    Excelente, recomendadisimo

  • @NekoManAICore
    @NekoManAICore 2 роки тому

    Muchas gracias!! muy buen vídeo!

  • @armandobolanios9305
    @armandobolanios9305 2 роки тому

    bien explicado, gracias :D

  • @gemamartin5161
    @gemamartin5161 2 роки тому

    Muchas gracias ^^ super bien explicado.

  • @huberharleycardosogutierre765
    @huberharleycardosogutierre765 2 роки тому

    De lo mejor que hay.

  • @abrahan844
    @abrahan844 2 роки тому

    Gracias muy buena explicacion

  • @luismonagas573
    @luismonagas573 2 роки тому

    Saluods hermano.. NUevos suscriptor desde Venezuela (30/09/2022)

  • @rubensdt01
    @rubensdt01 2 роки тому

    Muy buena explicación, muchas gracias!!

  • @alejandroversalli898
    @alejandroversalli898 2 роки тому

    Excelente!

  • @Ikarovs
    @Ikarovs 2 роки тому

    muchas gracias por tanto trabajo, genial contenido. 😁 💕

  • @alpm495
    @alpm495 2 роки тому

    muy buen video , gracias

  • @quinojuan2
    @quinojuan2 2 роки тому

    Mereces mas suscriptores, te vamos a hacer publicidad.

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      Muchas gracias! Esto es cuestión de ir poco a poco, queremos pensar que al final, el buen contenido tiene que terminar funcionando 🙂

  • @jesusgregoriosola5871
    @jesusgregoriosola5871 7 місяців тому

    Muy buen titular amigo porque has explicado el temario con una alta puntuación. Gracias y saludos.
    No obstante, creo que has hecho un vídeo muy largo y bastante complicado en la segunda mitad. No he podido seguirte.
    Estimó que debes poner ejemplos entre tanta teoría. Saludos

  • @samireramosdelgado2475
    @samireramosdelgado2475 2 роки тому

    wow muy genial amigo los tutoriales... en tus proyectos usas lo q son listas enlazadas , arboles.... o casi nunca lo usas?

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      Habitualmente son estructuras de datos que no se utilizan implícitamente, no las creas por ti mismo, pero se utilizan un montón. El propio DOM de Javascript es un árbol, el Virtual DOM de React también y así con un montón de ejemplos!

  • @josemanuelberrios7390
    @josemanuelberrios7390 3 роки тому

    Buenísimo este video

  • @macarenavalcarlos7646
    @macarenavalcarlos7646 2 роки тому

    venia con una frustracion terrible con este tema y las distintas formas que tiene javascript para generar clases, este video me despejo todas las dudas! Muchisimas gracias

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      Me alegro de que te sirva pero, aun así, no despejarás del todo tus dudas hasta que no hayas practicado mucho con ellas!

  • @maxigarrett3121
    @maxigarrett3121 3 роки тому

    Buena clase gracias

  • @Chapa9
    @Chapa9 2 роки тому

    Tenés un nuevo subscriptor 👍🏻

  • @dieguitto3528
    @dieguitto3528 3 роки тому

    Puedo decir, sin temor a equivocarme, que este es un vídeo metódico y con mucha clase :)

  • @IvanFernandez-x9j
    @IvanFernandez-x9j Рік тому

    Buenas una duda. El tema de las propiedades privadas en JavaScript, no se ha solucionado ya con la "#"?? Me ha parecido leer algo por ahí.

  • @noahnymous9919
    @noahnymous9919 2 роки тому

    Buenas!! El video está superbien, como todos los que hacéis!
    Pero siempre me entra una duda. ¿Porqué debería usar get dificultad() si puedo usar getDificultad() y lo mismo con los setters. Si puedo crear un método setDificultad(nuevaDif) que también compruebe si el valor introducido cumple una condición o dé un error, para qué queremos crear un set dificultad()??
    Mil gracias!!!

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +3

      La explicación es sencilla desde un punto de vista práctico.
      Imaginemos que creamos un objeto partiendo de esa clase, y lo llamamos "obj". La forma de acceder sería la siguiente:
      - get dificultad -> obj.dificultad
      - getDificultad -> obj.getDificultad()
      - set dificultad -> obj.dificultad = nuevaDificultad
      - setDificultad -> obj.setDificultad(nuevaDificultad)
      Como ves, al declarar los métodos como get y set, los conviertes en propiedades y puedes manipularlas como si fueran un atributo más.
      ¿Esto es bueno o malo? Depende bastante.
      Te animaría a que te pasases un día por uno de nuestros directos de Twitch y nos hagas esta pregunta para poder contestarla como se merece, ya que me gustaría poder enseñarte la pantalla para explicarlo bien del todo, que por aquí es muy dificil... 😅
      Muchas gracias por comentar!

  • @jesusmedina3157
    @jesusmedina3157 3 роки тому

    Gracias amigo

  • @unaiiglesias9901
    @unaiiglesias9901 2 роки тому

    Gracias Pablo! Las propiedades static se pueden modificar??

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      Por poder, se puede perfectamente. Otra cosa será que no se deba hacer en ningún caso!

  • @GroWinning
    @GroWinning Рік тому

    Sos buenisimo, lastima la musica de fondo muy fuerte algunas veces

  • @dw_arnaldo
    @dw_arnaldo 2 роки тому

    Excelente video, y me salio una duda ya que sigo aprendiendo, se puede usar una clase en que la que se pueda interacturar y crear un metodo que se conecte al servidor con ajax obtener un dato y eso dato darselo a una propiedad de la clase, que lo he practicado y no sale o no funciona del todo. Pues dentro del ajax se imprime el valor de retorno pero asignar un valor no, todo queda ahi y note que no puedo usar tampoco this. En mis constructor ajax con javascript puro asimile un metodo success( data ) y donde se invoca lo imprime el parametro pero nada que se asigna el valor, nose si me has comprendido lo que estuve haciendo. Simplemente trate de leer un json que lo lee php y este me lo retorna. Saludos

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      El constructor de una clase, nunca puede ser asíncrono. Si necesitas crear un constructor asíncrono, debes utilizar un método estático:
      static async create( ) {
      const x = await ...
      return new Mi clase(x)
      }

  • @soniaserrano2076
    @soniaserrano2076 2 роки тому

    Excelente

  • @andrespodadera5874
    @andrespodadera5874 2 роки тому

    Buenas Pablo todo muy bien explicado. Aqui ando repasando conceptos. Una preguntilla entonces ¿Los métodos agregarLeccion() y eliminarUltimaLeccion() también son metodos setters? Entre otras muchas cosas a mi han enseñado que para distinguir un setter de un getter es que los getters siempre devuelven algo y los setters no, por tanto, los setters no tienen return. Muchas gracias, Saludos chicos :)

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +2

      Muchas gracias!
      Realmente en este caso lo que hacen los métodos agregar y eliminar lección, es modificar un atributo de la clase de forma controlada, por lo que se pueden considerar setters de este atributo (las lecciones), desde un enfoque puro de POO.
      Pero aquí quiero recalcar que la definición que haces de getters y setters no es así del todo.
      - Un getter es un método que permite acceder a un atributo de la clase
      - Un setter es un método que permite establecer el valor de un atributo de la clase
      Como ves, ambas definiciones hablan de UN atributo, no de varios.
      Un método que acceda o modifique varios de estos atributos, no es ni un getter ni un setter, es simplemente un método.

    • @andrespodadera5874
      @andrespodadera5874 2 роки тому

      @@DesarrolloUtil Ahora sí, claro como el agua. Mil gracias 👌🏻👌🏻👌🏻

  • @cezzgame
    @cezzgame 2 роки тому

    Perdón, pero... cuando se usan las clases en javascript?
    Estoy aprendiendo pero no me queda claro el "cuando" usarlas.

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      Es una muy buena pregunta, pero en este caso no tiene que ver con JavaScript. Tienes que intentar entender qué es una clase, independientemente del lenguaje.
      Como resumen rápido, podemos decir que utilizamos las clases cuando queremos definir un tipo de objetos, que van a tener una serie de atributos y métodos predefinidos.
      Es bastante difícil intentar explicarlo en un comentario de UA-cam 😅
      Si quieres te puedes pasar por un directo, o por Discord, y te lo explicamos allí (tienes los enlaces en la descripción)

  • @mauricioluisvega3137
    @mauricioluisvega3137 2 роки тому

    yo veo algo raro ahi. titulo y dificultad y luego lecciones. cuando creas el objeto, como cargas las lecciones? porque tengo que entender que seria algo asi como [titulo1, dificu1,[lecci1, lecci2], titu2, difi2,[leci1, leci2, leci3,leci4]]] y, no s'e que es eso.

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      No entiendo muy bien a qué te refieres. Podrías indicarme en qué parte del video está?

    • @mauricioluisvega3137
      @mauricioluisvega3137 2 роки тому

      @@DesarrolloUtil Ayudame con esto, para tener una referencia en el minuto 6 a titulo y dificultad le agregas un array pero no lo defines en el construct. no deber'ia ser construct (titu, dific, []) Tal vez, tengo esa idea y lo que explicas en el video apunta a otra cosa y a mi me llamo la atenci'on. no me mal interpretes no me refiero a que est'a mal. no digo eso.
      me explico?

  • @ajcdos2
    @ajcdos2 Рік тому

    Me parece tan patetico que estos lenguajes que presumen de ser tan dinamicos y reducir el codigo a lo mas simple y comodo posible, necesiten de un estupido "this." es algo realmente decepcionante, pero del que mas me sorprendio fue de python, tanto tabulado, def, sin ; y demas mamadas para hacerlo bien chulito y minimalista y me salen con el uso del fastidioso this, pense que era un lenguaje mas inteligente, que triste 😮‍💨
    Pero tus tutos si son de los mejores hermano, puro alto nivel 😎👍

  • @dieguitto3528
    @dieguitto3528 3 роки тому

    Segunda vuelta, continuamos para bingo…

  • @oleonunez
    @oleonunez 2 роки тому

    muy buen vídeo pero hace mas grande el tamaño de letra y quita las barras de menú, estado , laterales y actividades

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому

      En cuanto al zoom, hemos procurado buscar una solución intermedia entre móvil, PC y poder trabajar agusto. Si le damos mucho más tamaño al texto, se nos complica bastante poder explicar.
      Espero que lo entiendas!

  • @patricior7300
    @patricior7300 2 роки тому +2

    La letra está muy chica, por favor agranda la letra en los tutoriales para quienes usamos lentes. Saludos

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +2

      Lo hemos tenido en cuenta para los nuevos vídeos que estamos publicando. Muchas gracias!

    • @patricior7300
      @patricior7300 2 роки тому

      @@DesarrolloUtil gracias piensa también que se pueda leer en notebook o tablet. Eso te hará llegar a más púbico también. No dejes tanto espacio libre es mejor agrandar el texto. Más parecido a un powerpoint. Saludos!

  • @luismateopineiro9480
    @luismateopineiro9480 Рік тому

    Ya existen las variables privadas en javascript y se declaran con #

  • @maliitsuki5823
    @maliitsuki5823 2 роки тому

    El ejemplo de la escopeta me ha matao xDDDD

  • @artistacallejero7711
    @artistacallejero7711 2 роки тому

    por que se pone this.titulo? y no solo titulo = titulo? , entiendo como funciona el this pero no porque se lo usa :/

    • @DesarrolloUtil
      @DesarrolloUtil  2 роки тому +1

      this es una palabra clave que sirve para referenciar el nuevo objeto que estás creando en el constructor, y poder asignar valor a sus propiedades