Navigate Select ESC Close

6 Hours of JavaScript Projects - From Beginner to Advanced

2025-08-21 Education
28.9k
1.1k
45
Tech With Tim
Tech With Tim
2.0m subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

Description

Get started with Sevalla today - https://sevalla.com/?utm_source=techwithtim&utm_medium=Referral&utm_campaign=youtube This video features over six hours of hands on JavaScript content. It's organized into 15 projects ranging from beginner to advanced, and you'll find the timestamps down below, along with all of the links to code and resources for the various projects. Want to make real money with coding? I share high-signal insights on careers, monetization, and leverage in my free newsletter. Join here and get my guide How to Make Money With Coding instantly: https://techwithtim.net/newsletter 🎞 Video Resources 🎞 General Downloads:  NodeJS: https://nodejs.org/en/download/ VSCode: https://code.visualstudio.com/ Project #1:  Code Download: https://github.com/techwithtim/MiniJavaScriptProjects/blob/main/script.js Project #2:  Code Download: https://github.com/techwithtim/MiniJavaScriptProjects/blob/main/script2.js Project #3:  Code Download: https://github.com/techwithtim/MiniJavaScriptProjects/blob/main/script3.js Project #4:  Code Download: https://github.com/techwithtim/MiniJavaScriptProjects/blob/main/script4.js — Project #5: Color Flipper Code Download: https://github.com/techwithtim/5-Mini-JS-Projects-for-Beginners/tree/main/1 Project #6: Palindrome Checker Code Download: https://github.com/techwithtim/5-Mini-JS-Projects-for-Beginners/tree/main/2 Project #7: Random Quote Generator Code Download: https://github.com/techwithtim/5-Mini-JS-Projects-for-Beginners/tree/main/3 Project #8: Stop Watch Code Download: https://github.com/techwithtim/5-Mini-JS-Projects-for-Beginners/tree/main/4 Project #9: Persistent ToDo List Code Download: https://github.com/techwithtim/5-Mini-JS-Projects-for-Beginners/tree/main/5 — Project #10: Choose Your Own Adventure Game Code Download: https://github.com/techwithtim/LearnJsWith5Projects/blob/main/project1.js Project #11: Terminal Calculator  Code Download: https://github.com/techwithtim/LearnJsWith5Projects/blob/main/project2.js Project #12: Contact List Code Download: https://github.com/techwithtim/LearnJsWith5Projects/blob/main/project3.js Project #13: Tic Tac Toe  Code Download: https://github.com/techwithtim/LearnJsWith5Projects/blob/main/project4.js Project #14: Advanced Quiz Game Code Download: https://github.com/techwithtim/LearnJsWith5Projects/blob/main/project5.js — Project #15: JS Slot Machine Code Download: https://github.com/techwithtim/JavaScript-Slot-Machine ⏳ Timestamps ⏳ 00:00 | Intro 00:02:19 | Project #1 - Quiz Game 00:33:50 | Project #2 - Random Number Guesser 00:48:50 | Project #3 - Rock, Paper, Scissors 01:02:36 | Project #4 - Choose Your Own Adventure 01:10:04 | Project #5 - Color Flipper 01:38:02 | Project #6 - Palindrome Checker 01:53:17 | Project #7 - Random Quote Generator 02:09:58 | Project #8 - Stop Watch 02:26:38 | Project #9 - Persistent ToDo List 02:51:38 | Project #10 - Collecting User Input 03:40:16 | Project #11 - Text-Based Calculator 04:05:35 | Project #12 - Contact Managing App 04:36:12 | Project #13 - Tic-Tac-Toe or X's and O's 05:09:06 | Project #14 - Random Quiz Generator 05:37:09 | Project #15 - Slot Machine Hashtags #techwithtim #javascript #programming

Top Comments (10)

@secretofstardom 2025-08-26

man casually dropping bangers. You're the one man. Thanks

11
@Krishna-pt3yu 2025-08-21

What a banger video, you post the best quality stuff all the time man, your videos are a go to for thanks for the help.

5
@TheFortzlol 2025-08-31

can you like me tim? you are the best!

3 1 replies
@FutureCodingStars 2025-08-22

This project-based approach is fantastic for getting learners, especially younger ones, to see real results quickly. The moment a student realizes a variable holding a string can be converted into a number to power something like a slot machine game, the abstract concepts really click into place. So much of coding is about understanding those small, powerful transformations. This is such a valuable resource for anyone starting out!

3
@WithRakshith 2025-08-21

That's some serious banger damn ! Need more videos on react+fastapi+genai

2
@joncoedisko 2025-09-06

I haven't gone through this video yet, but I will this week. I am seasoned at this, but over years bad habits creep in (and old habits come back). ~6.5 hours with the speed at 1.5x, paused to do the work means it's about a full day into the evening to get your head back together. Great to do before interviews too, where taking a moment to recall the exact API you need can sink you in a second in today's toxic tech culture. Cheers for this!

1 1 replies
@aaabbbbbvvv 2026-05-11

I am enjoying your videos and also learning I am lucky to find your page

1
@lindasvensson593 2025-09-02

can you make video reflecting on past 1-2 years and thoughts on future 1-2 years

0
@kknight1990 2025-11-19

For the quiz project, if the point is to compare the user's answer with the correct answer, I just compare everything in lowercase for the if statement. I can't trust that the user is going to type everything as intended, so I just make case irrelevant only while checking the answers.

0
@dreadiction 2025-12-23

thank you tim

0

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan • All features unlocked

App screenshot