Learn JavaScript With These 4 Projects!

If you're a beginner JavaScript programmer (or have no experience) then these 4 Mini JavaScript Projects are for you!! I'll walk you through 4 beginner projects that fun, simple, and easy to follow along with in a practical hands-on way. Let's jump into these projects!
Code in This Video: github.com/techwithtim/MiniJa...
NodeJS Download: nodejs.org/en
VSCode Download: code.visualstudio.com/
💻 Master Blockchain and Web 3.0 development today by using BlockchainExpert: 🔗 algoexpert.io/blockchain (Use code "tim" for a discount!)
💻 Accelerate your software engineering career with ProgrammingExpert: 🔗 programmingexpert.io/tim (Use code "tim" for a discount!)
🎬 Timestamps ⏱️
00:00:00 | Overview
00:01:37 | Environment Setup
00:06:33 | Quiz Game
00:33:18 | Random Number Guesser
00:48:17 | Rock Paper Scissors
01:02:04 | Choose Your Own Adventure
01:09:30 | Conclusion
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
👕 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
One-Time Donations: 💲 www.paypal.com/donate?hosted_...
Patreon: 💲 / techwithtim
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
- Tech with Tim
- Programming
-JavaScript
⭐️ Hashtags ⭐️
#techwithtim #programming #javascript

