5 Mini JavaScript Projects - For Beginners
28,213
Published 2024-02-08
Today I will be walking you through 5 different JavaScript projects for beginners. These practical projects will take you about 15 - 20 minutes each. By the end of this video you will have 5 working applications complete with JavaScript, HTML, & CSS.
If you want to land a developer job: techwithtim.net/dev
If you want to learn Web 3 & Blockchain: algoexpert.io/blockchain (use code βtimβ)
If you want learn Python & Go: programmingexpert.io/tim (use code βtimβ)
Skool community for free resources: softwaredeveloperacademy.com/
Discord server: discord.gg/twt
π Video Resources π
Code In This Video: github.com/techwithtim/5-Mini-JS-Projects-for-Begiβ¦
β³ Timestamps β³
00:00 | Overview
02:13 | Project Demos
05:09 | Environment Setup
06:43 | Color Flipper
30:21 | Palindrome Checker
45:43 | Random Quote Generator
01:02:34 | Stop Watch
01:19:20 | Persistent ToDo List
Hashtags
#techwithtim
#howtocode
#javascipt
All Comments (21)
-
Get TypeAI PREMIUM now! Start your FREE trial by clicking the link here: bit.ly/TechWithTimFeb24
-
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!!!
-
Saving the video to come and use it during my project. Thank you so much.
-
Amazing video! Finally the js video we all needed! Greatly appreciated Tim. β€οΈ
-
Thank you so much πππβ€
-
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
-
Pretty useful projects, i will give a try
-
Your explanations are so accurate, you've encountered every problem that a very new coder can get, amazing π€©
-
Suuuper helpful tutorials for learning js syntax, even for more experienced programmers. Thankss
-
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.
-
+ 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. -
Awesome, thanks for the Tutorial
-
Amazing video for those who need a bit of guidance!
-
thanks β€
-
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 -
Great job β€οΈπ₯π₯π₯
-
Great video!
-
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"
-
Hi Time, can you please make a video on simple portfolio using html, css and js for beginners.
-
This was wonderful Mr.Tim and thank you. Will you make intermediate projects following this video.