5 Mini JavaScript Projects - For Beginners

[@TechWithTim]

Get TypeAI PREMIUM now! Start your FREE trial by clicking the link here: bit.ly/TechWithTimFeb24

[@djlclopez128]

Thank you for making beginner projects and for explaining everything in detail. I appreciate it!

[@zixinzhang6157]

Hi Tim! Thank you for the wonderful projects!!! I found a way to solve the startTimer() funtion in the 4th project Stop Watch! You could use "return" instead of "stopTimer()" in the "startTimer()" function, because the "stopTimer()" lags the program for 1 sec, but "return" will just return the time and continue running! We also just need to add a "isPaused" variable and make it true when we clic "stop" to pause the program. let isPaused = true function startClock() { if (isPaused === true) { interval = setInterval(timer, 1000); isPaused = false; } if (isPaused === false) { if (interval) return; } interval = setInterval(timer, 1000); } function stopClock() { clearInterval(interval) isPaused = true }

[@Haccod-kg2ou]

for anyone who wants to know [what to learn before making projects]- 1)learn basics of html and css 2)Basics of JS 3)Basics of DOM manipulation and JS events

[@mohammedshibil315]

For the past month, I've been consistently tuning in to your videos, they are accommodating! Your dedication to creating valuable content is truly admirable. I just wanted to take a moment to commend you on your hard work and wish you all the success in building an even greater community.

[@zixinzhang6157]

Hi Tim! Thank you for the wonderful projects!!! I found a way to solve the startTimer() funtion in the 4th project Stop Watch! You could use "return" instead of "stopTimer()" in the "startTimer()" function, because the "stopTimer()" lags the program for 1 sec, but "return" will just return the time and continue running! We also just need to add a "isPaused" variable and make it true when we clic "stop" to pause the program. let isPaused = true function startClock() { if (isPaused === true) { interval = setInterval(timer, 1000); isPaused = false; } if (isPaused === false) { if (interval) return; } interval = setInterval(timer, 1000); } function stopClock() { clearInterval(interval) isPaused = true }

[@learnMoreToCode]

nice solution! what I just did here was disabling the button then making it clickable again after clicking stop button haha

[@viktoria7281]

+ information about the Palindrome Checker project: const value = input.value; When you use ".value" to access the value of an input element, it retrieves whatever text or data the user has entered into that field. .value is a property in JavaScript that retrieves the current value of an input field in a form. Essentially, it returns the value entered into an HTML input element, such as a text box.

[@JincoWill]

Yes, and also we use .value for input, text area and some select boxes, whereas you can use textContent for almost any node in the document

[@espanglishGarage]

Awesome video! Now for newbies > instead of typing html:5 you can simply type exclamation and hit enter. this ! and press enter, it will create same html template.... I LOVE this simple tutorials, they are easy to follow and we can learn a TON! Thanks Tim! Keep it up!!!

[@JincoWill]

Yeah man, shift + 1 on my keyboard saves me a lot of time, good thing they implemented this and thank u for sharing this with other newbie's,

[@HA-sz8mu]

maaaaan, the level of detailed explanations is top notch! Pleaaaaase keep it up and upload more javascript projects, perhaps increasing the complexity slowly Love your content

[@TechWithTim]

Glad you like it!

[@HA-sz8mu]

@@TechWithTim OFCOURSE And the best part is that i saw you uploaded this right at the time when im learning Javascript 😂. So its just reinforcing a lot of the concepts Also, i was wondering why this hasn't gotten more comments or views considering the size of ur channel :) But i do hope more people benefit off this

[@svnbeats6700]

@@HA-sz8muhows the journey so far?

[@MikeBora]

Your explanations are so accurate, you've encountered every problem that a very new coder can get, amazing 🤩

[@franciscorios7374]

Thanks!

[@taaantin]

Im trying to learn programming rn and eventhough the internet is full of information its surprisingly hard to find contend which i would deem as beginner friendly. Somehow you managed to make these projekts fun, informational and easy to understand for stupid people like me. I aprechieate that a lot. Tysm

