5 Mini JavaScript Projects - For Beginners

Подписаться 1,5 млн

Просмотров 38 тыс.

50% 1

Get TypeAI PREMIUM now! Start your FREE trial by clicking the link here: bit.ly/TechWithTimFeb24
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
🎞 Video Resources 🎞
Code In This Video: github.com/techwithtim/5-Mini...
⏳ 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

Опубликовано:

18 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 71

@TechWithTim 3 месяца назад

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

@djlclopez128 3 месяца назад

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

@mohammedshibil315 21 день назад

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.

@MWAPEMWELWA-wn9ed 3 месяца назад

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

@Big_chicken-ok8gc 3 месяца назад

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

@Indian-cx5is 3 месяца назад

Thank you so much 🙏😊🎉❤

@viktoria7281 27 дней назад

+ 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.

@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!!!

@ocireocire 3 месяца назад

Pretty useful projects, i will give a try

@ReshtinZegham Месяц назад

Awesome, thanks for the Tutorial

@MikeBora 2 месяца назад

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

@HA-sz8mu 3 месяца назад

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 3 месяца назад

Glad you like it!

@HA-sz8mu 3 месяца назад

@@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?

@bryrivera2 2 месяца назад

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

@joe2271 3 месяца назад

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

@not_amanullah Месяц назад

thanks ❤

@franciscorios7374 5 дней назад

Thanks!

@user-ko1cw6mv4q 3 месяца назад

Great job ❤️🔥🔥🔥

@softwhere07 3 месяца назад

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.

@BenRogersWPG 3 месяца назад

Great video!

@Aesthetic.nohkat 11 дней назад

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

@sportzeditz2023 26 дней назад

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

@DeltaXML_Ltd 3 месяца назад

Amazing video for those who need a bit of guidance!

@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"

@mahmoodhashemi21 28 дней назад

Thank you so much guru 😚😚

@rahmanmusah4470 19 дней назад

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

@BenRogersWPG 3 месяца назад

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

@TechWithTim 3 месяца назад

I did! Glad you like it.

@user-rg7ec9cn7d 2 месяца назад

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

@justchecking2470 18 дней назад

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

@Mani_OnFire Месяц назад

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

@tech_with_the_unknownguy 3 месяца назад

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

@FaunFunc 3 месяца назад

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

@rockerzhackers799 3 месяца назад

Rip

@santoshshah1523 3 месяца назад

God bless you bro 😅

@MegaProggy 3 месяца назад

Please give us a update

@FaunFunc 3 месяца назад

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

@rahmanmusah4470 19 дней назад

Ameen

@willlywillly 3 месяца назад

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

@xviewmytubex 2 месяца назад

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

@xviewmytubex 2 месяца назад

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

@garrettsmith315 3 месяца назад

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

@TechWithTim 3 месяца назад

Great suggestion!

@garrettsmith315 3 месяца назад

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

@maicon484 Месяц назад

Nice good

@Eswar. 3 месяца назад

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 3 месяца назад

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.