Aplicación de Productos con Javascript Orientado a Objetos

Подписаться 582 тыс.

Просмотров 277 тыс.

50% 1

¡Gracias a Kite por patrocinar esta sección del vídeo! Kite es un asistente de autocompletado gratuito con tecnología de IA que te ayudará a codificar de forma más rápida e inteligente:
Haz clic aquí ➞ bit.ly/3dPzXHe ➞ para saber más.
Aprende a crear una aplicación del frontend, completamente desde cero, utilizando Javascript y el paradigma de programación Orientado a Objetos.
Ademas utilizaremos Bootstrap 4 para diseñar la interfaz de usuario, y las ultimas versiones de Javascript Ecmascript utilizando Clases, metodos, constantes y más.
💻 Código de este proyecto:
github.com/FaztWeb/javascript...
🛍 Descuentos:
NordVPN ➞ 68% de descuento en plan de 2 años ➞ Código: fazt
Hostinger ➞ 7% de descuento en cualquier compra ➞Código: FAZT
👨‍💻 ¿Qué servicios utilizo?
Brave ➞ brave.com/faz053
NordVPN ➞ bit.ly/2Te7p0J
Hostinger ➞ www.hostg.xyz/SH4YB
Cloudinary ➞ bit.ly/3ohNlJ7
SiteGround ➞ bit.ly/31u9ZEk
Namecheap ➞ bit.ly/3kne9W8
🖥️ Recursos:
Deno, Un nuevo entorno de Javascript ➞ • ¿Qué es Deno ? Un nuev...
Javascript para principiantes ➞ • Curso Javascript para ...
MERN STACK & Typescript ➞ • MERN STACK & Typescrip...
Curso de NodeJS ➞ • Nodejs Curso Desde Cer...
Curso de Git ➞ • Git y Github | Curso P...
🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ / fazttech
Instagram ➞ / fazttech
Twitter ➞ / fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ / fazttech
Slack ➞ bit.ly/3dPqCPT
Discord ➞ / discord
Blog ➞ blog.faztweb.com
📩 Contacto:
➞ fazt@faztweb.com
➞ contact@faztweb.com
#javascript #programacion #desarrollo-web

Опубликовано:

17 май 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 422

@El_Bartto 4 года назад

es muy importante que como programadores se comparta la informacion y que muera de una vez esa mentalidad de " a mi me costo mucho aprender esto, a ti tambien te debe costar mas que yo", gracias.

@carlosvaldemarsoria941 4 года назад

lamentablemente eso va a existir siempre, nadie te regala nada; menos en un entorno laboral donde la gente tiene que hacer otras cosas.

@danielesquivel3155 4 года назад

@luis-of4cd 3 года назад

@@Mauricio-bw1xb no es mi conocimiento , esfuerzo y ganancia es mi conocimiento , mi esfuerzo y nuestra ganancia.

@tello9504 3 года назад

Carlos Valdemar Soria los gringos comparten todo jajaja

@elTripaSeca 3 года назад

a mi me toco, escuchar ese comentario pendejo pero entre puros de la vieja escuela donde gente de 40 años o mas

@cristhianaguilarverduguez1698 6 лет назад

Este si que es master aprendi tanto en una hora que en un semestre en el instituto!!!!!!!! El mejor la verdad Gracias por compartir tus conocimientos!!

@AndreaGomezJimenez 5 лет назад

X2 satisfecha.

@javierjimenez3627 3 года назад

@@AndreaGomezJimenez como te ha ido durante ese año?

@AndreaGomezJimenez 3 года назад

@@javierjimenez3627 hola?

@javierjimenez3627 3 года назад

@@AndreaGomezJimenez pues hola ☺️

@RuanoProductions 3 года назад

A ver si prestas más atención en clases xd De todas formas aquí resume muchas cosas, no profundiza, por eso mismo demoras más en clases

@nocmeocurre6833 4 года назад

NADIE: ABSOLUTAMENTE NADIE: FAZT: "AHORA YA NO AGREGAREMOS UN "APPLE" SI NO POR EJEMPLO QUE SEA UNA MANZANA (*ESCRIBE ORANGE*)" jdsajsd buen video FAZT !!! dedito arriba :D