[@GreenShinyPentagon]

A long time of me searching for a project tutorial that's not 200+ lines of code, and is... actually practical

[@Big_chicken-ok8gc]

Amazing video! Finally the js video we all needed! Greatly appreciated Tim. ❤️

[@bryrivera2]

Suuuper helpful tutorials for learning js syntax, even for more experienced programmers. Thankss

[@MwapeMwelwa-wn9ed]

Saving the video to come and use it during my project. Thank you so much.

[@MikeCode-iy9sb]

I mean, I've watched tons of tutorial, and this one is like one of the best. It's so easy to understand, please continue making videos

[@techknight2024]

This was wonderful Mr.Tim and thank you. Will you make intermediate projects following this video.

[@joe2271]

Thanks for posting so many tutorial videos like this again Tim. Can you do an advanced Flask Series one of these days? Maybe even Flask with React?? I'll be a patreon or something LOL

[@sompagnimdisankara4662]

hey thank for your tutorial it was very well demonstrated

[@levon9]

Thank you for doing this, very helpful.

[@Indian-cx5is]

Thank you so much 🙏😊🎉❤

[@ocireocire]

Pretty useful projects, i will give a try

[@FaunFunc]

Bro am making a 2d game engine using Javascript. Pray for me 😅

[@rockerzhackers799]

Rip

[@santoshshah1523]

God bless you bro 😅

[@MegaProggy]

Please give us a update

[@FaunFunc]

@@MegaProggy will do. I'll be posting on my yt channel, sub to get notified 😊

[@rahmanmusah4470]

Ameen

[@thecoderfilez]

great intro projects. thanks for the knowledge

[@RightonBass]

Hey, wouldnt call it beginner friendly, but it gave me a different view of how to use Javascript therefore I appreciate it!

[@BenRogersWPG]

Great video! Tim, did you get a new keyboard?! It sounds different from your clicky one. It sounds so good!

[@TechWithTim]

I did! Glad you like it.

[@softwhere07]

That to do list one seems pretty interesting. I wonder how you would do that one with python. I mean like the whole adding reminders and deleting them when done type thing.

[@siddharththeone09]

That car sound was the best part of video

[@vaibhavydarshan4293]

this helped me out so much!

[@abbas_021]

Thanks, it was very helpful, and I really liked the theme. What's its name?

[@alimihakeem841]

Thanks Tim. I love the way you explained in detailed. I'm just suggesting probably you should as well make some react projects. "Learn react by building 5 projects"

[@justchecking2470]

you know what? I actually got better at syntax and troubleshooting while also learning data structures without having any js101 or any kind of lectures that begin intro to js. Project based learning is the way to go guys

[@ReshtinZegham]

Awesome, thanks for the Tutorial

[@BenRogersWPG]

Great video!

[@Mani_OnFire]

Hi Time, can you please make a video on simple portfolio using html, css and js for beginners.

[@HocusPolars]

Shortcut to automatically write the html code at the start is exclamation mark and tab key ! + tab

[@rahmanmusah4470]

you are a fantastic teacher. you're my Kevin Powell for Javascript. more js content please. 😢❤

[@KhatibiWorkStation]

amazing and easy to understand codes

[@DeltaXML_Ltd]

Amazing video for those who need a bit of guidance!

[@maqbollodhraofficial915]

Hii tim love from Pakistan ,i am Maqbol ahmad from Pakistan when i became a MERN stack developer ................. i wanted to be start work with you as a begineer devlper

[@briandall8591]

Hey @TechWithTim, I don't know if you could/should edit this one, or if (more likely) you could link to a new video you'd create where you do it, but could you demonstrate how you would add unit tests to these projects? I know there's multiple ways to do it, but I'm interested in what and how you'd choose to do it. . . .

[@not_amanullah]

thanks ❤

[@mdzunaed7414]

which mechanichal switch are you using in this video?

[@user-rt4rp5yb4r]

Thanks tim .

[@Joe-qp9ix]

