Javascript: 10 Fundamentos modernos que debes conocer 🙌

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

КОМЕНТАРІ • 402

  • @bluuweb
    @bluuweb  3 роки тому +10

    ¿Dudas y preguntas? En Discord todos nos ayudamos 😍: Discord: discord.gg/ZrQAJnD7K8
    Los espero. Saludos

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

      No me deja ingresar :(

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

      Hola como estamos usando el forEach al usar map y filter te crea 20 resultados de las 20 cosas que pides, en lugar de solo mostrar 20 resultados si me entiendo?

  • @BOUUSER123
    @BOUUSER123 4 роки тому +156

    No sean miserables, desactiven adblock y vean los comerciales hasta el final, nos entrega su sabiduría gratuitamente este agradable sujeto.

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

      desactivando adblock

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

      No lo había pensado asi... ja ja ja... a veces (siempre) uno anda en automático y ni se acuerda que había activado eso.... ja ja ja... gracias por la acotación...

    • @yeisonruizcuri4987
      @yeisonruizcuri4987 4 роки тому +1

      @@heimysalvarado6274 el mejor comentario

    • @CristianHB
      @CristianHB 4 роки тому +1

      Eso hago, desactivo el adblock y esas cosas cuando veo estos vídeos, ver unas cuantas publicidades en honor a estas personas que nos enseñan no hacen daño!

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

      :c me hizo sentir miserable, pero ya lo desactive

  • @egjz110
    @egjz110 3 роки тому +15

    Es tan hermoso ver esto de nuevo, es como regresar a 2018 pero con información actualizada, gracias

  • @drujas
    @drujas 3 роки тому +10

    42:20 La parte mas importante a tomar en cuenta en los fundamentos de Javascript en este video.

  • @David-mx3vx
    @David-mx3vx 4 роки тому +117

    7:30 Code: No, no caballero, usted ha declarado esto 2 veces.
    Yo: que agradable sujeto. :)

    • @bluuweb
      @bluuweb  4 роки тому +1

      🤣

    • @codewithdalvin
      @codewithdalvin 4 роки тому

      Jajajjaa me encantó esa parte, desde ahí me encantó su manera de explicar 😂

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

      ejejejjejejeje

  • @Ainus64
    @Ainus64 10 місяців тому

    A pesar de ser un vídeo que tiene unos 3 años, la forma bastante sencilla que tiene de explicarlo es increíble y te enseña más que otros videos actualizados.
    lo que estoy aprendiendo aquí me sirve perfectamente para entender bien JavaScript cosa que hasta ahora no terminaba de entender del todo.
    Gracias por este vídeo tan bueno, sin duda me veré el resto de vídeos .

  • @LG-wb1jf
    @LG-wb1jf 3 роки тому

    lo vi este vid hace 7 meses cuando consegui mi primer trabajo xq me recomendaron tu canal, cada dos meses lo vuelvo a ver. Bien hecho Bluuweb!

  • @javisama6233
    @javisama6233 3 роки тому +1

    La calidad de tus videos en cuanto a contenido y claridad al explicar es impresionante. De todos los edutubers de programación web que he visto, para mi sos el mejor sin dudas. Muchísimas gracias por compartir tus conocimientos con la comunidad.

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

      Cierto, mis profesores no explican tan bien como este tipo! Grande

  • @TecnoTubeTutorials
    @TecnoTubeTutorials 4 роки тому +23

    Se nota la calidad de la información que compartes saludos

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

    Eres increíble , gracias por todo tu trabajo, no podía dormir y en lugar de netflix prefería venir a ver un video tuyo. (2:14 a.m.)

  • @alexanderperezurbina8482
    @alexanderperezurbina8482 4 роки тому +2

    Genialísimo, creo que no me aburrí en ningún momento, todo me pareció sumamente interesante, aparte que otros youtubers hablan sin animo y te dan ganas de dormir, tu animas mucho mas y dan ganas de aprender, sigue así me suscribo de una mi pana

  • @l.g.torres1359
    @l.g.torres1359 3 роки тому

    La verdad compatriota eres un capo enseñando, me compré tu curso de react en Udemy por que estaba buscando la formula "mágica" para aprender, pero sabes, entendí tanto en el video introductorio del curso, que pensé, si voy a aprender algo mejor lo hago bien y lo hago aprendiendo con el que sabe, muchas gracias por compartir este valioso conocimiento de la forma en que lo haces, y eso te lo digo por que la mayoría de los que "enseñan" en videotutoriales lo hacen como en "piloto automático", cero pasión, y el hecho de que cuando enseñas metes las dudas mas comunes que cualquiera puede tener como por ejemplo "y que pasaría si en lugar de esto meto esto otro" y lo muestras todo con ejemplos gráficos la verdad es que como dice la frase "la buena letra entra con sangre" en este caso no puede estar mas equivocada, entra con pasión como lo haces tu. Saludos de un chileno desde Argentina.

  • @Freddy_507
    @Freddy_507 4 роки тому +53

    Fantástico vídeo! que si queremos una segunda parte de javascript? por supuesto! :)

    • @bluuweb
      @bluuweb  4 роки тому +27

      Entonces a trabajar en la segunda parte! jijiji Saludos!

    • @4IIPAULSPARTANII4
      @4IIPAULSPARTANII4 4 роки тому +5

      @@bluuweb la espero con ansias, eres grande krak

  • @oscarrincon7825
    @oscarrincon7825 4 роки тому +1

    Muchas gracias! justo estoy tomando un curso de javascript moderno en udemy y tenia algunas dudas, ahora que veo tu video y con lo familiarizado que ya estoy me ha queda todo muuuuy claro!

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

    No sabes lo que estás ayudando en mi carrera! Gracias!!! Sos un capo!

  • @andresbustamante972
    @andresbustamante972 3 роки тому +9

    Algo extra, también existe .find() que es parecido a .filter() solo que este devuelve un elemento, y es el primero que encuentra. Y un detalle no menos importante es que hay que saber que estos métodos no modifican los arrays originales, lo digo porque hay muchos métodos para array que si modifican los arrays originales, saludos

  • @mariantonietachacondibacco5768
    @mariantonietachacondibacco5768 4 роки тому

    Fabuloso soy nueva en este mundo y créeme no entendía por nada JavaScript y gracias a ti por fin pude entender, tu manera de explicar es la mejor. Eres un grande!!

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

    Ignacio, esta es la n-vez que comienzo este video, ocupaciones laborales y familiares siempre me interrumpen, pero hoy es el día, de seguro que hoy si lo lograré terminar. Muchas gracias por tu dedicación y compartir tus conocimientos, un abrazo grande....

  • @marroquin92
    @marroquin92 2 роки тому +6

    We eres muy bueno explicando, y claro te felicito, entendí muchas cosas

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

      Excelente 💪🏽👌🏽☺️

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

    Muy buen tutorial. Aprendí. Gracias Bluuweb. Bendiciones.

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

    Muy bueno Ignacio!!! sos un maestro explicando!!!.....gracias por compartir tu conocimiento!!! Te mando un abrazo desde Argentina!!!

  • @franciscoaguirre2237
    @franciscoaguirre2237 3 роки тому +1

    Increíblemente clara tu forma de explicar Ignacio, sos un crack. Te felicito por tu canal. Muy valiosos tus aportes. Muchas gracias!! :)

  • @codecristatus
    @codecristatus 2 місяці тому

    Práctico, directo, didáctico y muy útil este video . . . mil gracias por compartir . . . 🍻

  • @Cristian-cp3cc
    @Cristian-cp3cc 3 роки тому

    Lastima que no esta la opción de dar más de un like, porque este tutorial se lo merece, esta super claro. Muchas gracias por compartir lo que sabes. Saludos desde Argentina.

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

    No podía entender bien el fetch y en 15 minutos me lo explicaste. Sos una bestia!! Saludos desde Argentina, genio

  • @laurabrizuela1645
    @laurabrizuela1645 4 роки тому +17

    Me encanta tu voz 🤷🏻‍♀️ podría estar viendo tus videos todo el día 😊

  • @mafrunepi
    @mafrunepi 3 роки тому +1

    Gracias por explicar tan bien y de una forma tan amigable. Muchas gracias por todos tus vídeos y dedicación.

  • @francocaldarola
    @francocaldarola 4 роки тому

    Excelente! Cosas que no tenía idea que existian. Variables let, funciones de flecha, template string, destructuring Objects....GENIOOOO

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

    wao amigo te puedo decir que de todos los tutoriales que eh visto en internet y en el propio udemy, tu eres la unica persona que le eh logrado entener casi que todo detalladamente, de verdad que burtal, llevo meses frustrado con la logica, claramente eh visto mas informacion pero aca resolvi muchas dudas, muchas gracias, luego voy a ver si puedo hacer tus cursos de vue.

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

    🤗Amo como explica este profesor!!! Simple y facil, sin rodeos!!!!!

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

    Que genio sos Bluuweb!!! Crack!! Saludos desde el otro lado de la cordillera, Argentina!! I love Bluuweb!!

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

    Quisiera darle un MeGusta.megusta, pero no se puede!! Tremendo video!! no he finalizado de reproducirlo y ya estoy escribiendo un comentario. Me has aumentado la motivación de seguir aprendiendo a programar!! Ojalá en todas partes explicaran como lo haces... Simplemente gracias!!

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

    Así se debe enseñar!! eres increíble. ENHORABUENA!!!

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

    magistral explicación. Muchas gracias buen hombre! Bendiciones

  • @andrespena635
    @andrespena635 4 роки тому +4

    Ignacio eres un crack TOTAL MUCHAS GRACIAS POR EL ESFUERZO Y LA DEDICACION Y SOBRE TODO POR ESA SUPER ACTITUD QUE LE PONES A TODOS ESOS VIDESO PORFAVOR SEGUNDA PARTE ESTUVE GENIAL Y SIN VERLO DE UNA LIKE!!!

    • @bluuweb
      @bluuweb  4 роки тому +1

      Muchas gracias Andres! espero pronto subir la segunda parte 🎉🎉🎉 Saludos!

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

    He visto millones de cursos, pero ninguno como éste, estoy super contenta y he aprendido mucho!

  • @m.a.c.8544
    @m.a.c.8544 3 роки тому +1

    Hermano explica muy bien! Haces ver todo tan simple! Me gustan mucho tus vídeos. Sigue así 😁

  • @al14shn
    @al14shn 4 роки тому

    Muchas gracias, me había quedado con el js de hace 6 años, esto me viene de maravilla.

  • @Witt_News
    @Witt_News 4 роки тому +1

    Gracias Victor! Tomé tu curso en Udemy y es muy recomendado. Muy clara la forma de explicar. Un abrazo !

  • @jorgeescobar11
    @jorgeescobar11 3 місяці тому

    Exelente profesor, transmite muy bien sus conocimientos!!

  • @nicolasviafaraesteban3777
    @nicolasviafaraesteban3777 4 роки тому +1

    Que buena actitud, es motivante. Gracias por tus videos!

  • @luisardila8185
    @luisardila8185 4 роки тому +6

    eres un crack Ignacio muy vacano tus video he visto un monton, explicas excelente te felicito

    • @bluuweb
      @bluuweb  4 роки тому +1

      Muchas gracias Luis! 👏🏼

  • @santiagodelacruzdelossanto8561
    @santiagodelacruzdelossanto8561 3 роки тому +1

    Eres un Crack amigo explicando es lo que necesitaba entender. Saludos. Que sigas cosechando éxitos.

  • @Delafx
    @Delafx 4 роки тому +1

    Muy buen video, aunque para el ejemplo del filter, igualmente puedes manipular el json de la consulta y con un map ir agregar elemento por elemento la propiedad poder con un Math.random, y luego cuando realizas el filter poder usar dicha propiedad, de igual forma, logré refrescar bastante cosas con lo que comentas y siempre es un agrado poder ver tu videos

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

    Me encantan tus videos.Haces que todo se entienda muy fácil.Gracias

  • @wladimirgonzalez3667
    @wladimirgonzalez3667 3 роки тому +3

    Sin duda el mejor, conocimiento y carisma perfecta combinación :-)..

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

    Increible video , muchas gracias por la explicacion todo se entendio a la perfeccion

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

    Muchas Gracias Bluuweb !! Excelente explicación y la forma que lo haces !!! Próximamente comprare un curso en Udemy ! Saludos

  • @axelledesma1696
    @axelledesma1696 3 роки тому +1

    Sos muy bueno explicando bro!! super claro y entendible.
    Saludos!!

  • @denncriss3082
    @denncriss3082 4 роки тому +1

    Qyiero ver la parte 2 de Javascript eres un grande me encanto tu curso de vue tanto en youtube como en udemy tienes un método de enseñanza muy muy bueno simplemente gracias Ignacio vue💚

    • @bluuweb
      @bluuweb  4 роки тому

      Wuau muchas gracias por tus comentarios!! Me da motivación para seguir con mas energía que nunca!!

  • @AurelisMORENOPARRA
    @AurelisMORENOPARRA 4 роки тому +2

    Hola!!! Excelente tutorial , buen tono voz para enseñar ... Me gustaría saber cual es el tipo de letra que usas para comentar el código y ,sino es mucha molestia , como lo puedo configurar , soy nueva en el mundo de la programación, tu canal es lo máximo. Saludos !!!!

  • @ronaldpereztorres
    @ronaldpereztorres 4 роки тому

    Excelente video. Había visto la explicación al mismo componente pero no lo había entendido como ahora. Felicidades

  • @edwardcumana6772
    @edwardcumana6772 4 роки тому +1

    Excelente video Bluuweb ! Explicas muy bien, de manera clara y sencilla. Sigue asi bro

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

    Un curso superbueno tienes un nuevo suscriptor mil gracias profe muy buena imagen sonido y por supuesto explicación súper de 10

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

    Muy buena la introducción de Fundamentos de JavaScript moderno como complemento al curso de Bootstrap 5

  • @oliviooliveira2784
    @oliviooliveira2784 4 роки тому

    Eres un crack como profesor, muy clarito para explicar, sigue así, te deseo mucho éxito. Un abrazo de un chileno oriundo de Concepción que vive en Luxemburgo.

  • @rigoxpa
    @rigoxpa 3 роки тому +1

    Buenísimo, se me hizo fácil con tu manera de explicar 👌

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

    gracias por enseñar de una forma tan genial!... es inspirador cuando alguien hace las cosas tan bien!!!. gracias

  • @luisg.frisnedam.4781
    @luisg.frisnedam.4781 4 роки тому +1

    Excelente video/clase. Simple, practico y entendible.
    Esperando por la segunda parte, mientras seguiré practicando y comenzare con Vue a ver que tal me va.
    Gracias por tu buena onda Bluu.

  • @231170maxo
    @231170maxo 4 роки тому

    Un capo sr. youtuber para explicar los conceptos...me sirvio mucho....Slds y seguid asi...Pó...!!!

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

    Muchas gracias por brindar tu conocimiento! Es de gran ayuda !

  • @robertto1ify
    @robertto1ify 4 роки тому +5

    VIDEAZO para los aficionados al Frontend que sabemos lo básico de JS y no vemos la hora de poder "tirarnos a la piscina" y probar a hacer cositas con React / VUE

    • @bluuweb
      @bluuweb  4 роки тому +1

      Exacto ahora a tirarse a la piscina 🎉 Saludos!

  • @andressilva284
    @andressilva284 4 роки тому +1

    este video me ayudo a resolver muchas dudas, gracias maestro, tus videos son los mejores para aprender. espero una segunda parte. :D

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

    No era lo que buscaba, pero woooooooooooow. Me quedé porque me entretuvo muchísimo, eres un genioooo♥

  • @ernestoz.s.1581
    @ernestoz.s.1581 3 роки тому

    ¡Superior!, ¡Como siempre!.... Me encanta como explicas.

  • @MartinG-3
    @MartinG-3 2 роки тому

    Te felicito por este video, la verdad venia muy perdido con toda esta información junta en tan poco tiempo, me vienen muy bien estos videos para poder encarar en el curso la semana que viene react, muchas gracias genio!!

  • @markosmk
    @markosmk 4 роки тому +2

    Genio!!!! Un video buenísimo seria “como optimizar tu app con react”, ya que suele pesar mucho todo junto cuando se compila, o tips para la produccion o tips para el SEO con apps realizadas con react, tal vez hay algo parecido a purgecss que haga lo mismo con javascript 🤓

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

    afianzas cosas básicas e importantes, gracias. ahora que lo veo tengo un curso tuyo de vue por hacer. seguro que genial. suerte!

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

    ¡Muchas gracias por el video! Voy a tener que reaprender JavaScript y me parecieron súper útil estos consejos. Recomiendo verlo x1.5 jajaja

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

    Que buena manera de enseñar, Gracias!! aprendí un Montón Crack💪💪💪

  • @williamm241
    @williamm241 4 роки тому

    Gracias Maestro me despejo las dudas que tenia, mas certero imposible.

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

    Wow! Que buena forma de explicar. Gracias.

  • @altotongaveracruz
    @altotongaveracruz 4 роки тому

    Excelente explicación!!! muchas gracias

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

    Ame esta clase !!!!! Capoooo!!!!!!!!

  • @waldid1734
    @waldid1734 4 роки тому

    Vamos a iniciar con este video, Gracias por brindar tus conocimientos.

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

    que bien explicas,me sirvió para repasar conceptos básicos

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

    Excelente introducción espero parte dos con mas casos prácticos...

  • @victorcanchica5212
    @victorcanchica5212 4 роки тому

    ¡muy genial, te agradezco mucho el tiempo, los conocimientos y la feliz manera de enseñar! TAN TAN

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

    Este tipo es un crack explicando jaja, grande Bluuweb!

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

    Me encanta tu forma de explicar rey, eres un genio!

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

    Muchas gracias por el video, me sacó muchas dudas. Saludos!

  • @Magistrado1914
    @Magistrado1914 4 роки тому

    Excelente vídeotutorial y explicación
    Visto en 03/08/2020

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

    Excelente!!! Muy dinámico y práctico

  • @sebastianleoneltofano3615
    @sebastianleoneltofano3615 4 роки тому

    Admiro la forma clara que tienes de enseñar!

  • @TheJhony2505
    @TheJhony2505 4 роки тому +1

    en 1 hora resolví muchas dudas, excelente video

    • @bluuweb
      @bluuweb  4 роки тому

      Excelente! trabajaré en la parte dos! Saludos :)

  • @sebascalderon5842
    @sebascalderon5842 4 роки тому

    Era lo que necesitaba, muchas gracias.
    Gran Contenido !!!!

  • @mauriciomendoza2320
    @mauriciomendoza2320 4 роки тому

    Que buen resumen, la verdad es que para contextualizar está muy muy bueno y me ha ayudado un montón. Muchas gracias Ignacio!

  • @johnfriend2010
    @johnfriend2010 4 роки тому

    muy buenisimo tu video, gracias nunca encontre un video que explique esas cositas de js q son base y lo usan mucho en los tutoriales de angular react etc, me lo vi todo xq es un solo video creo q si uviera estado dividido en videos de 5min no lo ubiera terminado XD gracias por tu aporte like y new sub

  • @davidm.8835
    @davidm.8835 4 роки тому

    Te felicito👏🏻👏🏻👏🏻👏🏻 muy bien explicado! Los conceptos de la documentación oficial a veces cuestan de entender. Gracias por tu aportación!

  • @Max-tq1ig
    @Max-tq1ig 3 роки тому

    Me siento incluso más feliz luego de haber visto este video, muchas gracias maestro, eres increíble!

  • @hernandw
    @hernandw 3 роки тому +1

    Hola, muchas gracias por tus aportes. Estoy comenzando en la programación ya tengo idea de JS. Deberia hacer tu curso de React o Vue.. con cual de los 2 es recomendable comenzar..?

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

    No se como haces Ignacio para ser tan claro.... he mirado videos y mas videos en ingles y en español intentando que me explicaran bien como funciona el fetch, el async, await, cuando se usa el try y el catch, como hago para filtrar eso, el tema tambien del map. Habria que hacerte una estatua tamaño natural como héroe de los novatos programadores. Con tu video fue de la única manera que entendí todos los conceptos. Todavía no entiendo como tenes 14 deditos para abajo con este video. Sinceramente no entiendo. Aparte tu voz es como el flautista de Hamelin, escuche una hora de video y al final dije "eh? ya terminó?". Solamente me queda un montón de aplausos. Que todavía batallo con como hacer que me consulte un json local en Vue, pero bueno, ya me las apañare, ahora entiendo el fetch!. Saludos desde Uruguay.

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

    Muchas muchas gracias quiero comenzar ah aprender React y esto me ayuda mucho. 👌 por favor sigue compartiendo tu conocimiento con el mundo así todos crecemos y espero yo también en un futuro compartirlo lo que yo haga 💻

  • @andresalejandro4887
    @andresalejandro4887 4 роки тому

    Grade!! Justo lo que necesitaba, ya una vez conoces el lenguajes necesitas aprender y dominar bien los conceptos claves, muchas gracias por el vídeo!!

    • @bluuweb
      @bluuweb  4 роки тому +1

      Gracias Andres! la idea es ayudar! yupi! cualquier cosa me avisas :) Saludos!

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

    Me parece maravilloso este vídeo. GRACIAS!!

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

    Gracias! aprendí bastantes conceptos, espero que saques una segunda parte

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

    Excelente resumen, me aclaró muchísimo los conceptos tratados y que son básicos para avanzar. Muchas gracias.

  • @FrankGP.Systems
    @FrankGP.Systems 3 роки тому

    excelente video, Si queremos la segunda parte!!

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

    Me quede todo el tiempo del video , si explica muy bien , lo entendí mejor que mi profesor de instituto😃 , buena clase mano .

  • @yeisonruizcuri4987
    @yeisonruizcuri4987 4 роки тому +5

    si hicieras un curso en udemy enfocado en javascript pasito a pasito para luego pasar algun framework como vue, angular o react se te agreceria un monton.