@Sol_Y_Sk8 3 года назад

jajajjajaja pense lo mismo cuando lo puso

@joelventura76 3 года назад

PA QUE :S :S

@jotap4363 3 года назад

39:27 ajja

@gbarajas2971 4 года назад

He comprado cursos caros, platzi, codigo facilito de todo y pensar que tu enseñas mejor y gratis. de todo corazon un fuerte abrazo. haces que a uno le de ganas de ser programador.

@RafaelRodriguez-bw9tq 6 лет назад

como siempre, gracias por compartir conocimientos de distintos ámbitos, se agradece tanto para aprender nuevas cosas, repasar conocimientos o ver como otros programadores con experiencia escriben y organizan su código. Un saludo!!

@johnherrera5913 3 года назад

Master! Realmente te felicito por estos magníficos vídeos, muy bien explicados. Es realmente difícil encontrar en youtube alguien que suba vídeos de esta calida

@rhodgsona 5 лет назад

De los videos más productivos que he encontrado para practicar. Mil gracias.

@Jmontero1804 4 года назад

Gracias Fazt , por favor sube mas contenido, tu canal es excelente!

@victoria-exito 3 года назад

Hola!! Tienes un canal SUPER COOOOOL!! No sé por dónde empezar! :D Por dónde me recomiendas que empiece? 1) Programar? Cuál-es lenguaje-s? 2)Desarrollador Web?Cuál-es lenguaje-s? 3)Con cuál puedo ofrecer servicios a futuros clientes más rápido? 4) Programador Back-end 5) Programador Front-end 6)Programador Fullstack .....Nunca he programado orientado a objeto :'(.....Gracias por tu VALIOSÍSIMO CONSEJO!

6 лет назад

Cada dia, haces la vida muchos mejor, enseñando programacion de esta forma tan sencillas, Excelente y muchas felicidades por este gran proyecto que llevas acabo de enseñar a programar de forma tan sensilla. Gracias.

@ariagnaalbuerne9890 5 лет назад

Son los tutoriales más claros que he visto! De hecho tus videos son siempre mi punto de partida y en cada tema no pueden faltar ! He aprendido mucho! Agradecida también!

@lujot 4 года назад

Amigo muchas felicidades, una vez más me he quedado sorprendido, gracias por compartir tus conocimientos.

@adrianbanuelas8786 Год назад

Excelente vídeo, he aclarado muchas dudas, aunque intenté hacerlo completamente con clases empezando con Program como en C# y me gustó bastante el resultado

@nogueraej 4 года назад

Explicado de forma simple y muy clara, en una sola palabra Excelente.

@segtian1133 3 года назад

Aprendí e hice varios apuntes, gracias por subir este vídeo me ayudo mucho para entender varias cosas la verdad me sentía perdido en Javascript que solo sabia lo básico pero gracias a ti pude entenderlo mucho mejor(lo vi desde tu pagina xd)

@gortega882 3 года назад

Gracias fazt, me encantan tus tutoriales y la forma en que explicas los ejercicios, sin duda estos si son creadores de contenido que necesito ver siempre en tendencias

@sebastianolivera3124 5 лет назад

Muy buenos ejemplos, de los mejores canales para entender!!

@mariacristinaulloagarrido1224 5 лет назад

Cada minuto es una ganancia en el aprendizaje...que bien explicas. Muchas gracias, así da gusto aprender!

@dollarzin 5 лет назад

Sem dúvida um dos melhores videos que tem para aprender Javascript. Fiquei um dia inteiro buscando algo parecido e nada. Praticamente um curso inteiro em apenas uma aula. Valeu! Ganhou mais um inscrito sem sombra de dúvdas!

@AlejandroGonzalez-wc5cf 3 года назад

Estaría muy padre que enseñes a realizar mas ejercicios como este y que cada ves sean mas complejos

@maximilianoantonioechevarr4053 5 лет назад

Muchas gracias por tomarte el tiempo de hacer este ejercicio! Sos un crack! Saludos desde Argentina!

@blackstrato2216 4 года назад

