Learn JavaScript With This ONE Project!

2024 ж. 22 Мам.
626 862 Рет қаралды

Today, you are going to be learning JavaScript by completing a project with me. I will explain all of the syntax, what it does and how it works. I will be also explaining to you how to structure your code, bests practices and lots of useful tips that you wouldn't get in beginner tutorials.
💻 Thanks to Linode for sponsoring this video! Get a $100 60-day credit when you sign up with a new account from: linode.com/techwithtim
💻 Download Node JS: nodejs.org/en/download/
💻 Code Download: github.com/techwithtim/JavaSc...
💻 Master Blockchain and Web 3.0 development today by using BlockchainExpert: algoexpert.io/blockchain - use code "tim" for a discount!
💻 ProgrammingExpert is the best platform to learn how to code and become a software engineer as fast as possible! programmingexpert.io/tim - use code "tim" for a discount!
⭐️ Timestamps ⭐️
00:00:00 | Video Overview
00:03:06 | Project Overview
00:05:12 | Project Setup
00:06:54 | Building The Project
01:09:40 | Outro
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
👕 Merchandise: teespring.com/stores/tech-wit...
📸 Instagram: / tech_with_tim
📱 Twitter: / techwithtimm
⭐ Discord: / discord
📝 LinkedIn: / tim-ruscica-82631b179
🌎 Website: techwithtim.net
📂 GitHub: github.com/techwithtim
🔊 Podcast: anchor.fm/tech-with-tim
🎬 My KZhead Gear: www.techwithtim.net/gear/
💵 One-Time Donations: www.paypal.com/donate?hosted_...
💰 Patreon: / techwithtim
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
- techwithtim
- javascript tutorial
- coding
⭐️ Hashtags ⭐️
#techwithtim #javascript #project

