⚡Aprende POO realizando un Proyecto con Javascript⚡
HTML-код
- Опубликовано: 14 май 2020
- Mini curso de programación orientada a objetos con Javascript.
Aprende el paradigma de POO con Js en poco tiempo mientras escribes el código de un proyecto. Teoría de Programación Orientada a objetos y código.
#Javascript #desarrolloweb #programación
Dejo pausado en el min 14.29 xq voy por un café de verdad y me doy cuenta 2 cosas:
1-Excelente y muy dinámica la forma en que explicas, me dan ganas de seguir aprendiendo
2- No me di cuenta que pasaron casi 15 min, me dio la sensación de que fueron 5, QUE GENIO!
Gracias por tomarte el tiempo de comentar. Y me da mucho gusto que lo hayas disfrutado.
No solo enseña sino que también es un hombre de cultura, excelentes libros!
No es tan así, pero muchas gracias.
Esto de la POO me estaba complicando la existencia hahah, pero gracias a ti salí del agujero que me encontraba 💪🏽 sigue así Broth ...
Excelente Juan Carlos. Gracias por comentarlo : )
🖖🏽 Qué pasa Devs, espero que el vídeo sea o haya sido de su agrado, les comparto recursos extra y otras cosas:
👨🏽💻 Repositorio: github.com/YouDevs/mc-js-POO
💬 ComuniDevs en Discord: discord.gg/RYW5a77
❤️ ¿Te gustó, te sirvió y quieres ser patreon? www.patreon.com/YouDevs
Con tu apoyo:
- youdevs podrá seguir creando contenido gratuito
- Obtienes beneficios como acceso a contenido exclusivo
- Comunidad privada en discord donde estaré resolviendo tus dudas personalmente
________________________
Fuentes que me fueron de utilidad para crear éste contenido:
freecodecamp.org: An introduction to Object-Oriented Programming in JavaScript
freecodecamp.org: Object Oriented Programming in JavaScript - Explained with Examples
chrisrng.svbtle.com: Using WeakMap for Private Properties
medium.com: Eric Elliot - What is `this`? The Inner Workings of JavaScript Objects
rainerhahnekamp.com: JavaScript and Object-Oriented Programming
Primera vez que veo un video de 1 hora completo. Por lo regular me aburro, pero tu forma de explicar hace que se te vaya rápido el tiempo, cuando me di cuenta ya iba más de 30 minutos. Felicidades, se ve que te la sábanas.
Usas muy bien VSC, parece que haces comandos de vi.
PD: Me suscribo.
@@aenshann3857 Bienvenido al canal y muchas gracias por tu comentario.
cuales son las paginas web mas pedidas por clientes?
@@YouDeveloper_12 Eso va depender más de tu nicho o de la empresa para que trabajes, en mi caso como freelancer, son sistemas a medida para algún negocio/empresa, páginas web de la propia empresa.
Gracias por el video pero lo único que no me gustó fue que le llamaras PU a la programacion orientada a objetos, suena horrible.
Me encanto el video, ya tenia en cuenta los métodos fill y reduce pero no los he utilizado mucho además de
que con este video creare un código mas limpio y eficaz, Gran video y muchas gracias por tu tiempo
¡¡Muchas Felicidades!! Carlos, Excelente Video y por la forma tan profesional que explicas en espera de los demas. Muchos exitos
Muchas gracias Juan! :) saludos
Exelente video de programación de POO 👌 recomendado si estás iniciando está materia en la universidad aprenderás bastante !!
Muchas gracias Yanet!
Muchas gracias por este video, yo estoy actualmente estudiando esto teoricamente pero ahora viendolo y haciendolo en la practica se me aclararon muchas dudas, ya me suscribi!
Bro, he visto muchos videos, y si bien mucha gente lo explica bien, tú lo explicas de una manera que no se como explicarlo pero dan ganas de seguir viendo y seguir aprendiendo. Es todo muy didactico y entretenido, muchas gracias por compartir tus conocimientos. Saludos.
Muchas gracias por tomarte el tiempo de comentar, por cierto, recientemente publiqué un curso de POO con JS similar a este pero más simple y con cositas nuevas de js, por si le quieres dar una mirada: ruclips.net/video/vAbfpTVWRRw/видео.html
Excelente manejo de los shortcuts de Vsc, se adquiere gran practicidad
gracias por el video, explicas super bien. andaba desactualizado ocn que ya existian clases en JS
Una clase magistral, yendo paso a paso y explicando con mucha facilidad algo que puede tornarse un poco complejo. Excelente video ;)
Muchas gracias por valorar así
Saludos desde Bogotá, un gusto volver a repasar sobre POO :)
Excelente ilustración de este paradigma
Muy bien expoicado ! Muchas gracias por compartir.
Este tipo de contenido, especialmente sobre programación es oro puro. De verdad y espero que puedas seguir con este tipo de videos, proyectos y consejos.
Muchas gracias.
Voy a seguir, muchas gracias por tomarte el tiempo de comentar.
decis eso porque no sabes programar
@@norbertocontreras4725 espero tu canal con los tutoriales definitivos en el mundo de la programación. A ver si aportas, en vez de quejarte...
Wao justo me llega notificación hoy domingo y pensaba aprovechar mi tiempo estudiando javascript y que mejor que ir a la práctica, creo que ahí es donde se aprende más rápido, ya tengo base con Java así que espero poder comprenderlo mucho mejor. Buen domingo a todos!
Me dices cómo te fue :)
Wao este cursito me vino del cielo, DIOS te bendiga hermano y te siga dando sabiduría
Que bueno que te sirvió y muchas gracias por tu buena vibra e igualmente.
Que crack!! mejor explicado imposible
Mejor explicado imposible, un crack, mil gracias por este aporte! Saludos
Gracias, saludos!
Llegué a este video, justo estoy aprendiendo poo en js, ví 15 min y me pareció genial mañana lo miro completo y me pongo a revisar tu canal.
Sale sub. gracias por compartir tus conocimientos ojalá subas más proyectos con js
Excelente! espero que si te haya gustado y más que nada servido.
Gracias por la info y muy bien explicado!
Excelente explicación para poder entender los pilares fundamentales de la POO en JavaScript, algo que si nos gustaría a muchos es tener ejercicios asi de praticos como los tuyos, excelente aporte. 👨💻👍
Gracias camilo. Bienvenido al canal.
Javascript no cumple con pilares fundamentales de la POO, javascript solo es paradigma funcional y orientado a eventos
Ufff que buen vídeo para el fin de semana!
Así es Jesús, ideal para el fin de semana
Muy buen video, para lo que van por la programación orientada a objeto. Me gusto
Gracias c:
Estuvo genial la clase, sería interesante ver una complementación con interfaz de como interactuan los objetos, por ejemplo añadir un formulario para añadir un nuevo libro, comic, sacar el total en una tabla ... recién estoy aprendiendo js y lo intentaré hacer yo mismo, pero sería un buen video para tu canal ;)))
Si, voy a hacer algo así :) ya está en mi lista, pero tengo tantas otras cosas. Muchas gracias por comentar.
Me dio risa cuando dijiste, "te lo voy a decir así al chile" jaja. Excelente explicación crack, me suscribo!
jajaja justo! cuándo escuché dije "Brother, te has ganado mi like y subscribe"
Esa fue una chilena de media cancha es otro nivel espero que sigas así, quien dijo que estudiar era aburrido
Gracias NovaCod. Como dices, aprender ya no debería de ser algo aburrido. Creo que mi estilo se afianza con éste vídeo y lo demás es afinarlo y tener mejor producción. Saludos.
Demasiado bueno bro, se nota que le pusiste ganas, esta buenisimo
Muchas gracias por tu apoyo Eliecer! : )
Excelente video, bien interesante, muchas gracias!
Gracias liliana!
Hola muchas gracias por compartir tanto valor de forma gratuita, un abrazo desde buenos aires.
Saludos!
Muchas gracias profe! Necesitaba entender esto, muy sensillo lo explico... me estoy introduciendo en la ruta del backend ahora sigue => mvc
Vamo a darle!
Me vino genial encontrar esto. Entiendo lo que es POO pero practicamente casi por definicion tipo wikipedia.
Eres un grande, muchas gracias por tan gran contenido sobre POO
Gracias por tomarte el tiempo de comentar :)
Muy bien explicado. Muchas gracias por compartir y enseñar. Un saludo.
Con mucho gusto
Excelente VIDEO, no hay otro mejor que este.... Eres un Crack
Gracias!
Gracias por compartir tus conocimientos de una forma tan didáctica y amena, además sirvió para repasar conceptos
Gracias por tomarte el tiempo de comentar. Saludos 🫡
Belleza mi bro, muy bien explicado. En la parte de los precios creo que no debería ir la función map, con el reduce es suficiente.
excelente explicación, gracias por compartir tu conocimiento
Gracias por comentar
Exelente, muchas gracias.ahora este mismo ejemplo pero con MySQL
Muchas gracias por esta valiosa información, una ejemplo claro y efectivo.
Gracias por tu comentario!
Hola, solo debo decir que gracias a ti aprendi más sobre POO.
Gracias por comentarlo! y que bueno que fue así.
BIEN EXPLICADO ,TODO ESTRUCTORADO ,NIVEL CURSO PAGO ,GRACIAS
Genial este video, me gustaría que explicarás sobre interface... Gracias. Allí te va la donación.
curso basico y consiso exelente para los que recien estamos aprendiendo :)
Gracias ☺️
muy bueno el video Master, te ganaste un suscriptor!
Excelente! porqué ya viene más contenido :)
Justo lo que necesitaba! Gracias youdevs
Espero que te guste Andrés y que te sirva!
Que buen vídeo para explicar POO nada más que un poco confusa la sintaxis de JS para la protección de los atributos y la creación de ellos jaja habrá que leer más al respecto. Explicas todo tan chido y divertido que ni se siente el tiempo que pasa jaja 🤩
Tu no te preocupes por eso Jesús, voy a refactorizar el código con la nueva sintaxis. C:
@@YouDevs jaja vale vale 😅
Muchas gracias, buen señor!
Gracias a ti!
Buen video bro, espero mas...
Muchas gracias Maverick. Saludos.
excelente, gracias por la explicacion. sos grande!
@@user-dj9zy1wf2b gracias por tu comentario, que bueno que te sirvió
Muchas gracias, muy amena explicación!!
vale la pena el video, que buen curso
Eres el mejor!!
Gracias Bro me sirvió mucho de ayuda
Excelente video!
Muchas gracias Gabriel
excelente vídeo muy entretenido se me pasó super rápido
Gracias por comentar
Muchas gracias. Muy buena clase!
Con mucho gusto
Super¡!!!!!!
Muchas gracias 💪
🫡
Me encantó! Gracias :D
Excelente, si quieres repasar y talvez aprender algo nuevo tengo un curso de POO con js más actualizado e igual de básico: ruclips.net/video/vAbfpTVWRRw/видео.html
En hora buena, lo realizaré y luego vengo.
Va, me platicas como te fue.
Gracias así explicado parece algo natural.
Puedes ver los nuevos vídeos que hay sobre POO si es que todavía tienes dudas. Gracias por comentar.
Excelente Carlos
Gracias ariel!
excelente curso!!!, gracias
Muchas gracias!
Excelente video crack, que tema de vscode utilizas ?
muchisimas gracias me ayudaste un mundo :D
Excelente!
Me facina esto, aunque no le entiendo ni Ma..... Creo que me enfoco en lo mio y dejo a los programadores lo suyo. Felicidades por tu canal.
Jajaja excelente amigo! Supongo que eres diseñador?
@@YouDevs Estudie diseño pero solo lo uso para Digital Marketing y e-commerce.
Muy buen tutorial
Gracias Ariel xD
Este vídeo es oro
Muy bueno.
Bueno contenido, quiero aprender bien POO, creo que me ayudara a facilitar el pase a typescript. Me suscribo 🦾🦾 seguiré tu contenido a ver que más aprendo de ti.
Te recomiendo que le eches un vistazo a este curso más reciente que hice sobre POO con JS: ruclips.net/video/vAbfpTVWRRw/видео.html
@@YouDevs Gracias, justo lo estaba viendo jajaj
@@cristhianjhlcom Excelente!
Muchas gracias por el contenido! Unica observacion, me dolia era como le metias duro al teclado 😂
Perdón
Excelente!
Gracias!
Crack!
Gracias Crack!
¡¡¡¡ GRACIAAAAAAAAAS !!!!
NO HAY DE QUÉ!!!!! saludos crack!
GG buen mini curso
Gracias! 😊
excelente nuevo sub
Hola, muchas gracias
Buenisima
Muchas gracias
Gracias por comentar!
Taraaaaaaaaaaaaaan!!!
esta es una de las mejores formas de aprender
Gracias por comentar :) saludos
excelente video bro, podrias enseñar como hacer un crud js..muchas gracias
Más adelante : )
Muy buen video, solo tengo una consulta:
Si al final quisiera que para el comic, los Ilustradores aparezcan junto a los otros campos en la misma línea (algo así como Titulo..., Precio: 150, Ilustradores:...) en vez de estar en una línea separada, qué tendría que cambiar/añadir?
Muchas gracias crack, como siempre buen contenido
yo le agregue esto: console.log(`Titulo: ${this.title}, Autor: ${this.author},Precio: ${this.price},Ilustradores: ${this.ilustrators} `) y me lo mostró asi: Titulo: La Sirena, Autor: G.O.,Precio: 350,Ilustradores: undefined
Excelente
Gracias! 😊
Gracias bro
Con gusto
Hola!! Estoy viendo el video y tomando nota, la verdad que re bien explicado!! Solo tengo una consulta, en el minuto 21:48, haces:
book1.price = 0;
console.log (book1.price);
Pero el precio que se cambia es el de book2 (el de frankenstain) y tendría que ser el de book1 (1984). Ojo no estoy codeando solo viendo el video y tomando nota
Saludos y gracias nuevamente!
No, el valor que se cambia es el de book1. Lo qué pasa es que te confunde que se imprima justo despues de imprimir la info del libro de frankestein. Te recomiendo que también veas el curso de: POO con Javacsript que es más o menos como este, pero más reciente y más fácil . Saludos
@@YouDevs Muchas gracias por la aclaracion, cuando termine con este le pego una ojeada al otro, También me baje el libro que recomendaste, espero que me sea de ayuda como lo fue contigo!! Saludos
En 2023 ya existen las propiedades y métodos privados (en los navegadores populares, excepto el difunto IE), se usa un (gatito #) #mypropiedad por ejemplo.
Solo comento jaja, por si las dudas xd.
Puede hacer un talle o un curso completo de Javascript desde lo mas básico hasta avanzado
Ya tengo dos vídeos de Javascript para lo básico... y haré uno más con el estilo de éste mismo vídeo para mostrar las cosas modernas de javascript, luego, explicaré conceptos más avanzados siempre con la practica en la mano. Así que creo que todo estará cubierto.
Buen video, has uno de PHP
Si lo haré, porqué no quedé muy contento con el curso que tengo ahora. Gracias y saludos.
Hola, te pregunto al final cuando usas el metodo map(), porque simplemente no usaste reduce para que sume cada elemento y listo retornas el acumulador? me confunde el uso del map alli y lo de arreglo.metodo().metodo(). Saludos
Porqué seguramente en el momento no se me ocurrió, yo no soy muy bueno js, me hace falta practicar más :)
Gracias.
A la orden
Muy interesante xd.
🤩🤩🤩
Gracias Lautaro :)
Hey youdevs, ahora que estaba viendo a detalle el vídeo. Vi que pones el ; al final de cada declaración, y creo que en js no es necesario. O crees que es mejor ponerlo? Si es así porque?
No es necesario, pero en mi caso, siento que le da mas orden al código. Creo que es una forma explícita de decir, ok, aquí termina esta declaración. Una ayuda visual. Más que nada. Entonces, tu tienes que definir, si quieres usar ; o desecharlo, pero tienes que ser consistente con tu decisión
@@YouDevs Oh, sí que tienes mucha razón.
Muy bueno. El taran!! Es irritante. Pero la info suprema
Buenas. ¿Tienes algún tutorial donde expliques paso a paso los detalles de la POO que llevaste a cabo? Me perdí al minuto 15, aunque hice todo el código la mayor parte no le he captado. Como sea buen tutorial, gracias.
Hay un par de minicursos mas recientes que este. Uno donde explico la teoría de POO sin mas. Y otro donde la explico con javascript. Si gustas buscarlos. Estan entre mis ultimos vídeos
Hola una pregunta , en la parte donde pones "this._title" , yo en vez se eso pongo "this.title" y cuando le doy un console si me lo toma también. Esta bien lo que hice o puede afectar mi codigo si no le pongo el "_" ?
No afecta, es solo la convención utilizada, pero tu puedes escribirla como gustes. Hay otro curso de POO con js mas nuevo, por si gustas checarlo.
No encuentro de donde sacar el HTML, me lo podrias indicar? Gracias
suscrito papus
Excelente! bienvenido a la comunidad papu
Entiendo que si armas una página web de compras de libros, lo que el cliente añada al carrito se pasa a una hoja de Excel, y se hace la suma. La cosa es, ¿cómo hace uno para que se pase esa data ('Nombre', 'Autor', 'Fecha de lanzamiento', 'Precio', etc) a una hoja Excel?
Tengo la duda porque tomé un curso de Excel y no quiero quedar mal.
En realidad yo lo vería mas como usar una base de datos tal cual como mysql, en lugar de excel. Te conectas a la bd, creas la bd, creas una tabla para guardar los productos y haces la funcionalidad
@@YouDevs Ah, ¿y de ahí lo paso a Excel? (o LibreOffice Calc).
@@XxXjujio2013XxX puedes tener ambas cosas una funcion que mande a la base de datos y otra que lo mande a excel.