Fazt... el mejor profesor que he encontrado en la web... Gracias!

@andresxxx663 5 лет назад

Enseñas muy bien, sigue así esperamos más vídeos.

@alfonsoluis1994 4 года назад

Excelente curso de POO... Todo... todo muy bien clarito. ¡muchas gracias!

@estebansolis1593 6 лет назад

Excelente video bro. Hace poco estaba viendo tus vídeos de react.js y la verdad he aprendido mucho

@yohanhumbertorijoastacio6514 3 года назад

Muchas gracias, por tu aporte. El otro día quería hacer algo parecido, pero no sabia bien como crear los elementos HTML desde JavaScript, la verdad me sirvió mucho.

@10tronic Год назад

Muchas gracias! Así se aprende, haciendo proyectos no importa que tan sencillo pueda parecer!

@danimart69 4 года назад

Muy buena logica. Quisiera tener maestros asi en el instituto. Gracias por la explicacion. 🤩🤩

@2014informatica 4 года назад

Gracias por compartir tus conocimientos, tienes un suscriptor más, era exactamente lo que estaba buscando.👌

@oscarclaros2225 2 года назад

Que buen ejemplo, aprendí mucho. Muchas gracias Fazt

@jesusrodriguez-vx5kn 4 года назад

Excelente tutorial. Gracias por ser tan claro y conciso en la capacitación!!!

@ljbritocarrizo7485 4 года назад

Wow fazt tu contenido es realmente de alto nivel, gracias por lo que haces!!!

@WorldFitEntertainment 3 года назад

12:45 cuando el buen Fazt se tienta :) !!! Gracias fazt por compartir tu conocimiento

@lacaverna9151 4 года назад

gran clase como siempre!! mil gracias por el conocimiento compartido, tienes una manera muy clara de explicar las cosas.

@lazarocordies4531 4 года назад

Lo mejor del Internet, sigue asi compa compartiendo el conocimiento, saludos desde Cuba, Gracias.

@isrraelortizc 4 года назад

Mis respetos! Excelente vídeo! La verdad no me gustaba javascript pero luego de ver este vídeo me gusto full! Mil gracias por el apoyo y tus conocimientos!

@unedocencia1069 4 года назад

Gran video, en one me puse al tanto. sólo me perdí (ya averigüé) eso de... 33:35 backtick, grave accent, backquote, backgrave, template literals, alt + 96 alt + 0180

@dofer50 5 лет назад

Eres un duro bro, sigue asi... todo el apoyo y exitos !!! aprendo demasiado contigo, gracias

@gustavojuarez2763 5 лет назад

Excelente super claro y practico.. Gracias

@Magistrado1914 4 года назад

Excelente mini curso. Visto en 05/09/2019

@andresdecba 5 лет назад

Genio, maestro ! Muchas gracias en serio : ) Compré cursos en Udemi pero me la paso viendo los vídeos de Fazt acá xD

@luismelgarejo2400 4 года назад

Jajaja no eres el único xd

@andymarinosrodriguez2170 4 года назад

Andres Pugliese de victor robles? :v

@gelintonx 4 года назад

@@andymarinosrodriguez2170 si

@jorgemiguelvacamendoza5584 4 года назад

Qué tal son los cursos de Víctor Robles?

@AlexGalo0 4 года назад

@@andymarinosrodriguez2170 JAJAJAJAJA YO LITERAL, compre uno de Víctor Robles (El Full Máster de Javascript, re simple el curso) y termine conociendo a Fazt por eso

@nicolaxcs 6 лет назад

Genial Fazt, sería aún mejor si la sintaxis fuera 100% ES6. Merecido Like.

@BYwIIK2 4 года назад

Excelente vídeo. Por mas videos de crear un proyecto orientado a objetos, pero sin ningún framework o herramienta como webpack que sea puro ojalá puedas realizarlos, saludos desde Colombia

@mauro21523 3 года назад

Gracias infinitas Bro tienes una gran calidad humana y técnica, tenía un microproyecto y este ha sido genial para perfeccionar mi programa, algún day te lo compensaré Sr. Fazt de Nazareth.

