10 JavaScript Projects in 1 Hour - Coding Challenge 🔥
ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- 👉 Daily Coding Challenges: iCodeThis.com/?ref=ytb-1h
Last week I completed the "10 Projects in 10 Hours" Coding Challenge. This week I challenged myself to go one step further and create "10 Projects in 1 Hour" using Vanilla JavaScript, CSS, and HTML. The session was recorded in a Live Stream on Twitch (twitch.com/florinpop17).
Here are the projects which I’ve built:
0:00:00 - Intro
0:03:27 - Hamburger Button & Hidden Menu
0:09:06 - Toast Notification
0:13:45 - Auto Write Text
0:16:10 - Popup / Modal
0:22:27 - Purple Heart Rain
0:26:32 - Background Changer
0:31:10 - Dark Mode Toggle
0:36:33 - Image Carousel
0:43:40 - Sound Board
0:51:22 - Zoom effect
0:57:07 - Celebration & Reviewing Projects
You can find the GitHub repository here: github.com/florinpop17/10-pro...
Previous challenge (10 JavaScript Projects in 10 Hours): • 10 JavaScript Projects...
#JavaScript #CodingChallenge #10Projects1Hour
---
Support my channel:
💜 Become a Popper and receive special Perks: th-cam.com/users/florinpopjoin
💜 Donate via PayPal: paypal.me/florinpop17
💜 Donate via StreamLabs: streamlabs.com/florinpop2/
💜 Become a patron: / florinpop17
Thank you! 🙏
---
👨👩👧👦 Join the Discord family: / discord
---
Follow me on:
📃 Website/Blog: florin-pop.com
👉 Twitter: / florinpop1705
👉 Linkedin: / florinpop17
👉 Instagram: / florinpop17
👉 Facebook: / florinpop17
👉 Github: github.com/florinpop17
👉 Dev.to: dev.to/florinpop17
👉 Twitch: twitch.com/florinpop17
![[4K] BABYMONSTER(베이비몬스터) “FOREVER” Band LIVE Concert “영원히” 베몬만을 사랑하게 되…💗 [it’s KPOP LIVE 잇츠라이브]](http://i.ytimg.com/vi/TQfC0xdpiw4/mqdefault.jpg)
The story behind rebeccapurple is equal parts beautiful and sad. "Purple was the favorite color of Rebecca Alison Meyer who passed away twelve hours into her sixth birthday from brain cancer. Rebecca was the daughter of prolific CSS standards pioneer Eric Meyer."
This video is a follow-up for the first challenge: "10 JavaScript Projects in 10 Hours" ( th-cam.com/video/dtKciwk_si4/w-d-xo.html ). If you find this video helpful, give it a like as this would help it reach even more people! Thank you! 🙏 Also, subscribe if you haven't (shameless plug)! 😁
Nice video bro
JS pure of Reproductor music pls? 🙏
Thanks a lot.. this would be a great help.. Need to start these from tomorrow.. Completed the last 10 projects.. Love from India🇮🇳
Just found this channel and this is is amazing, glad I found it.
thanks for this video!! this is exactly what i was looking for, since last 1 month!!
Happy to help
After enjoying your 10 projects in 10 hours video, I'm now binge watching everything you've made. Thank you for what you do. Have learned so much from you and appreciate you so much!
Because of these projects JavaScript seemed somewhat easy to me since I am a beginner.
Thanks for the amazing and beginner friendly content.
thank you so much for making each one of these projects very fun to make! you're the best, florin!
Fantastic video! Great job powering through all of those projects Florin.
Happy you like it! ☺️
This is what I've been searching for, the complete tutorial of how I can work with javascript and not a lecture on variables and operators.
I can't thank you enough.
I certainly can't pay for this but I owe you food for as long as you want to be in my hometown. (Tell me if you ever planned to come to India). 🙏🏻💙
I’m really glad to hear that! ☺️
Haha, thank you for the offer! Maybe some day I’ll visit India!
Fun!!! It's so cool to see someone really show the HTML, CSS and JavaScript - and not just the JS with some whack markup and styles.
just found your channel today, ready to learn more.
Amazing! in 1 hour! thank you Florin!
Geniales todos los proyectos! felicitaciones muy bueno el contenido del canal!
These mini projects are great for beginners like me, learned a lot from these. Thanks
hey bro all good? i hope you told me that now you master js hhaha it's been like 3y ago hahah
Lol, I will comeback to your comment in 3 years
@@ismailananouche9980
Great video ! Thanks a lot ! Helped me tons
This is a great content ever seen on TH-cam on Javascript projects :)
You are awesome, thank you for all your tutorials!!
Great job! Thank you Florin.
Very interesting, Thank you for sharing knowledge.
That is really great video, thank you Florin :)
Holy shit, this was really impressive! Congrats!! Thanks for sharing your knowledge!
You are superb sir. Your mini-projects for beginners like me are very very helpful.
You are a lifesaver! I wish there were more channels here like yours...
There are! ☺️
i luv the efforts u do for others lad. Keep up the good work
Thank you very much for video!This is resplendent!I would like more that kind of video!
Thanks for the video! It was highly enjoyable :D
Respect!! Keep up the good work
This is so good seriously!
a nice quick tutorial for beginners!💜
your content is amazing. watching you code has really taught me a lot. i've done a lot of tutorial stuff on udemy and all over and your approach the javascript has been the most interesting.
Thank you for your feedback! Highly appreciate it! 💜
I need these types of projects.Thankyou florin
you are just awesome , you helped to open my eyes
You are very good bro, Good luck and please keep going. So much value in your content!
Amazing.....
Thanks for it. Keep it up
You are amazing man! you got a new suscriber from Belgium! Thank you for these free stuff and continue like that 💪
Thank you for the sub! 🙏
Amazing Job ! You ROCK Sir !
You are awesome Florin Pop!!
Florin you’re killing it!!
I hope I'm not killing anyone! 😂
Great seeing another great developer here! Florin is also such an amazing guy! Denis I am also your subscriber and love your stuff too...THANK YOU VERY MUCH GUYS
@Ikraam Florin deserves it :)
@@theegreatestever2420 Thank you so much for the support :)
These are the best JS quick tutor for project features in minutes I have ever seen
Amazing video, love it brother!
What a madlad. Great work man.
Thanks for this project. It’s massive on my end.
Holy shit, this was really impressive! Congrats!!
I have 15 years of experience doing software development and I'm sure that I can't do such thing! There are some days that I really do a lot of coding and get impressive with me, but this was something really cool to see! This is something that I would call Software Entertainment. Thanks for sharing, this was so please to see!
I'm 14 and can do all if these maybe comment sarcasm idk maybe i'm smart lol
Make more videos like this please | אח יקר אתה נודר ♥
Amazing, love this content. You'll get my next prime sub when I see you're online!
this is a really amazing javascript project video ...really nice!!
There is a lot to learn, everyone who is a beginner in programming, a great tutorial, thank you for sharing your knowledge.....
Crazy fast AND instructive
POG this was great! please don't leave cuz you help me and a bunch others! thanks so much!
Great content as always!
This was amazing 😄 !
enjoyed thanks!!
I am loving to do projects that he have done in this video.... GREAT WORK *Florin Pop*
Keep making videos like this
Thank you🙏
awesome content i am starting to learn javascript, your channel is boon to me...
Just amazing!
dude this guy is insane and hilarious too
pls support him, hes so funny
Poppins is my favorite font : D
Flow and confidence on point.
You gain a new subscriber bro ❤️🤩 keep bringing more challenges like that
Super duper content. Thank you Florin Pop.
Florin at it again ! Best stuff !
Since you are here, don't worry about growth here on YT, it'll increase for sure !
just watched this video. The conten is amazing. Thanks for sharing this with us
I really enjoyed this video. It made me laugh all by myself.
Thank you so much for this video, Florin. Best video ever as usual. Waiting for more videos ❤. More love & power to u 🙌👍
Literally you are awesome man!
I have also decided to test myself with these types of challenges 😋.
Amazing, thank you very much.
You're amazing bro
You are the inspiration for everyone to starting js👍🙏🙏
Florin at this rate buddy, you are gonna reach that 100k mark before December! Once people see you and how great you on a real level...You are gonna blow up buddy
Let's pray for that to happen, haha! 💜
I learned so much watching this. Specially how to manipulate elements better with CSS using position, right and bottom.
Good stuff!
Thank you bro!
I learnt alot from this video ❤️
Thanks for this, Florin! 👋
I'm just now getting to know your channel and I learned a lot from this video.
Subscribed 😊
Awesome! Thank you!
your projets are awesome
continue this format
it's truly awesome ✔🎉🎉🎉👌
38:09 When you want to collapse all the folders just click on 4th icon(Collapse icon) in the New file, New folder section it will collapse all the files and then click the icon next to New Folder icon (Refresh icon) it will show the files you are working in.
Thank you for the great vid!
What a speed man 🙌 I love the keyboard sound when you type........ Keep going
Will do ☺️
This is gold!
thank you bro, this was awesome . respects
I love these! Will you consider using software to show keystrokes? 🙏
Man, You are Awesome!!! an inspiration
Thank you 🙏
Thank you for sharing this kind of videos. They are so helpful and I'm sure you really like what you do because all the emotion that you put in your videos. I suscribed
I am learning JavaScript and I found this super helpful video! Thanks for sharing your knowledge!
You're very welcome!
I do like what you are doing. All the other videos are too slow. I like how you solve the design challenges. Keep up the good work!
great video and content keep up
awesome. thanks!
Excelent video, got a sub
Thanks sir for these mini JavaScript Projects 😊😊👍🏻
thank you, this is excellent
this is superb😀😀
thank you sir..
You deserve a 10 thousand dollars for this video!!! i will add 50% of this projects to my portfolio page... thank yoooou
Thankss florin is so amazing 😍
I can't belive this project as easy as you do, thanks for your useful video
Glad you like it!
Really really liked your video , plz keep up the pace and we hope for your good
I will try my best
@Florin Pop Which VS Code extension you used for Emoji ?
new sub from (10 JavaScript Projects in 10 Hours) *i am still watching it lol* , thanks for the effort keep it up
Glad you like it! 🔥
VERY IMPRESSIVE!!
Dude, u r so cool , u can't ever imagine how i learn fast by watching ur vids , thank you so much.
This is very informative. I've learnt a lot of Javascript from this single video. As a beginner it helped a lot. Thanks :)