Пікірлер: 69

  • @TechWithTim
    @TechWithTim8 ай бұрын

    I just released a new software development course that teaches advanced JavaScript and most importantly, helps you land a job! Check it out here: coursecareers.com/a/techwithtim?course=software-dev-fundamentals

  • @juicyentertainment461

    @juicyentertainment461

    10 күн бұрын

    Dear Tim, About a month ago, I started self-studying programming. My goal is to become a full-stack developer. Through the SoloLearn app, I have gained some basic knowledge, but I still have a long way to go. I am interested in the program you offer and would like to receive more information. What exactly can I expect from your program? Additionally, could you please provide an email address where I can reach you?

  • @saeedhalabi
    @saeedhalabi11 ай бұрын

    I'm a big fan of your videos! I'm a beginner back-end dev, and I've learned so much from your clear and concise explanations of complex concepts. I'm especially grateful for your videos on the different backend frameworks and technologies. I'm excited to keep learning from your videos and to eventually become a skilled back-end developer. Thanks again for all your great work!

  • @megaicefr2
    @megaicefr211 ай бұрын

    I love these JavaScript tutorials Tim keep them coming!

  • @itsnobledean9450
    @itsnobledean945010 ай бұрын

    Just completed the rock, paper, scissors project, and after reviewing the code, my understanding of these basics are now being remembered.

  • @onlyforscience8255
    @onlyforscience825511 ай бұрын

    awesome job Tim! I was expecting such an informative video from you my hunches turned out to be right! Thanks for the content!

  • @mehliamm
    @mehliamm6 ай бұрын

    This was sooo good I actually understood everything and making my own apologies to reinforce my understanding! Ur amazing mate❤️✨

  • @itsnobledean9450
    @itsnobledean945010 ай бұрын

    I've gotten to the end of the first game, and I have to say, learning like this, for me, is definitely giving me such a better understanding of these core concepts. After watching other tutorials, even paid ones, I feel I'd be willing to pay for your courses, simply off of the clarity you gave me. I'm not done with this tutorial, but I'm confident my abilities will be heightened after completion. Thanks for this!

  • @michawojcieszek2125
    @michawojcieszek21258 ай бұрын

    Please continue making videos linked to JavaScript and React . I love your way of explaining things , thank you .

  • @mohbcn
    @mohbcn11 ай бұрын

    thank you I super like these mini projects very interesting and you learn much more

  • @paulthomas1052
    @paulthomas105211 ай бұрын

    Great set of starter apps - Thanks Tim !

  • @TechWithTim

    @TechWithTim

    11 ай бұрын

    No problem! Glad you liked jt

  • @bnbahranfk
    @bnbahranfk11 ай бұрын

    I am on the 2nd project very easy and simple to understand thanks 👍

  • @shaunbuddy9259
    @shaunbuddy92597 ай бұрын

    im just getting started and i loved the video! Was finally able to start understanding this! I would like to learn javascript and would like to know where is the best place to do that but also support you. I do see the link but it says advanced Javascript but im brand new so if you could point me in the right direction it would be greatly appreciated! Thanks for taking the time to make this video, much appreciated!

  • @wanmiguel7704
    @wanmiguel770411 ай бұрын

    Good content man. What do recommend for improving algorithmic thinking, for coding?

  • @LordZanji
    @LordZanji9 ай бұрын

    you are awesome tim! ty for this

  • @IPAITECH
    @IPAITECH11 ай бұрын

    You know your work man. God bless you 😀😊😇

  • @bimalsharma6248
    @bimalsharma62484 ай бұрын

    Great video , thanks a lot !!

  • @williamkakooza4603
    @williamkakooza46036 ай бұрын

    Thanks alot, this is the best way to learn Programming 😊

  • @pahalbhawsar6228
    @pahalbhawsar622811 ай бұрын

    Liked the way of teaching 🔥

  • @Tech_legend-gd3fx
    @Tech_legend-gd3fx10 ай бұрын

    Perfect Time I am also 13 and I just learnt html and css and now trying JavaScript Great timing Tim🤗👍

  • @marveluniverse2117

    @marveluniverse2117

    10 ай бұрын

    I’m 14 you’re way ahead of me

  • @daanw6270
    @daanw627010 ай бұрын

    Do you have to install the prompt-sync every time you start a new javascript project and want to use a prompt?

  • @daniyellaharmon
    @daniyellaharmon10 ай бұрын

    Thank you for this tutorial! I can't figure out why but even though the tooltip follows my cursor, it is still far away from the cursor. Any help is greatly appreciated, thanks.

  • @solaraproject3614
    @solaraproject36149 ай бұрын

    Thanks bro.

  • @marianmicu7108
    @marianmicu710811 ай бұрын

    Everything make sense now!

  • @parametaorto
    @parametaorto10 ай бұрын

    That was a very cool approach to coding! I already write in other languages, but I never tried javascript and getting my hands dirty instantly was very useful. Thanks for sharing!

  • @-Corvo_Attano
    @-Corvo_Attano11 ай бұрын

    Thanks for sharing 🤍

  • @TechWithTim

    @TechWithTim

    11 ай бұрын

    My pleasure 😊

  • @Elifesocialmedia
    @Elifesocialmedia11 ай бұрын

    love your vids thanks for the likes

  • @TechWithTim

    @TechWithTim

    11 ай бұрын

    Thanks for watching!

  • @a.a8720
    @a.a872011 ай бұрын

    Hi, I started teaching Python after i watched your videos on how you made money with coding, could you please , please make videos on how to be a good Python tutor?

  • @smdowais8004
    @smdowais800410 ай бұрын

    hey tim have doubt what a question have two answers how would it deal with if-else ladder , i tried it but the else part is also been printed

  • @migueljimenezgarrido1330
    @migueljimenezgarrido133011 ай бұрын

    What is a best idea for informatic enginer . Mac or Windows?

  • @alainaluu
    @alainaluu5 ай бұрын

    Does anyone have suggestions or resources on how to incorporate any of these projects into HTML and CSS? I really like his teaching style and need someone similar ❤

  • @TOONSSTATION

    @TOONSSTATION

    4 ай бұрын

    You're new to CSS & HTML?

  • @yamacoba.1844
    @yamacoba.184410 ай бұрын

    Well, after doing these projects, do you have any project ideas that we can do ourselves with the information we have learned here?

  • @sirstegi
    @sirstegi10 ай бұрын

    What VSCode color and icon theme do you use?

  • @ibrahimhossen6549
    @ibrahimhossen65499 ай бұрын

    Which tutorial should I watch next? And a confusion in my mind that am I learning basic JS or it was Node.js tutorial? Please answer someone. Thanks.

  • @enriqueavalos
    @enriqueavalos11 ай бұрын

    I completed the 1st project. In the second project, I was getting an error. Turns out I left out: const prompt = require(“prompt-sync)(); That was it. Sharing in case anyone else hit with the same. Top of the screen on KZread cuts off this line. That’s why I didn’t initially notice.

  • @sayedakbarali5650

    @sayedakbarali5650

    11 ай бұрын

    i think the second project files should be with the npm package folder.

  • @meyou578
    @meyou57811 ай бұрын

    can you make video about how to programming panning and zomming in pygame

  • @bigneism
    @bigneism9 ай бұрын

    I don't know where i messed it up, but after answer2, every time i type the answer3 in the terminal, it repeate the 3rd prompt for every letter i wrote, i installed the npm prompt sync

  • @itsnobledean9450
    @itsnobledean945010 ай бұрын

    Just completed the random guessing game, and the more I follow these kind of tutorials, the better I feel about learning the basics of Javascript.

  • @co4349
    @co434911 ай бұрын

    Thanks for your tutorial but I wonder why you look like Gally from Maze Runner. It's very similar

  • @henrymellor9760
    @henrymellor976010 ай бұрын

    In the rock paper scissors game, wouldn't paper be chosen more often than rock or scissors using the Math.round method? Before rounding, rock corresponds to values 0-0.499, paper to 0.5-1.499, and scissors to 1.5-2. This means that paper is twice as likely to be chosen by the computer using the rounding method. Since I am new to JavaScript I am not sure if you can type cast to an integer, but I know in Java it is (int) and Python it's int(), which would be a more effective method for even random generation of the options. Then 0-0.99 would correspond to rock, 1-1.99 to paper, and 2-2.99 to scissors. You would just have to multiply the Math.random by 3 instead of 2 and then type cast it.

  • @daanw6270

    @daanw6270

    10 ай бұрын

    yes you should use math.floor and with the math.random * 3 instead I think. If you want to use math.random that is

  • @arjunprogramming2190
    @arjunprogramming219011 ай бұрын

    I just started learning vue 3 😂

  • @udojikechukwudalu3166
    @udojikechukwudalu316610 ай бұрын

    Please, for the first part, mine is showing me error: cannot find module 'prompt-sync'. I wrote mine exactly how his was written but my terminal is showing me error. What could be wrong

  • @jayasaikrishnatejayalla259

    @jayasaikrishnatejayalla259

    5 ай бұрын

    Install that module in the terminal by this command npm install prompt-sync Hope it helped:)

  • @Mukunth
    @Mukunth11 ай бұрын

    🎉

  • @YJstation
    @YJstation11 ай бұрын

    Neesh neesh😢😢😢😢😢😢😢😢😢😢😢😢😂😂😂😂😂😂😅😅😊😊😮😮😮😮😮😮😮😢😢😢

  • @HarrisSambo-tw9fp
    @HarrisSambo-tw9fp5 ай бұрын

    My npm is failing to find the prompt - sync 💔 help

  • @TOONSSTATION

    @TOONSSTATION

    4 ай бұрын

    Explain

  • @kentziti8752
    @kentziti875210 ай бұрын

    is this tutorial possible without knowing javascript?

  • @jeffgeter3106
    @jeffgeter310610 ай бұрын

    The only thing I don't like is Tim does show how to run the script from a html page. I guess what I'm saying is how you going to run the script without HTML?

  • @TechWithTim

    @TechWithTim

    10 ай бұрын

    You can use node js

  • @jeffgeter3106

    @jeffgeter3106

    10 ай бұрын

    yes I get that as you showed in the tutorial however, and pardon my ignorance, aren't most JS scripts run off HTML document? You mention showing this off to friends but what if that friend doesn't have a editor or IDE in which to run node js but can load a website in their browser.@@TechWithTim

  • @AlphaLibre9
    @AlphaLibre911 ай бұрын

    Is this a reupload?

  • @TechWithTim

    @TechWithTim

    11 ай бұрын

    nope

  • @furqantarique3484
    @furqantarique3484Ай бұрын

    I never did coding

  • @smnomad9276
    @smnomad927611 ай бұрын

    To be completely honest with you, these are wack. We need realistic projects like a chat bot, a follower/likes bot, a web scraper etc. Something we can actually use in real life, no one will ever wake up one day and say " I totally need to create a random number guesser and a rock paper scissor app to make my life easier".

  • @tathagata_roy

    @tathagata_roy

    11 ай бұрын

    It's for beginners

  • @TechWithTim

    @TechWithTim

    11 ай бұрын

    Just put yourself in the shoes or someone who has only been writing code for 1 week.

  • @smnomad9276

    @smnomad9276

    11 ай бұрын

    @@TechWithTim Everything I mentioned is beginner level, but at the same time makes you build something realistic and useful and therefore grasp programming concepts far better.

  • @ilikebeef6504

    @ilikebeef6504

    11 ай бұрын

    Why don’t you see that it’s for beginners

  • @babysafety48
    @babysafety489 ай бұрын

    I’m a beginner and you are too fast and I’m super more confused, Why is it none of JavaScript teachers want use real project for teaching, like using html and css and the JavaScript all together 🤦‍♀️

  • @user-dl1su3li5s
    @user-dl1su3li5s9 ай бұрын

    I wanted to say that if you see my msg, I have bought Programming expert course and it is utter waste. You are teaching as if its 10 year old learning programming. I took that course thinking it has shown around 251 problems to solve and I get frustrated seeing True or False question, this or that. Have some standard question You have add practice questions. Not 2nd grade questions. Very disappointed and not getting refund too.

  • @mintz347
    @mintz34711 ай бұрын

    do it for react also!