@yousseflehchiki1662 5 лет назад

Me gusta que subas cursos prácticos. Desgraciadamente la mayoria de cursos que hay en youtube son solo teoria y a la hora de practicar no se realmente que hacer para aplicar lo aprendido.

@yefweb3848 4 года назад

Excelente Fazt, sencillo pero sustancioso :) Gracias Crack!

@jesuscaicedo163 3 года назад

Excelente!! Sería genial que hagas otro vídeo integrando está aplicación con una api rest y base de datos

@maximilianocba07 3 года назад

Sos un genio hermano.. vengo de c# y no vi nada de JavaScript y entendi bastante bien todo

@cecisg6643 5 лет назад

Excelente vídeo gracias por compartir conocimientos de mucha importancia. Y siga compartiendo más sus conocimientos valiosos es de mucha ayuda.

@andres-mora-vanegas 5 лет назад

Muy buen tutorial, se aplica la programación orientada a objetos correctamente, muchas gracias

@enzocodes 5 лет назад

Excelente Fazt, como siempre un placer poder aprender de tus videos! Gracias!!! :D

@gplazass 4 года назад

gracias y felicitaciones por la gran labor de enseñar, compartir el conocimiento y hacer de este mundo mejor para todos.

@guskit 2 года назад

Estupendo mi loco, una vez mas felicitaciones, tienes todo lo que se requiere para ser un ink master.

@oliveira1820 5 лет назад

Muchas gracias por este proyecto. Hay un grande aprendizaje de JavaScript aqui. :D

@AlejandroGuerrero 3 года назад

Vídeo BRUTAL! GRACIAS! Saludos desde Madrid!

@anitacanalis5382 4 года назад

Muchas gracias por tus videos!! Excelente como explicás!!! Más claro imposible. Nueva suscriptora!

@joserphandjaba 3 года назад

Muchas gracias! Aprendí mucho con este video tutorial.

@clasesdeprogramacion.net_erc 2 года назад

Por cierto muchas gracias por este curso me ha sacado de muchas dudas, Mucha explicación por ahí de los objetos con pepe juan y no sequé, pero no te explican cómo llevarlo a la realidad gracias.😊

@msngabi95 2 года назад

Excelente video! Aprendí un montón! Muchas gracias!!

@agu7432 3 года назад

Excelente clase!! Felicitaciones master teacher!!

@moisessolano5855 3 года назад

Siempre veo tus tutoriales recibo grandes aportes de ellos gracias...

@EmOJaXuElPuNk 2 года назад

MUCHAS GRACIAS POR TUS CONOCIMIENTOS CRACK, YA QUE ALGUNOS NO TENEMOS LA ECONOMIA PARA LLEVAR CURSOS CAROS PERO SI TENEMOS LA MOTIVACION

@dexter117 2 года назад

Creo que todos tus suscriptores estamos de acuerdo que sigas trayendo contenido como este al canal!!!!!!!!!!! Me suscribiría 1000 veces si se pudiera, qué buen contenido

4 года назад

Muchas gracias, por el aplicativo. Ha sido un éxito y he aprendido bastante. Saludos.

@chimboterex 5 лет назад

gracias , aprendiendo muchas bendiciones por sus conocimientos , soy novato pero ganas de aprender

@gabrielcachavilano351 4 года назад

Buenas Fazt, primero muchas gracias por tu contenido, segundo, tengo una pregunta, tenes material sobre patrones de diseño? sea con JS vainilla o con algun framework?

@anthonycreativo6226 5 лет назад

Me a gustado muchísimo como explicas todo, ya he visto dos vídeos tuyos de javascript y me encantaron. pero estaba buscando otros y no encontré pero estaba tratando de ver una manera de que con este misma aplicacion para web editarla y ponerle que todos los productos de la lista se actualicen con una cantidad que uno ponga en un recuadro que se pueda multiplicar todos los datos de los price los precios.... haz una continuación porfavoooooor se te quiere bro

@diego.coder26 5 лет назад

Aprendí muchísimo gracias fazt !, Hey no te olvides de python saludos!

@kodosensei 2 года назад

