Thank you so much!! I've recently started to learn JavaScript and your tutorials are super helpful! Sometimes i struggle a lot after theory or with challenges that are not so visual, especially loops. I learn some theory and doing your projects along, thank you again for the opportunity!
I finished my JavaScript course in July 2024. Now, the course is linear-- where we learn straight line concepts like Variables, Functions, Constructors, Operators, Arrays, Strings, Template Literals, and so on. But we can't really build anything with such knowledge. So I searched for a JavaScript Project course, and found yours-- which is very exciting. There are three(3) things I will like to suggest: 1.) In your Timestamp, you named them as Project 1, Project 2, Project 3, and so on. Unfortunately, if we need to jump to a particular project, we can't because we don't know where it is, we don't know which one is which. But if you name it as: 01:25 -Project 1: Heart Trail Animation. 21:39 -Project 2: Auto Text Effect Animation. 21:39 -Project 3: Mini Calendar, and so on, it then becomes easy to find a specific project, when we need to jump to a specific Project. Can you Please rename, or add Project Titles to the Timeline? Please 🙏🏽 2.)If you go to Vuetify Website, you will see Web Components --vuetifyjs.com/en/components/all/#containment Can you do a course where we can build Web Components like: -- Photo Galleries. -- Multiple Testimonial Slider (3 testimonials) -- which slides by one, and infinitely repeats. -- Accordion. -- FAQ -- User Dashboard. -- Alert Dialog. -- Fliterable Gallery. -- Quiz App. -- Toast Notifications. -- Collapsibe and Expandable Right Side Menu. -- Popover ( ui.shadcn.com/docs/components/popover ) -- Sonner ( ui.shadcn.com/docs/components/sonner ) -- ToolTip ( ui.shadcn.com/docs/components/tooltip ) 3.) create Clone Projects-- where we build Facebook clone, Instagram clone, NetFlix clone, Amazon clone, Udemy clone, and many other popular website clones. Make this a Clone Series, that will form a Playlist. Regards.
I cannot express my thanks and appreciation for all this wonderful effort. I see a bright future for this channel because of the content it offers more than wonderful.
Dear Teacher, I have seen many people teach *HTML, CSS, JavaScript* but your teaching method is *awesome* ❤. Please make videos react Js project. Thanks
Brother, in this this video every project is useful and I have learnt so many thing from your project and now I can implement the idea (not exactly same) this in my project. THANKS VERY MUCH ❤❤❤
This video is amazing! Your approach to teaching coding is so clear and friendly, making it accessible even for beginners. The step-by-step explanations and real-life examples really help demystify the concepts. Thanks for making coding fun and approachable! Keep up the great work! 🌟
First of all thanks a lot for this kind of wonderful project to teaching us.I'm from Bangladesh it’s been couple of years i didn’t find this kind valuable content ❤❤❤
Wow... It's really amazing. But please the video is kind of too long, making shorter videos from each project but in thesame album will be better... What do you think?
Great channel. This is real dedication. This channel is real tutor for common people who want to learn free web development and earn money bcoz they have not enough money for buying courses. Thanks Again bro❤❤
I am following your this video without prior knowlwdge please tell I am directly learning through projects Is this good or first i watch html css js videos
i mean, it's a very basic thing to do, nothing complicated for a "beginner", but i guess for him "beginner" is someone who already started using JS, for someone who wants to start learning JS, good luck lmao, bro skipped 150 steps
@@JavaScriptKing thanks for giving reply ....i am fan of your teaching style ...so please make small react project just like javascript project...it will help build and more confident in react js ...so please do this .. Thanks
![10 HTML CSS JavaScript projects (HTML5, CSS3, vanilla JavaScript) [2024]](http://i.ytimg.com/vi/g6v_vbqKYeU/mqdefault.jpg)
![10 HTML CSS JavaScript projects (HTML5, CSS3, vanilla JavaScript) [2024]](/img/tr.png)
I started learning JavaScript using your videos thank you so much.
You're very welcome!
Why is JavaScript a struggle when I learn even through projects? @@JavaScriptKing
Timestamps
00:00 - Introduction
01:25 - Heart Trail Animation
21:39 - Auto Text Effect Animation
39:12 - Mini Calendar
57:23 - Button Ripple Effect
01:15:44 - Random Photos
01:35:26 - Dark Mode Toggle
01:55:37 - Testimonial Slider
02:17:46 - Real-Time Character Counter
02:40:09 - Digital Clock
03:02:57 - Double Landing Page
03:25:48 - Random Color Generator
03:49:26 - Rotating Image Gallery
04:14:09 - Animated Search Bar
04:39:04 - Loan Calculator
05:03:25 - New Year Countdown
05:28:57 - Pomodoro Timer
05:55:46 - Age Calculator
06:23:06 - Profile Statistics
06:50:19 - Video Trailer Pop-up
07:18:30 - Drum Kits
07:48:24 - Clock
08:19:12 - Temperature Converter
08:50:01 - BMI Calculator
09:21:38 - Sticky Navbar
09:53:33 - Random Emoji
10:25:39 - Tip Calculator
10:45:58 - Loading Bar
11:00:27 - Background Image Scroll Effect
11:16:38 - Mouse Event
11:33:51 - Dice Roll Simulator
❤
this is the type of channel I have been searching for...thanks for your tutorial.
Welcome 😊
You are not just a JavaScript king but you are JavaScript lion🦁. Well done 🎉
Thanks 😅
@@JavaScriptKinghi boss plz can I have ur contact number I have some projects plz
@@JavaScriptKingi need your help i have to create a software
Thank you so much!! I've recently started to learn JavaScript and your tutorials are super helpful! Sometimes i struggle a lot after theory or with challenges that are not so visual, especially loops. I learn some theory and doing your projects along, thank you again for the opportunity!
Happy to help :)
I finished my JavaScript course in July 2024.
Now, the course is linear-- where we learn straight line concepts like Variables, Functions, Constructors, Operators, Arrays, Strings, Template Literals, and so on.
But we can't really build anything with such knowledge.
So I searched for a JavaScript Project course, and found yours-- which is very exciting.
There are three(3) things I will like to suggest:
1.) In your Timestamp, you named them as Project 1, Project 2, Project 3, and so on.
Unfortunately, if we need to jump to a particular project, we can't because we don't know where it is, we don't know which one is which.
But if you name it as:
01:25 -Project 1: Heart Trail Animation.
21:39 -Project 2: Auto Text Effect Animation.
21:39 -Project 3: Mini Calendar,
and so on, it then becomes easy to find a specific project, when we need to jump to a specific Project.
Can you Please rename, or add Project Titles to the Timeline? Please 🙏🏽
2.)If you go to Vuetify Website, you will see Web Components --vuetifyjs.com/en/components/all/#containment
Can you do a course where we can build Web Components like:
-- Photo Galleries.
-- Multiple Testimonial Slider (3 testimonials) -- which slides by one, and infinitely repeats.
-- Accordion.
-- FAQ
-- User Dashboard.
-- Alert Dialog.
-- Fliterable Gallery.
-- Quiz App.
-- Toast Notifications.
-- Collapsibe and Expandable Right Side Menu.
-- Popover ( ui.shadcn.com/docs/components/popover )
-- Sonner ( ui.shadcn.com/docs/components/sonner )
-- ToolTip ( ui.shadcn.com/docs/components/tooltip )
3.) create Clone Projects-- where we build Facebook clone, Instagram clone, NetFlix clone, Amazon clone, Udemy clone, and many other popular website clones.
Make this a Clone Series, that will form a Playlist.
Regards.
After 30days, I created these 30 project following this video, big thanks for you brother, have learnt a lot.
Imagine this video will make him a millionaire in Udemy but choose to give us for free. Thank you and God bless you and your offsprings.
Eventually YT will make him millionaire! I hope so!!!
It might make him a millionaire! In month 73000 views!
YT also pays good just don't skip the ADS. ❤
I just finished the first project, it was awesome, دمت گرم👍🏻
Hi
I cannot express my thanks and appreciation for all this wonderful effort. I see a bright future for this channel because of the content it offers more than wonderful.
Thank you so much 😀
thank you so much really cool projects. I'm on third project so far.
Have fun!
This is much better than learning theory and grinding it.
why bro? Here you are simply repeating someone else's code
U are the real king of java script sir mind blowing projects
you're my first foreign teacher. love from india
Please do react projects too. It’s very helpful for students like me
huge respect for you brother😊🙏
You're indeed JavaScript King..
For Project 1, you could also clear timeouts of the hearts that are faded away, good thing to teach for beginners who are watching your video
Great suggestion!
Meu amigo seu vídeo é só o ouro! Obrigado por compartilhar 🇧🇷 🇧🇷 🇧🇷 🇧🇷
Wow just wow you are a great teacher and indeed a JavaScript King, lessons are well put and organized I can't thank you enough.
Finally I got best UA-cam video on html css and js 😊❤
Hey King, your awesome and actually a true javascript king.Thanks for your video😍😍😍
Golden Video for Web development projects❤❤
Sir , please make 2 or 3 project for experienced people (which helps clear experience interview)
sure mate
I can use so many of these ideas on my upcoming apps! Thanks 🎉
ThankYou Sir, I learned so much , thankyou for providing us valuable content.
Dear Teacher,
I have seen many people teach *HTML, CSS, JavaScript* but your teaching method is *awesome* ❤.
Please make videos react Js project.
Thanks
Thank you, I will
Brother, in this this video every project is useful and I have learnt so many thing from your project and now I can implement the idea (not exactly same) this in my project. THANKS VERY MUCH ❤❤❤
I m totaly impress learning skill love it very very♥️♥️♥️♥️
Very good job Sahand Ghavidel
Project 3, 7, 10, 12, 13, 15, 16, 17, 18, 21, 22, 23, 25, 27, 30 are different from the last project compilation. There are some similar each other.
Thanks for this tutorial best projects to understand javascript concepts more clearly.thank you so much..
the fact that this guy is persian. خیلی ممنون
Sir , white background in 2024 is a crime , please change it on dark❤
facts 😂
Exactly ❤
Agreed 👍🏾
Wtf is this
Are you Indian
This video is amazing! Your approach to teaching coding is so clear and friendly, making it accessible even for beginners. The step-by-step explanations and real-life examples really help demystify the concepts. Thanks for making coding fun and approachable! Keep up the great work! 🌟
Good job man! Thank you for all your efforts.
First of all thanks a lot for this kind of wonderful project to teaching us.I'm from Bangladesh it’s been couple of years i didn’t find this kind valuable content ❤❤❤
So nice of you
Tq sir❤❤ after a long time you uploaded a video
Pls continue.....
Sure 👍
First of all, I am really greatful to you sir ❤❤❤
Awesome 🤩 could u do something similar for advanced?
These one is very Amazing all projects , Please make video on React js like this. ❤❤
Wow really love your tutorial, I have learnt a lots ❤
This is really helpful, thanks
Thank you Sahand Ghavidel
very nice tut! thank you very much.
please upload some COMPLEX PROJECTS so that we can learn from it &&& APPLY DIRECTLY FOR JOBS
Khud banale Bhai agar base strong h to start creating your own stuffs and upload it online
an amazing tutorial, I have watched project 1.
20:54 Completed First project 🎉💥💯
Date :- 13 - 9 - 24
Time :- 10.30 AM
The King is back. better is not possible
😊😊❤️❤️🙏
Wow... It's really amazing.
But please the video is kind of too long, making shorter videos from each project but in thesame album will be better... What do you think?
👎
درود بر تو مهندس، ایشالله هر جا هستی سالم و موفق باشی، ضمنا سال نو مبارک 🌸 🌻
❤️❤️❤️🙏
Thank you for the video. I learnt a lot!
thank you man keep going, you saved my moment!
Great channel. This is real dedication.
This channel is real tutor for common people who want to learn free web development and earn money bcoz they have not enough money for buying courses.
Thanks Again bro❤❤
Finally completed this project after 1 month.
Thank you teacher I am understand very good well ❤🎉
Loved your video 🥰
Had one question - You get amazing suggestions when you type in VS Code which can be autocompleted. How should I do that for me?
Sir please make a portfolio project for front end to take the job for new in this field . Please a humble request
sure mate
Hi, Just wanted to ask is there any MERN with Typescript project video coming? Love your teaching style ❤
Yes, soon
You are the best ❤
thank you for your kindness we all appreciate keep up
You are so welcome :)
please also bring python and c++ projects
very very importent video
Awesome
thank you
Hello bro thanks for this amazing course
Please could make us React js or Next js ?
Your explanation skill os very high .
Thanks alot 👍🏿
Wait let me subscribe first, I think I have gotten the right video ✔️
I am following your this video without prior knowlwdge please tell
I am directly learning through projects
Is this good or first i watch html css js videos
the projects are enough to learn these techs, I recommend to watch all of the projects first without coding, then build them in the second try
thank you so much i enjoyed every step of it..
Great! Thank you very much! I will certainly learn a lot from this video!😃🙏
May u be bless u change my life
Bro said beginner friendly then started with heart animation by detecting mouse location using JavaScript 💀
Fr i was like damnn im not that guy after all 😂😂💀
i mean, it's a very basic thing to do, nothing complicated for a "beginner", but i guess for him "beginner" is someone who already started using JS, for someone who wants to start learning JS, good luck lmao, bro skipped 150 steps
Good day bro
Could you make some tutorial videos about html CSS JavaScript, reactjs, and nodejs for beginners
Thanks a lot🙏
Will do soon
Love this tutorial. Easy to follow !
When you will create react playlist sir?we are waiting for that
Excellent as always
Nice Video Brother.
Many Thank you so much i enjoyed every step of it..
You are welcome!
those projects amazing to practice and learn more
Thanks for sharing !
So amazing
Thank you so much sir , this video is very helpful for me
So nice of you
chegando por aqui!
TMJ meu camarada!
Thank you for sharing 😍🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩
Thank you too
Top class❤❤❤
Thank you :)
It's really cool 😎
thank you :)
Very useful video.
Thanks a lot
Thank you very much! You made great jobe and help to me! I am junior in it. Thank you
I learn Js from your video, thank you!
Please make more logical project like that
Thanks teacher good jobs
You are welcome
3:02:32 / Line 24: ampmEL, (innerText = ampm); should be: ampmEl.innerText = ampm;
Sir I know html css javascript + I know spring boot for back-end. Please check one full stack project on react + spring boot
Awesome work bro, keep it up❤
Thanks 🔥
🚭🚭🚭
Good job 🔥🔥
Thanks 🔥
In project 1, Can we Decrease the speed of creating each span so that hearts are created a bit slow
yoooo new drop lessgooo
❤️❤️
Please make small react project like this
sure mate will upload more soon
@@JavaScriptKing thanks for giving reply ....i am fan of your teaching style ...so please make small react project just like javascript project...it will help build and more confident in react js ...so please do this ..
Thanks
project 2,5,19 is too good
wow. 1st comment. do you plan to make JS projects (intermediate) ?
sure mate
thanks sir
thankyou
Awesome 🎉🎉🎉