@@readbhagwatgeeta3810 It will be plus if you have basic understandings of HTML, CSS and JS. Otherwise you can learn it on the go buddy. It is an amazing tutorial.
at 40:18 My heart actually clapped. The tutorial is so awesome. I was scared about writing javascript before watching this awesome tutorial but now I'm surprised about the result. Thank you so much.
Perfect. Starting University in July and one of the courses is HTML, CSS and Javascript. Never coded before so quite nervous. Found your you-tube channel and have done the first project. It has improved my confidence level! Your pace in explaining everything was spot on. Simple programs that look amazing. I will now attempt to create a countdown timer with this basic knowledge then move onto your second project. Big thanks.
I loved the incorporation of everything in a single project. Instead of just uploading a setup with the css and html already done, you do everything alongside us from scratch. I love your approach, I've learned a ton! Thank you!
I enjoyed the digital clock project and I decided to do more with it. Instead of having the h2 as digital clock, I plugged it to an API that generates inspirational quotes on the top every 15 seconds
I have been in web development for only 2 months, I can do good html/CSS code, and learnt JavaScript as well. you have made me appreciate the use of JavaScript and thanks so much for that.
Hello I am from Taiwan , and I saw your video really helpful and easy to follow. I could not thank you enough, you are the genius teacher, I saw so many lesson but I just give up in the middle of lesson, but yours lesson I just go through from the begging to the End and still want to watching again...... I am really thanks you.
Big thanks for providing us this content and the code for free! Nice, simple and functional mini-projects from start to finish, showing how to create all the needed parts ( html, css, javascript), how to use vscode and tricks on it!
Great projects! It took me 3 weekends to go through this course. I am very new to learning web development, these projects really helped to demystify HTML, CSS, Javascript, and the developer tools. Look forward to more content from you!
Wow oh my god you blow my mind I'm graduating in June as a full stack Software engineer These projects are making really strong and opening my eyes May god continue to bless you Mr Great engineer
@@JavaScriptKing Sir I am really confused that how much practice of js do I need. I am from India, can you guide how can I start freelancing and manage my personal finance.
@@piyushtyagi4143 You just need to start with small projects and get familiar with javascript, then you can do bigger projects like an e-commerce or social media websites. Then, you are ready to start searching for a job, and start doing projects as a freelancer.
I made an account in GitHub just to follow you, I speak Spanish and I understand a little English, even so I understood you the first projects I've done
This is the best teacher in terms of programming I've seen so far, the step by step method is soooo mind blowing. Thanks a million, keep up the good work!🤝
I have finished the first project “digital clock” Thx a lot for ur hard effort, I’m planning to finish these 16 projects in the next few days. I’m struggling a little bit with JS it’s confusing i need to watch some tutorials about js only .
Appreciate the tutorials. Am attempting to learn a little JS and these have come in quite handy!! One thing I think I should pass on for others that are beginning, make sure you don't leave spaces where they do not belong. I was working on the real time character counter project, and it kept starting off at 5 instead of 0. I went through all the code over and over and over. Couldn't find why the total counter kept starting at 5. Finally, I removed the space between the textarea and closing textarea sections, and that fixed the issue. Because of the line return, plus the indention of 4 spaces, my counter kept starting at 5. So for all you folks that are true beginners like myself, keep that in mind when the code itself isn't wrong!
Because of algorithm most of the person in the world are disturb and addicted but this algorithm has helped me to reach this channel. I had search for Html CSS JavaScript projects but it didn't show this one, but through scrolling and because of algorithm I have reached here, brother your teaching skills are in another level please bring more interesting projects Love from India ❤️
I was little nervous bcz i had no clue where have to start JavaScript from basics but now i found your video i feel more confident i will complete all projects as soon as possible . ......thank you a lot for providing us with this video 👍
I am learning all your projects ,it gaves me an advantage to learn css, html and JavaScript all at once, you are the best teacher for me thank you for helping.
Also mr javascript king, can you mae an intermediate version of this, all of these projects were super helpful and I am sure all of us appreciate your hard work!
Hello from India Sir.... Thank you very much for this wonderful and easy to understand tutorial..... this is the exact tutorial beginner should start with.... I love your step by step approach...just completed digital clock and its working great. Highly appreciated.
Fantastic, thank you. I completed a few Python courses and found that Javascript is better suited for the projects I want to develop. This video is ideal for me.
This is my first time leaving my comment! I felt it was so useful and I coded every project you made. You are a WONDERFUL and AMAZING UA-camr and I wish you may publish more tutorials! Thank you so much
Very good video. Video can help new front end devs really understand the basics of these programs. I'd only suggest maybe a little more explanation on some of the JS aspects as to why we choose certain methods so that we can follow the logic you are using. Even a 5 second explanation of what exactly the method is doing for example. (why use query selector over getElementByID). It's simple things but I believe many of the viewers here are very new to these coding languages and would benefit greatly from that.
Today I completed the multiplication app , I learned a lot ....Thank You for that......This is my first JS project. You explained the javascript code...so it was easy to understand the process inside the app I hope to do more modification to this app and build something creative.
❤❤❤ I suggest a bit of tweaking in the JavaScript code, the part where am is converted to pm so it should be, if (h >= 12) { if (h > 12) { h = h - 12; } ampm = "PM"; } else { ampm = "AM"; } The reason for this change is that at 12pm the clock doesn't show pm but am.
I've really benefitted a lot from this video, it is as if the video was targeted at my type, a great novice. I can't thank you enough Dr. Sahand Ghavidel, more power to your elbow.
Hi, thank you for your video. Though I am really confused about first project. There to update time infinetely you are using recursion. How does it affect stack. Wouldn't we get at some point something like stack overflow error? This question might seem silly, but I have just started learning JS.
you are indeed a king in teaching javascript its just two weeks today i discovered u, wow so amazing i'm understanding when i finally become a full time developer i will look for u to the tell u a special thank u. I'm in 2 months on my journey hope to get there soon thanks a lot you re really helping with your beautiful explanations
Okay, just had a mini glimpse into this, and MAN! this is exactly what i need! Currently, ive only done 2 absolutely basic html/css and my next step has been Javascript. This'll do lots.
One of the best video in youtube that is explanined in so easy way. Very educational I will be spending my time to watch this full but I also want to know how we can do it in JAVA.
I tried and did the drum Kit project on my own and used KeyCodes and Timeouts to change the background size and activate the sounds, but your method is way more efficent. Thanks again.
I must say. Thank you very much, I just did the ripple effect button to be included in my website and now I have a better understanding in how to use JavaScript to improve my site. 🤩
Never see someone who have the patience to explain slow and not go fast or skip a line of code. and explain the tricks for some fast coding. I think I will stay on this channel to see each project and I hope that I will understand JavaScript much better. seems more logic here :D Keep up the awesome work
Excellent tutorial. I'm currently only on the second project but feel I have learnt loads. I could probably even at this short shage into my learning feel I could knock up a small project myself.
This is awesome As a Web Development instructor I applaud you for making this video easy. It would be nice if you can be copying the class and IDs names from your HTML to style in CSS And for manipulation in Dom so as to prevent typo error and saves time in typing 🎉🎉
Dude, thank you so much. You helped me out with alot of stuff, like CSS, and JavaScript. I am truly grateful. You should really start selling courses so you can make income from this. You are an amazing teacher!
In the second project you can add a controller so the 'score: ' can not have negative value: }else{ if(score!==0){ score-- updatelocalstorage() } else{} } I added this in the part where the score is decremented inside the formEl.addEventlistener() great videos by the way
The best part about you is really dedicated to your work u answer our questions in couple of time that's really cool becoz one is learning will also have some questions thats why I appreciate that
Check the projects live demo and source codes here:
www.100jsprojects.com
This tutorial is absolutely worth going through if you're a beginner, as it gives you a fair bit of actual coding experience.
thanks for your comment
Just finished the heart trail project, and as a beginner, I agree. I have learned a lot.
I wish i can personally greet you sir
Thank you ❤ @@JavaScriptKing
I'm currently on the 3rd project and I want to say you are an awesome teacher sir. Thank you so very much!!
thanks. I am very happy to hear that you are enjoying the course. I am adding more projects to the channel soon 😉
Can you tell me the prerequisite for this course please ? Can I directly jump to this course with only basic programming skill ?
@@readbhagwatgeeta3810 It will be plus if you have basic understandings of HTML, CSS and JS. Otherwise you can learn it on the go buddy. It is an amazing tutorial.
Hey mate I'm also in 3rd project and I'm getting error in totalcharacter.value.length property. Can you help me help me please.
at 40:18 My heart actually clapped. The tutorial is so awesome. I was scared about writing javascript before watching this awesome tutorial but now I'm surprised about the result. Thank you so much.
Perfect. Starting University in July and one of the courses is HTML, CSS and Javascript. Never coded before so quite nervous. Found your you-tube channel and have done the first project. It has improved my confidence level! Your pace in explaining everything was spot on. Simple programs that look amazing. I will now attempt to create a countdown timer with this basic knowledge then move onto your second project. Big thanks.
Thanks for your comment. I am very happy to hear that you have enjoyed my video 😉
Amazing. I just started my Tech career two months ago. i hope this career path favours me.
I loved the incorporation of everything in a single project. Instead of just uploading a setup with the css and html already done, you do everything alongside us from scratch. I love your approach, I've learned a ton! Thank you!
I enjoyed the digital clock project and I decided to do more with it. Instead of having the h2 as digital clock, I plugged it to an API that generates inspirational quotes on the top every 15 seconds
I have been in web development for only 2 months, I can do good html/CSS code, and learnt JavaScript as well. you have made me appreciate the use of JavaScript and thanks so much for that.
Hello I am from Taiwan , and I saw your video really helpful and easy to follow. I could not thank you enough, you are the genius teacher, I saw so many lesson but I just give up in the middle of lesson, but yours lesson I just go through from the begging to the End and still want to watching again...... I am really thanks you.
Big thanks for providing us this content and the code for free!
Nice, simple and functional mini-projects from start to finish, showing how to create all the needed parts ( html, css, javascript), how to use vscode and tricks on it!
thanks for your inspiring comments, I really appreciate it. I am happy to see you enjoyed the projects
@@JavaScriptKing I am enjoying them, thanks!
When I have time, I go to the timestamps of the video and I choose whatever project I like !
Your projects are really helpful for increasing html, css, and Javascript knowledge. Thank you for your amazing projects.
thank you for your comment
Great projects! It took me 3 weekends to go through this course. I am very new to learning web development, these projects really helped to demystify HTML, CSS, Javascript, and the developer tools. Look forward to more content from you!
no problem, good luck with your work
From where you are learning web development? Please reply sir
@@Ankitsharma-yh6hh I have been following the Odín Project for a year, highly recommended!
Wow oh my god you blow my mind
I'm graduating in June as a full stack Software engineer
These projects are making really strong and opening my eyes
May god continue to bless you Mr Great engineer
i have started learning JavaScript and you have boosted my confidence 10 times. you made it looked so simple and it was a fun as well. quality content
Glad I could help!
Bhai konse course refer kar rhe ho aap
Which courses you are referring to learn web developement
You channel deserves 5m+ subscribers. Your really understand what you teach more than some paid courses
thankkkkkkkkkkk you
00:00 Introduction
1:48 Project 1 - Digital Clock
43:17 Project 2 - Multiplication App
1:35:58 Project 3 - Button Ripple Effect
2:07:18 Project 4 - Real-time Character Counter
2:46:54 Project 5 - Sticky Navbar
3:38:39 Project 6 - Random Color Generator
4:19:39 Project 7 - Heart Trail Animation
4:53:02 Project 8 - Video Trailer Popup
5:42:58 Project 9 - Blurred Background Popup
6:42:03 Project 10 - Background Image Scroll Effect
7:11:17 Project 11 - Drum Kits
8:02:15 Project 12 - Random Photos
8:35:20 Project 13 - Image Slider
9:28:41 Project 14 - Dark Mode Toggle
10:04:10 Project 15 - Auto Text Effect Animation
10:34:24 Project 16 - Tabs Section
You have nothing to do man? How fool you are man!
OMG sir you've opened my mind to how amazing you are. You explain it very clearly and slowly. Love it so much
So nice of you
I Just completed Tabs Project. Sir you are doing really amazing job.
Great man, I am happy to see you enjoyed the course. You can ask me any questions you may have 😉
@@JavaScriptKing Sir I am really confused that how much practice of js do I need. I am from India, can you guide how can I start freelancing and manage my personal finance.
@@piyushtyagi4143 You just need to start with small projects and get familiar with javascript, then you can do bigger projects like an e-commerce or social media websites. Then, you are ready to start searching for a job, and start doing projects as a freelancer.
@@JavaScriptKing love and respect for you sir ❤️
Just finished the whole thing. Projects are awesome and easy to follow! Thank you so much for your hard work!
Glad you like them!
Better than most online courses. You should have millions of subscribers.Thank you so very much sir.
You are most welcome
I made an account in GitHub just to follow you, I speak Spanish and I understand a little English, even so I understood you the first projects I've done
thanks mate, appreciate it. Just keep in touch
This is the best teacher in terms of programming I've seen so far, the step by step method is soooo mind blowing. Thanks a million, keep up the good work!🤝
True
Just made the full video step by step and tried to make some changes along the way, thank you so much this video is amazing
You're welcome!
wow, finally i found the videos about hours of projects with html css javascript. thank you😉
Thank you for videos like this. I'm a software development trainee and your exercises are part of my my training program that I follow besides school.
You're very welcome!
I have finished the first project “digital clock”
Thx a lot for ur hard effort, I’m planning to finish these 16 projects in the next few days.
I’m struggling a little bit with JS it’s confusing i need to watch some tutorials about js only .
the js concepts are being repeated in all projects, I personally learn the concepts in the projects better
Appreciate the tutorials. Am attempting to learn a little JS and these have come in quite handy!! One thing I think I should pass on for others that are beginning, make sure you don't leave spaces where they do not belong. I was working on the real time character counter project, and it kept starting off at 5 instead of 0. I went through all the code over and over and over. Couldn't find why the total counter kept starting at 5. Finally, I removed the space between the textarea and closing textarea sections, and that fixed the issue. Because of the line return, plus the indention of 4 spaces, my counter kept starting at 5. So for all you folks that are true beginners like myself, keep that in mind when the code itself isn't wrong!
I was curious to have more tutorials like this and luckily I found them on your channel, thanks for the effort!
All the projects worked for me. I appreciate your effort in putting all this together. Thank you so much, brother.
Great to hear!
I learned, remembered, practiced and improved the UX-UI, thanks again.
THANK YOU SO MUCH FOR THESE AMAZING TUTORIALS!!!! I extremely enjoyed all the projects. In addition, I finally started to figure out how JS works
You are so welcome!
Because of algorithm most of the person in the world are disturb and addicted but this algorithm has helped me to reach this channel. I had search for Html CSS JavaScript projects but it didn't show this one, but through scrolling and because of algorithm I have reached here, brother your teaching skills are in another level please bring more interesting projects Love from India ❤️
Thanks to you and the algorithm :)
Thanks for teaching so patiently... Literally you are telling each and every step in an easy way, which is really helpful for beginners like me 😊
So nice of you
hii we can be friend if you dont mind
currently i am learn react js right now we learn webdevelopmet and i ama mobile developer and you
I was little nervous bcz i had no clue where have to start JavaScript from basics but now i found your video i feel more confident i will complete all projects as soon as possible .
......thank you a lot for providing us with this video 👍
Glad I could help!
Would be really helpful if u did a series on react js and next js . Hoping for the same . Amazing content sir by the way. Thank you so much
thanks for the comment, I am preparing more courses
I am learning all your projects ,it gaves me an advantage to learn css, html and JavaScript all at once, you are the best teacher for me thank you for helping.
Also mr javascript king, can you mae an intermediate version of this, all of these projects were super helpful and I am sure all of us appreciate your hard work!
Yes, soon
@@JavaScriptKing ok great, cant wait to do that one aswell
Amazing tutorial
i will recommend this to everyone who wants to start coding
thanks
Amazing content..! It took me 3 weeks but improved a lot of skills. REaally Awsome👌
Glad to hear that!
Did the first project and love your teachings already! Thank you so much!
Hello from India Sir.... Thank you very much for this wonderful and easy to understand tutorial..... this is the exact tutorial beginner should start with.... I love your step by step approach...just completed digital clock and its working great. Highly appreciated.
Thanks and welcome
Fantastic, thank you. I completed a few Python courses and found that Javascript is better suited for the projects I want to develop. This video is ideal for me.
Very nice tutorial I made all the projects. Please upload more videos like this. Keep it up. The way you explain is very amazing. Well Done!
thanks for your comment, I am adding more projects to the channel soon
@@JavaScriptKing welcome and thanks
I am watching this video at 3 Am and thinking to start my first project now onwards. Very easy explanation. I love it❤️😍
All the best
This is my first time leaving my comment! I felt it was so useful and I coded every project you made. You are a WONDERFUL and AMAZING UA-camr and I wish you may publish more tutorials! Thank you so much
thanks mate, appreciate it, I am adding more projects to the channel soon, there are two more videos you can check if you are interested
@@JavaScriptKing that's awesome and I love to check!
Thank You Very Much 🤗. I was very scared of JS before, but now I'm in a love with JS ♥️ Once Again Thanks 🙏🏻. Love From INDIA 🇮🇳
🙏🙏🙏❤️
Very good video. Video can help new front end devs really understand the basics of these programs. I'd only suggest maybe a little more explanation on some of the JS aspects as to why we choose certain methods so that we can follow the logic you are using. Even a 5 second explanation of what exactly the method is doing for example. (why use query selector over getElementByID). It's simple things but I believe many of the viewers here are very new to these coding languages and would benefit greatly from that.
thanks mate, appreciate it
Today I completed the multiplication app , I learned a lot ....Thank You for that......This is my first JS project.
You explained the javascript code...so it was easy to understand the process inside the app
I hope to do more modification to this app and build something creative.
Great 👍
You are so good. I don't have words how to thank you, thanks a lot.
thanks, I really appreciate your comment. I am adding more projects to the channel
❤❤❤
I suggest a bit of tweaking in the JavaScript code, the part where am is converted to pm so it should be,
if (h >= 12) {
if (h > 12) {
h = h - 12;
}
ampm = "PM";
} else {
ampm = "AM";
}
The reason for this change is that at 12pm the clock doesn't show pm but am.
check the github for update
Thank you so much for your videos, I love them! You're doing such a great job! I'm waiting for new videos so much 🥰
Glad you like them! New projects are coming soon, I am working hard on them :D
I've really benefitted a lot from this video, it is as if the video was targeted at my type, a great novice. I can't thank you enough Dr. Sahand Ghavidel, more power to your elbow.
Glad it helped!
Watch video in 3x speed
hi
Thik hai smz gya
Instead of thanking him for doing this great job for all of us you care only about the speed of his speech
I think it's enough for any beginners because watching after this video I think I am the best for html, css, java script....you are the best brother
Thanks for sharing
i'm brazilian i'm not fluent in english but i'll learn with you! can you make more videos about javaScript please?
sure mate, I'll add more projects soon
This is wonderful 🙌🏽🔥… if you could do a series on Python that’ll be very beneficial 😁
sure mate, I will
This man know how build beginner... love your Videos. Clear and simple. Love it
thanks for your comment
Hi, thank you for your video. Though I am really confused about first project. There to update time infinetely you are using recursion. How does it affect stack. Wouldn't we get at some point something like stack overflow error? This question might seem silly, but I have just started learning JS.
you can use the other way too, you are right
you are indeed a king in teaching javascript its just two weeks today i discovered u, wow so amazing i'm understanding when i finally become a full time developer i will look for u to the tell u a special thank u. I'm in 2
months on my journey hope to get there soon thanks a lot you re really helping with your beautiful explanations
Great mate, thanks for your message. I am very happy to hear that you are enjoying my videos. I am going to update more videos soon.
By the way it seems to be a syntax error on 40:10, line 20
thanks for comment, I will fix it in the course update
Wow I recently purchased a course and I must say after 30 min watching your project I understand a whole lot more. I hope you have advanced teaching
Awesome, thank you!
No word to explain, how helpful these tutorials are for beginners.
you are my Teacher,nice Tutorial and you make it looks very simple with small Projects for Beginer like me,very easy to understand
Thank you
I have a footer with random quotes displaying at every refresh. (SQLite DB) so I animated it using this project. Works great! Thank you.
Real gem for every web developer aspirant!! Lots of thanks and gratitude for this remarkable course.
Lots of love from INDIA.
Learning HTML CSS and JS since last 2 months but not confident to make project
Your videos made it quite simple.
glad to hear that you are enjoying the projects
Your pace of speech and the way you explain things are the best i have ever seen on UA-cam. Thanks for everything.
So nice of you
Okay, just had a mini glimpse into this, and MAN! this is exactly what i need!
Currently, ive only done 2 absolutely basic html/css and my next step has been Javascript. This'll do lots.
glad to hear that
I m totally beginner and I learned a lot from this extensive video Thanks JavaScript king
Glad to hear that
One of the best video in youtube that is explanined in so easy way. Very educational I will be spending my time to watch this full but I also want to know how we can do it in JAVA.
Wow, thanks!
I am from Nigeria. Just found your page. What an amazing content! You are a natural teacher. Please more content. I love your pace
🙏🙏❤️
1:57 Thank you from S.Korea. I can't stop shivering about starting this project
amazing, good luck with your learning journey
I tried and did the drum Kit project on my own and used KeyCodes and Timeouts to change the background size and activate the sounds, but your method is way more efficent. Thanks again.
Thanks for sharing!
I must say. Thank you very much, I just did the ripple effect button to be included in my website and now I have a better understanding in how to use JavaScript to improve my site. 🤩
Nice work!
Never see someone who have the patience to explain slow and not go fast or skip a line of code. and explain the tricks for some fast coding. I think I will stay on this channel to see each project and I hope that I will understand JavaScript much better. seems more logic here :D
Keep up the awesome work
Glad it helped!
Wow, this is such high quality and goes pretty in-depth for a beginner tutorial!
Glad you think so!
This is the type of video i looking for the whole time. Thank you sir. The is from the best material or software i ever find on the web.
You are welcome. Thanks mate
just finished digital clock project and i am glad to have you. Thank you lots of love from Nepal 🥰
My pleasure 😊
Best one yet i know am a noob but this tutorial is clear and on point please continue do more of this
I respect your teaching style, you explain it so that even a 5 years old could understand. 🙏🏾🙏🏾🙏🏾
I appreciate that
Excellent tutorial. I'm currently only on the second project but feel I have learnt loads. I could probably even at this short shage into my learning feel I could knock up a small project myself.
Glad it was helpful!
You are a real programming King-an awesome codder.
Thank you so much for your quick reply. But most of all is for sending The data.
More power to your site.
Thank you for the tutorial, this way I became familiar with all html, css and javascript.
I promise that I m gonna watch all the videos in this channel 🖤really nice and its TOTALLY free!!!
thanks mate, appreciate it
thank you very much you make everything clear and easy to understand many projects in youtube but you're the best
This is awesome
As a Web Development instructor I applaud you for making this video easy.
It would be nice if you can be copying the class and IDs names from your HTML to style in CSS And for manipulation in Dom so as to prevent typo error and saves time in typing 🎉🎉
Thanks for this video. I'm beginner to the journey of web programming and it help me a lot.
This is how beginner tutorials should be done. Good job! 🎉
Thank you so much!
Best HTML5/CSS3 and JS tutorial on the Internet
thanks mate
Dude, thank you so much. You helped me out with alot of stuff, like CSS, and JavaScript. I am truly grateful. You should really start selling courses so you can make income from this. You are an amazing teacher!
Your are my Teacher forever, you changed my thought
this is one of the best youtube videos on the platform
Greetings from Argentina, this by far one of the best courses i've been watching. Good job
thanks mate, appreciate your comment
Beautifully explained 😃
Thank you so much sir 😊😊
In the second project you can add a controller so the 'score: ' can not have negative value:
}else{
if(score!==0){
score--
updatelocalstorage()
}
else{}
}
I added this in the part where the score is decremented inside the formEl.addEventlistener() great videos by the way
thanks for sharing that
I'm Cambodian. I like your teaching
FINISHEDDDDDDDDDDDDDDDDDD ALL ...THANK YOU sir
More to come!
The best part about you is really dedicated to your work u answer our questions in couple of time that's really cool becoz one is learning will also have some questions thats why I appreciate that
So nice of you
Bro, i can't thank u enough, u helped me alot, love and respect u man for helping us without any money