Simplemente una maravilla lo bien que enseñas!!!

@teamezpyna7572 6 лет назад

primeras excelente faz justo lo que buscaba, gracias.

@nkisikiyumba 4 года назад

Excelente explicacion de la POO en Javascript :)

@holmancun 5 лет назад

Excelente, muchas gracias.

@javierItuzaingo 4 года назад

Gracias por compartir, muy bueno!!!

@dariogregoriotejedasantanadgts 5 лет назад

gracias de verdad muy buen trabajo gracias por compartirlo

@arielcastillo7925 Год назад

Fua tremendo !! muchas gracias por compartir tu conocimiento, voy a repasar y practicar todo lo de este video!! muchisimos saludos

@7Alfredleo 6 лет назад

Muy buen video Fazt!!

@ivangonzalez823 2 года назад

Gracias a este video he aprendido objetos en js.

@rickertluisgonzalesramirez1839 4 года назад

Excelente explicacion hermano gracias!!!!!

@euribiadesbarrios1140 3 года назад

Excelente tus videos como colocaste los comentarios automaticos GRacias por tus conocimientos

@ctrljean3467 5 лет назад

Si estos son los cursos gratis, abiertos a toda clase de público de fazt y son brutales , no me imagino entonces los de pago.

@grbsql 4 года назад

Excelente Fazt. Muchas gracias

@oscarxaviervaroncruz5276 2 года назад

Muy bien explicado felicitaciones.

@Mistik4l Год назад

Mañana tengo una entrevista de trabajo para una empresa en Guadalajara, tenia 2 años sin desarrollar y con esto "aprendí" más que nunca jaja, a ver como nos va.

@FaztTech Год назад

Excelente, Mucha suerte Elías con tu entrevista

@davidtrokten 2 года назад

hola Fazt code, podrias hacer mas cursos de este estilo, porfavor, me parece idoneo, ya que conecta los principios de la POO en el el desarrollo web.

@youtubeuser5874 3 года назад

Aprendi mucho con tu video y aun no lo termino :D gracias por compartir, que tengas muchos exitos!! y me suscribo.

@luisguzman9743 2 года назад

Como siempre genial, Fazt. Aprend[i un mont[on de cosas. Por cierto, en el minuto 40:10 podríamos reiniciar el formulario dentro del evento del objeto form con this.reset(); creo que es mas practico. Un abrazo

@cesaraugustopachecoariza4528 3 года назад

Muchas gracias por este video Fazt

@kenyajaquelineaviles9011 3 года назад

Hermano eres el mejor html CSS javascrip

@666FK 4 года назад

excelente contenido Fazt , oro puro broth!

@eduardorivas6959 Месяц назад

Genial! Muchas gracias.

@joserafa78 4 года назад

Gracias Fazt..Genial.. para Temporada de Cuarentenea...

@AndreaGomezJimenez 5 лет назад

Excelente aprendí mucho...

@4927080avila 2 года назад

Muy muy bueno...sin misterios...y muy didactico

@Jdomcanal_tutoriales 5 лет назад

Solo como aporte cuando trabajen la parte de crear elementos html desde el js, pueden cambiar la sintaxis de vs code a html para optimizar segundos. 🙂

@Jblanco1989 4 года назад

Interesante dato

@jomaguz 3 года назад

tambien hay una extensión html-in-template-string

@wiliaminthelife 3 года назад

crack!!, Muy buen video!! sin complicaciones

@luchodomizi 4 месяца назад

Una info importante es que Javascript no posee classes como existen en Java por ejemplo, son solamente una vista amigable de funciones. De hecho si consologueamos el typeof class nos dice que es una función.

@danielgonzalez-mt2ke 5 лет назад

En la parte donde eliminas el alert, ya tienes la referencia al éste, no necesitas hacer otro selector, con app.delete() es suficiente

@josuediaz5604 4 года назад

Min 27:57, Tenia 3 horas googleando porque no se me quedaban los mensajes de la consola y cuando decidi seguir colocandole un alert luego de console.log para que no borre los mensajes tan rapido, dices lo de "Perserve log" jaja. Mil gracias