Пікірлер
  • Tim - I am very impressed by your teaching technique. As a 58 year old database programmer, I learned a lot about JavaScript from your 16-part tutorial and this video really cemented the concepts you covered earlier. You have a bright future ahead of you! Keep plugging along.

    @user-ct9ku8iv9u@user-ct9ku8iv9u Жыл бұрын
  • I am a new JavaScript language learner and seeing a "real project" taught me a lot, even though it was challenging for me. Thanks to this video, I realized that I need to work harder. Thanks a lot for this great value!

    @mericcintosun@mericcintosun7 ай бұрын
  • first 15 minutes and its validating how much I actually know how to code. so much new info too! thank you very much!

    @aaronamoso@aaronamoso3 ай бұрын
  • i love seeing your development not only in writing clean code but also improving in structuring your projects. lovin it keep it up nice video

    @fumano2679@fumano2679 Жыл бұрын
    • Teleqram me 👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
  • ive been developing with javascript with more than 10 years of experience, yet I still enjoy these beginner tutorials and still learn alot.

    @mostlyrob3469@mostlyrob3469 Жыл бұрын
    • Then u😃 noob

      @sajosunny3579@sajosunny3579 Жыл бұрын
    • @@sajosunny3579 🤣🤣

      @ebran2669@ebran2669 Жыл бұрын
    • @@sajosunny3579 😂😂😂😂

      @republicgamer6998@republicgamer6998 Жыл бұрын
    • bruh what🤣

      @nikitapestov1711@nikitapestov1711 Жыл бұрын
    • @@sajosunny3579 lol 😂😭

      @werrutkyupnext@werrutkyupnext Жыл бұрын
  • Tim, You're so fascinating teacher, and I love all your videos because they teach me a lot. You made me remember many things I have forgotten and that's insane, I mean, you made me see that, although have worked as a software engineer for many years, I still have many things to learn, and that made me ecstatic a little bit. So I would love to thank you for this exciting video. learning will never stop!😉😉😉

    @nahumabinet7337@nahumabinet73379 ай бұрын
  • This was amazing! the perfect project i was looking for to understand JS. This was very well done Tim. Looking forward for more!

    @beastmoderilla4428@beastmoderilla4428 Жыл бұрын
    • Awesome, thank you!

      @TechWithTim@TechWithTim Жыл бұрын
    • JavaScript functions are hoisted aren’t they? I call functions all the time before I define them.

      @ihatethewind@ihatethewind Жыл бұрын
    • @@ihatethewind Only if they are declared the old way with "function" keyword. If they are declared with the new ES6 way, the "arrow" => functions, they are not. Arrow functions are not getting hoisted.

      @MarshallSC1@MarshallSC17 ай бұрын
  • You're right on time, Tim. I just wanna start learning JS Thanks for this video

    @edeniyanda@edeniyanda Жыл бұрын
  • Great video. it was tough to understand some concepts at first while following along. At the end it was all wrapped up and made sense! It was a great insight into your thought process and how you break everything into components.

    @TheCodeJourney_@TheCodeJourney_11 ай бұрын
  • I've started learning javascript this week and saw your video while taking a break and it's inspiring and very motivating. I hope i can write a code as clean as yours someday 😁 I'm going to rewatch it again once i learned all the basics of javascript and learn more from this project 😊😊

    @jairus04@jairus0411 ай бұрын
  • Awesome stuff man. Really appreciate what you did. I like the delivery and entire explanation of what goes after what, which is truly important to understand if you taking it first time. Hope there was an html integration with it as well. But overall it looks fine. Thank you.

    @chipngo9758@chipngo9758 Жыл бұрын
  • I completed this video 4 whole weeks ago! Wow! I just came back today to rebuild it, with functional programming concepts, and man, I know my life has revolved around JavaScript for the last 4 weeks, but coming back to videos like these have really helped me understand how to properly use conditionals, and most of all, how to organize my builds with a functional programming mind frame. I separate the date from the functions, and I use map and join for the reels. I broke it up into a bunch of smaller functions with specific tasks.

    @itsnobledean9450@itsnobledean94507 ай бұрын
  • Hi Tim I have just finished this project in one go without stuck anywhere. You explained quite well. Thank you for this project. I am going to use this on my portfolio.

    @Zshafique1@Zshafique16 ай бұрын
  • thank you Tim, this was my first introduction to Javascript (coming from a Python background) and it was immensely helpful

    @punksterbass@punksterbass4 ай бұрын
  • Thank you so much for this tutorial! i found it really helpful as a viewer to watch your thought process live. i think learning to break down projects and think like a programmer can be one of the biggest challenges and your video helps solve that!

    @groovydev@groovydev23 күн бұрын
  • you're a hell of an instructor Tim, I really appreciate your ability to break down the concepts clearly.

    @DETECTIVESPACEMAN09@DETECTIVESPACEMAN099 ай бұрын
    • From the first few words I though you were giving a bad review

      @user-qv7ru4if3u@user-qv7ru4if3u7 ай бұрын
  • Have always enjoyed to learn from people. Wow! You are a sniper who is 100/100 shoot to kill the concept (compliment) with a head-shot in microns (precise and concise! Super, can't appreciate enough).. Glad I am here and watching.. I am a civil engineer lately joining the party, have been exploring to find content like this. This is one of the bests. Thank you so much, you consider sharing your knowledge.. SUPER!

    @sachinkumarbadiger3541@sachinkumarbadiger354111 ай бұрын
  • This is such an interesting video and it helped me understand more concepts I used to struggle with, thank you Tim! 😁

    @UltimateCelebs@UltimateCelebs8 ай бұрын
  • OMG you are the most enjoyable and amazing tutor there is, what a fantastic way of teaching, teaching from what return does to making a whole project. You are the best on the whole youtube

    @xen0076@xen0076 Жыл бұрын
  • Indeed a great tutorial. You explained things throughout the way - such lectures are very hard to find here on KZhead.

    @sureshbhatt363@sureshbhatt3639 ай бұрын
  • thank you for doing this course, i'm a beginner of javascript and this is very helpful for me !

    @nyanpantsu9027@nyanpantsu9027 Жыл бұрын
  • I agree. You are a very good instructor. Thank you. I couldn't get prompt sync to work for me. I switched to readline and that is working so far.

    @travisheldreth5021@travisheldreth50214 ай бұрын
  • This is a amazing video to get started with javascript. And I can relate you totally for python syntax as I am also working with python (I have learned that from your videos). Good job, please adding these kind of content. Thanks

    @infinitydeveloper1552@infinitydeveloper15529 ай бұрын
  • bro, I'm so happy u doing Javascript u can see at this moment I write this comment only in 17 hours u got 10k views this means people more love JS so please do more projects and challenges on JS so thank u bro ill follow up until the end 🙂

    @Salah-YT@Salah-YT Жыл бұрын
  • what an amazing video, it shows us how u think how u structure you code and everything. Really perfect to learn javascript.

    @nathantekeste8026@nathantekeste80268 ай бұрын
  • I didn't know you could use node to get a regular terminal response to js like python in a regular terminal. This is very useful! Thanks.

    @AutMouseLabs@AutMouseLabs Жыл бұрын
  • perfect video I was looking for. youre amazing at teaching

    @Harry_Pcs@Harry_Pcs2 ай бұрын
  • i just finished the project,it was helpful, i did many things my own way I find that the best way to learn, sometimes I see that your solution is better than mine so I change it sometimes I find that mine is better or easier to understand so I keep it, again this was very helpful I always like this project series keep them coming!

    @Rahim-444@Rahim-444 Жыл бұрын
    • Bro i have error

      @champwizard6798@champwizard679811 ай бұрын
  • i'm learning a bit of javascript as an entry level begginer, this video is funa dn good to watch, only had some little problem with the nested arrays and for of loops, hoping that later on I can learn more. thank you this video was great

    @moeharuke4662@moeharuke46629 ай бұрын
  • Thank you for sharing this Tim dude.

    @jish194@jish19417 күн бұрын
  • Great video! Also, when asking for amount of lines to bet on we can do this: const lines = prompt("Enter amount of lines to bet on (1-" + ROWS + "): "); so it changes as we change number of rows in our slot machine

    @dominikbogdanski9244@dominikbogdanski9244 Жыл бұрын
  • I have learned so much from you. You do such a great job!! Thank You!!

    @user-rg7ec9cn7d@user-rg7ec9cn7d2 ай бұрын
  • Happily to find you. It means a lot for me. Also thank you for your understandable accent.

    @hymydairy@hymydairy2 ай бұрын
  • I have really enjoyed your content and learned a lot. If you have the time, I would love to see something more advanced in JS. Anyways, great job, as always. Keep it up!

    @RamonHernandez-rl8gi@RamonHernandez-rl8gi Жыл бұрын
  • I'm only 10 minutes in, but this is probably the best execution of this tutorial style I've ever seen.

    @Konspiracie@Konspiracie9 ай бұрын
  • Great video, learning by practicing is so much better. Even if all you do is copying a few lines of code that you see in each lesson. Much more effective than just taking notes. I know this because I tried everything and the only way I could learn (and retain what I learned) was when I started doing that. Once a friend suggested me a few books with interactive content, that made me practice what I learned at each chapter. Edit: For those asking about the books I mentioned, these are the best ones: "Javascript In Less than 50 Pages" "Head First Javascript Programming" If you are into learning Python, "Smarter Way to Learn Python".

    @kevinvikan8115@kevinvikan8115 Жыл бұрын
    • is it normal that you get stuck sometime and look at some code for reference?

      @myke6972@myke697211 ай бұрын
    • @@myke6972 I'm just a hobby coder, but from what I've read from people that do it professionally the answer is yes. They lookup in docs and posts on places like stack exchange all the time. No need to re-invent the wheel when working.

      @not-alot-of-options@not-alot-of-options11 ай бұрын
    • @@not-alot-of-options Hey buddy can u explain why tim didn;t get error even though he re declared blocked variable const numberoflines

      @Sahil-ev5pm@Sahil-ev5pm10 ай бұрын
    • Bot account commenting on videos like this to promote those books

      @MegaBagman@MegaBagman8 ай бұрын
    • Hi, are you referring to the numberoflines = getnumberoflines()? ​@@Sahil-ev5pm

      @EVO-NO@EVO-NO4 ай бұрын
  • Great Job!. Looking forward on upcoming project building videos.

    @raghul-k@raghul-k Жыл бұрын
  • I really enjoyed completing this project, it gave me a good understanding of using Javascript. Thanks!

    @user-el9yf8zl2j@user-el9yf8zl2j Жыл бұрын
  • Thanks for such a great tutorial I think the way you teach is much more better understanding than others. Please make such tutorials for us😊❤

    @AmanPandey-bd1sj@AmanPandey-bd1sj Жыл бұрын
  • Love watching your vids. I like that you you make small typos, syntax errors, math errors and correct as you go along. This is how coding is in real life, it's not perfect and we do make those little errors at times, for me anyway 🙂

    @soccerstarszollo5422@soccerstarszollo542211 ай бұрын
  • This is so freaking cool, Thank you so much sir! you light up my motivation to still keep grinding and learning throughout this tutorial i really enjoyed cloning this game that you build, i felt so much good and wanted to learn more

    @ryuu5109@ryuu51093 ай бұрын
  • I love this video, hope you upload more videos javascript projects, thank you

    @adventurewarriors9691@adventurewarriors9691 Жыл бұрын
  • This tutorial is way better than others that just teach theory

    @JohnSmith-zl8rz@JohnSmith-zl8rz Жыл бұрын
  • Thanks Tim. I just finished all my HTML, CSS now Javascript and so far I've done 2 projects, it helps a lot to see how I can actually put my knowledge to good use rather than just mindlessly learn the language. I've been struggling to find this kind of videos. so thanks again for sharing hope to see more from you.

    @MathemadicaPrinkipia@MathemadicaPrinkipia5 ай бұрын
    • How you start it.. i am trying but i cannot. Can you give me some tips. So i will follow

      @sanausman2931@sanausman29312 ай бұрын
    • I had to chatgpt where to start. Im adding event listeners and other elements to dynamically work with the slots. Going to make my own icons too.@@sanausman2931

      @tonyt_mp4744@tonyt_mp47442 ай бұрын
  • Really love this video as a beginner I you have me how to use function inside a function. Thank you man🤝

    @MolamikeDevs@MolamikeDevs5 ай бұрын
  • This was awesome! Learned a lot!

    @Frost6792@Frost6792 Жыл бұрын
  • hi bro how u doin, i loved the project, the way u explain is so good. Thank God there is someon who understands The beginners.

    @mirjalol_shamsiddinov@mirjalol_shamsiddinov Жыл бұрын
  • Thank you! You explain things, not JUST do them!!!😁 One of the biggest issues I have had with trying to program for years is how to visualize the way the looping structure works.

    @jordanwyltk4569@jordanwyltk45695 ай бұрын
  • I completed this and the 4 project javascript tutorial you recently uploaded, and this one definitely was more of a freestyle compared to the other, but I was able to complete this one with some gained knowledge. I will say, I kept seeing all of the rows and columns in my terminal. Other than that, everything worked perfectly and I'm studying everything after completing the build as well.

    @itsnobledean9450@itsnobledean94508 ай бұрын
  • As a 88 year old programmar, your videos helped me alot to ace Javascript

    @yashhhh740@yashhhh74010 ай бұрын
    • As a 99 old grandpa… I forgot what I was going to say

      @harryhome86@harryhome862 ай бұрын
  • Just what I needed! Thanks

    @OneworldKW@OneworldKW Жыл бұрын
  • Это требует определенных знаний и опыта. Спасибо, что поделились очередной рабочей связкой👍

    @user-wq5wy9mv1j@user-wq5wy9mv1j5 ай бұрын
  • Thanks for this, I really want to learn JavaScript and this indeed helped.

    @nickoalbes6546@nickoalbes65468 ай бұрын
  • I really liked this. Would love to see more. Consider having a simple visual done on PPT or an image editor for when you are trying to explain what the code is doing.

    @boyacosweep@boyacosweep Жыл бұрын
    • Yep this is what would 100% imrpove this further for people who are visual learners. I had to draw it out myself in paint to get how the for loops were working haha.

      @RoxusRemo@RoxusRemo Жыл бұрын
  • Man this just cemented my javascript learning... pushed me up a some notches. :)

    @charles-sambo@charles-sambo9 ай бұрын
  • I admire the way you explain thank you a lot hope to see you in Barcelona

    @mohbcn@mohbcn11 ай бұрын
  • what a thought process 😎, lot to learn from you.

    @namangokhru3715@namangokhru37158 ай бұрын
  • Great content! Thanks for sharing Tim!

    @envitab@envitab Жыл бұрын
    • Np!

      @TechWithTim@TechWithTim Жыл бұрын
  • thank you Tim , this was a great project ,I am learning JS with you

    @maryanlsiben6244@maryanlsiben62443 ай бұрын
  • Read my mind Tim,needed this.

    @d_o_o_m_g_u_y@d_o_o_m_g_u_y Жыл бұрын
  • This is such pythonic way of writing JS, love it bro XD

    @vicentesoto1628@vicentesoto162820 күн бұрын
  • What a great teach! Thank you TWT!

    @tonytodd7011@tonytodd70116 ай бұрын
  • Tim is a man now who remembers when he was in high school. Back then i was at the end of middle school. Now I'm in 3rd year of college

    @jenex5608@jenex5608 Жыл бұрын
  • Good start for beginners!

    @bone_breakerdudu@bone_breakerdudu Жыл бұрын
  • This JavaScript is a perfect course. Thanks

    @Fraidon90@Fraidon9010 ай бұрын
  • I watched this 4 months ago, and I had no idea what this man was saying but now I find myself auto-completing his explanations lol.. I think I have made some progress.

    @TrashCoder1@TrashCoder19 ай бұрын
  • Why are the best youtube teachers named Tim? You and Tim Corey holding it down. Thanks for the video.

    @thatguyty96@thatguyty968 ай бұрын
  • Loved the new intro!!

    @sauraabh@sauraabh Жыл бұрын
  • Thanks for the video. It helped me review some of the core concepts of Javascript and even learned a couple new things. I think I'm gonna try creating my own version of this in python and see where it goes from there

    @64imma@64imma Жыл бұрын
    • Teleqram me 👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
  • Great project Tim! I will take advantage of this to sharp my javascript skills. Little tip here, you forgot to increment the balance after the user won some prize playing.

    @ivaldirbatalha5436@ivaldirbatalha5436 Жыл бұрын
    • Teleqram me 👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
  • im just trying to get into javascript and really enjoyed this form of content. Thanks for sharing. Kinda bummed that we didnt built the fancy animation? The intro at 00:55 kinda fooled me there haha. But nonetheless i got some valuable insight and learned alot!

    @itekkon5893@itekkon589310 ай бұрын
  • Thanks Tim I've been waiting for you to upload a walkthrough project in JavaScript! Would it be possible to upload a video containing simple to more difficult projects purely in JS, similar to what you've done with python? I've yet to find someone who's able to articulate and teach the way you do!

    @MidoBroski@MidoBroski Жыл бұрын
    • Teleqram me👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
  • Hi Tim, thank you for this tutorial. 👏Is there a possibility that you can make a tutorial on how to build a project from start to finish with Angular?

    @sunrise_7878@sunrise_78785 ай бұрын
  • very creative solution. I want like this projects more.

    @onurislak@onurislak Жыл бұрын
  • This is exactly what I needed to get spun up on some JS as I'm trying to learn some web dev. I know some Java, C++/C and code in Python for work and the pacing here was perfect for someone who needed a quick rundown.

    @ItsStaffDaddy@ItsStaffDaddy6 ай бұрын
    • me too! exactly me, I have worked in C/C++, C# .net and java, and I am comfortable in web, but I need strength in this arena

      @stephanieezat-panah7750@stephanieezat-panah7750Ай бұрын
  • For those who get an error saying that the module is missing even though it's there, try uninstalling node js then installing the current version instead of the lts. I got the error during the prompt sync section and this worked for me. Simply redownload the installer for the lts version then run it to uninstall it

    @abdulkadiraminu262@abdulkadiraminu262 Жыл бұрын
    • Had the same problem thank you sir

      @ruairimulhall547@ruairimulhall54710 ай бұрын
    • ur wlcm

      @abdulkadiraminu262@abdulkadiraminu26210 ай бұрын
  • thank you very much, you are a great instructor.

    @jortega618@jortega6186 ай бұрын
  • Thanks - smart little project 👍

    @paulthomas1052@paulthomas1052 Жыл бұрын
  • Thank You Good Sir!

    @ReshtinZegham@ReshtinZeghamАй бұрын
  • Tim thank you for the video, great job!

    @cccplegenda9452@cccplegenda94529 ай бұрын
    • Glad you liked it!

      @TechWithTim@TechWithTim9 ай бұрын
  • This project was truly helpful! I just have a small suggestion regarding the code at 19:16. Instead of using (.numberOfLines > 3), it would be better to use (.numberOfLines > ROWS). Just to ensures that the code remains intact even when we alter the value of ROWS.

    @moebidaz@moebidaz Жыл бұрын
    • Hey buddy can u explain why tim didn;t get error even though he re declared blocked variable const numberoflines

      @Sahil-ev5pm@Sahil-ev5pm10 ай бұрын
    • @@Sahil-ev5pm if I am not mistaken, it's because the first number of lines was inside of a function, meaning it isn't global. unless it is a constant outside of the function, you are free to use it again.

      @yessirski7868@yessirski78689 ай бұрын
  • Great tutorial!

    @nehasrinivasan9741@nehasrinivasan97414 ай бұрын
  • awesome. thank you

    @stephanieezat-panah7750@stephanieezat-panah775024 күн бұрын
  • great as always.

    @mehdismaeili3743@mehdismaeili3743 Жыл бұрын
  • You gave me second idea today, God did in the morning and now You did. Thank You.

    @wojciechsobiesiak@wojciechsobiesiak Жыл бұрын
  • Thanks for your really nice project.

    @yourlinuxguy@yourlinuxguy Жыл бұрын
  • Thanks bro love your videos

    @benjiking251@benjiking251 Жыл бұрын
  • realy enjoyed the project, thank you from germany! :)

    @florianritzkowsky8325@florianritzkowsky8325 Жыл бұрын
    • Teleqram me 👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
  • than yoy tim , for this amazing video, 😊❤

    @ur_zaz@ur_zaz4 ай бұрын
  • Bro, I LOVA YA! ❤ At the age of 48 (!), just started with your Python vid. Love it!

    @antalperge1007@antalperge1007 Жыл бұрын
  • Love the disclaimer ♡

    @usamashami11@usamashami11 Жыл бұрын
  • Thanks a lot!

    @ArturMorgan@ArturMorgan20 күн бұрын
  • Thank you so much!!!

    @akasfnt2910@akasfnt2910 Жыл бұрын
  • Really impressive stuff! Subscriber++

    @tahaansari5621@tahaansari5621 Жыл бұрын
  • Awesome tutorial! Definitely learned a lot. One quick thing I noticed, for betting the number of lines, we copied over the parseFloat and similar conditions, whereas I believe it should have been an array like [1,2,3].includes(numberOfLines) and maybe parseInt since it has to be exactly 1, 2 or 3 instead of something like 2.2. Let me know what you think!

    @beelaw4830@beelaw48305 ай бұрын
    • from my 30 years in programming, I will tel you that there are half a dozen ways to do anything : )

      @stephanieezat-panah7750@stephanieezat-panah7750Ай бұрын
  • Thanks for putting the disclaimer at the front.

    @JEffinger@JEffinger Жыл бұрын
    • Teleqram me 👆⬆️

      @timchat9_my_teleqram_id@timchat9_my_teleqram_id Жыл бұрын
    • Ur welcome

      @Zelienter@Zelienter Жыл бұрын
    • +1. Gosh I fcking hate adds.

      @chipngo9758@chipngo9758 Жыл бұрын
  • Ty for this excellent tutorial👍

    @mehmetguven1557@mehmetguven155710 ай бұрын
    • bro this is for beginner also

      @Siddharth3029@Siddharth302910 ай бұрын
  • Thanks!

    @glimpseofournzlife@glimpseofournzlife2 ай бұрын
  • This videos be mprovin ma thought process.

    @arnoldnyasetia4798@arnoldnyasetia4798 Жыл бұрын
  • thank you. please make more javascript unique project like this

    @simrandiya7815@simrandiya781510 ай бұрын
    • bro this is for beginner also

      @Siddharth3029@Siddharth302910 ай бұрын
KZhead