I paused the videos a few times and used switch/case instead of a while loop to loop through the quotes generator. But I couldn't figure out how to apply the usedIndexes variable to work with switch/case

[@user-ko1cw6mv4q]

Great job ❤️🔥🔥🔥

[@garrettsmith315]

You should do these same projects with a few of the different front end frameworks. React first please!

[@TechWithTim]

Great suggestion!

[@garrettsmith315]

@@TechWithTim I have a few more as a long time channel fan and budding developer myself! Reach out anytime!

[@lucaskellerlive]

Is value an HTML keyword? How did JS know value in this case was value from the input and not return undefined?

[@user-rg7ec9cn7d]

I love your videos! You should teach online with Bayvalley Tech

[@mavsocc]

nice. javascript and ferraries.

[@xviewmytubex]

Is JS designed so every script requires starting with variables, as most languages are? Great vid! Thanks! =)

[@mahmoodhashemi21]

Thank you so much guru 😚😚

[@mrfrkz1235]

hey i like to know more about JS it possible can we have an meeting

[@xviewmytubex]

Can different JS be used for these projects, or is your particular use related to some professional, current JS used in the industry? Thanks! =)

[@tech_with_unknown]

hey Tim great video do you have any tips or tricks cuz i just posted 3 vids and wanna know how to make my channel like your channel

[@WesamKhalil-wn5vc]

would any of these be worth putting on a resume for interships?

[@donkeyblade]

I wouldn't as these are learning projects but better than nothing

[@jayroche135]

isn't the way you did the to-do list like.. a little over engineered?

[@s_liyarli]

agreed bro

[@petresebastian8578]

Hi Tim! Can you do this kind of videos with Java? 5 mini projects or 20 maybe, idk. Thank you for your help and work!!! You are awesome !

[@willlywillly]

Thank you Tim for another great video! Can I contact for a consultation on a graduate degree? 👍

[@awa9902]

Is that thing called dom event??????

[@EzraSchroeder]

@ 36:58 how come if i put the tags in the **head** instead of the bottom of the **body** it won't work?

[@perrychamileke]

Because if their in the head together it'll load the javascript before the html so it's like the page isn't fully formed when it executes the code.

[@Eswar.]

i have these skills ml,python,sql,nlp(basics),js,react js,express js ,tailwind,typescript (basic)prisma postgres.. suggest me some best projects to get my first job i graduated in 23 any suggestions and my biggest issue is i understand most of the things but cant code my self(tutorial hell ig) any help will be appreciated thanx

[@deadlylive_gaming7154]

do rethink about do developers really need to have the skills of can code each every thing that requires as as skills. i think most things are ok to be just knowing & understanding at specialist level , then the world is just acquiring to ai & low code tools.

[@user-be2bs1hy8e]

'':52 wouldn't you go slow through the difficult problems?

[@esrx7a]

Hey Tim, you know what, we need to talk. Thank you.

[@subatt]

i do the same thing you do but not working

[@maicon484]

Nice good

[@christopherkeith2404]

My buttons will not change colors

[@stephanieezat-panah7750]

paste your code. we cannot help you without seeing it.

[@t.a-8469]

Civic 😊

[@askjfjawjhwahwjehjsjah1668]

These projects are not for totally beginners, you need to have some sort of control of the basics of html and JS in order to hang up with this video.

[@techknight2024]

❤

[@ShamMohammdi]

Please be my mentor I lost my live no one to guide me😢😢😢😢😢

[@laurenazareth39]

Hi! Do you believe in God?

[@Aiden-sf3ns]

are you hitting on tim?

[@stephanieezat-panah7750]

hi. is this stupid?

[@laurenazareth39]

@@stephanieezat-panah7750 For the ones who can't see the small details, yes it is.

[@loosabway3400]

Can't understand why you used a Set (with all of the added complexity size/length/inspecting contents etc )when you just could have compared the existing list to a new one?

[@MwapeMwelwa-wn9ed]

Saving the video to come and use it during my project. Thank you so much.

[@boredape7304]

do it now bro. by that time you would have better capacity to make better