10 HTML CSS JavaScript projects (HTML5, CSS3, vanilla JavaScript) [2024]

[@JavaScriptKing]

Checkout the projects live demo and source code here: www.100jsprojects.com/

[@palma675]

Can someone help please. Why my timerEl.textContent = formatTime(elapsedTime) returning NaN? Thanks in advance.

[@Moviewalaa01]

plz give the source code or github repo link of all projects

[@JavaScriptKing]

@@Moviewalaa01 use the link I have provided

[@JavaScriptKing]

timestamp: 00:00 - Intro 2:16 - Weather app 1:47:28 - Image search app 3:40:45 - Basic calculator 4:45:40 - Stopwatch 5:53:00 - Rock, scissor and paper game 6:47:19 - Pomodoro timer 7:33:23 - Dice roll simulator 8:30:33 - Recipe book app 9:37:38 - Tip calculator 10:10:40 - Age calculator

[@bharath2508]

wow,that's lot of hard work which is totally free on KZbin . Thanks a lot

[@djfago6240]

Your teaching skills are wow. Clearly explained. Thank you for your time and energy for sharing your knowledge with us for free.

[@JavaScriptKing]

thanks mate

[@isaacreang1441]

finally i found someone who can explain everything so simple and easy for me to understand.. thank you sir you are the best ❤

[@JavaScriptKing]

So nice of you

[@Divya-v6g]

Sir U have such an amazing teaching skills, u are able to teach complex things in simplified manner , no matter even a beginner can understand ur concepts easily. Hope u deserve more respect and subscribers in the future sir. Thanks a lot sir, got to learn many things from ur videos.

[@JavaScriptKing]

It's my pleasure

[@alephanta]

Hello, Sahand Appreciate you for sharing your teaching skills and helping many people understand web development. As for me, I'm a JS beginner. I had developed a weather service and I was pleasantly surprised to understand the topic, magic happens. Your lessons give me hope that I will be able to target my goals in programming skills.

[@alitazimi]

Wow! This web app dev tutorial is super fantastic! 🌟 Thank you so much, Sahand, for creating such an incredible course. It's truly amazing and has made my life much easier. Keep up the fantastic work! 💯, cheers, ali

[@asiwornufrank1491]

Thank you for giving me a chance to becoming a developer.

[@mdibrahimkhalil2847]

Your teaching style is absolutely Awesome

[@anythingit2399]

Thank you for coming back my love. Love you. I have done your last 2 videos completely. Love You.

[@JavaScriptKing]

love you too. please keep it up

[@BenjaminMensah-p9g]

This is an amazing tutorial. Well explained. You are too much! Thank you very much. We need video on login form

[@emre.u1881]

I've finished the first project (Weather App). Thank you so much.

[@rashidahmadshah5715]

your project weather app working

[@emre.u1881]

@@rashidahmadshah5715 yes it is

[@vallunacoder.wecodetogether]

thanks for your content man, I promise that if I make it to be a dev I will definitely be super thankful with you

[@MariamSabry1579]

I understand and this is the important, thank you very much

[@mgakajaming4786]

Explain well and so clear... thank you boss.. more video pls

[@franciscorios7374]

Thanks!

[@JavaScriptKing]

You are welcome, thank you very much for the gift. I appreciate it :)

[@CamaguNcoso]

Why is it called Vanilla JavaScript? Thank you for this KZbin channel. Been coding since 1st April and I'm still learning. I will definitely invest my time and energy to improve as I download this video

[@leomacdon7858]

This video teaches me lots and lots of things in web tech. Thank you very much.

[@JavaScriptKing]

Glad to hear that!

[@HMH652]

Really helpful content that’s why you gain another subscriber

[@geneolo]

Awesome tutorial! Comprehensive for beginners! Thanks a lot :)

[@gamingflick]

hi bro we need more and more video with big projects because your explainating is some thing even the lecture cant teach like this, soo please do more videos please with huge projects

[@JavaScriptKing]

I will try my best

[@AbhishekPandey-b3i]

Great effort sir ❤

[@juxtapose2125]

thank you, man! very very easy and straightforward, i can understand each section. you gain a sub bro!

[@JavaScriptKing]

thank you

[@prathibasweety720]

Very good lecture. First project completed

[@sajjad-g6r]

thank you calculate was great especially eval method

[@MRizkiRianto]

Thank you so much for the great efforts you've exerted towards this video. You help a lot of people.

[@vladlenvronsky]

This in addition to Mozilla MDN Course is super powerful. Thank you!!!!

[@Codersoftware]

This is Very helpful video for beginners❤

[@JavaScriptKing]

Glad it was helpful :)

[@emanuelarriaza3710]

thanks for the help to understanding the code and practice makes perfect!!!!

[@LearnWithBuddha473]

thank you sir your video is very helpful for us

[@AfolarinSegun]

Thanks very much sir you are teaching us the best

[@ifeyinwalucy5068]

Thanks a lot, sir, for the great efforts you put into your videos. You're such a great teacher, I learned a lot from your videos, God bless you immensely!!!

[@Oluwasanmipeter1712]

You are so wonderful by letting us know all the concept of what you are teaching us, am so grateful, it help me alot

[@dummytcs5207]

Your way of explanation is outstanding. Thanks

[@JavaScriptKing]

So nice of you

[@Status-i8n]

Watching from India.. thank u sir take doing this work for us..

[@JavaScriptKing]

thanks for your comment, glad you found it useful

[@webdevankit4285]

Thankuuu soooo muchh sirr... because of you I learnt a lot in JavaScript. In real mean you're a Javascript King..😊

[@JavaScriptKing]

thanks for your compliment

[@abhasoni2642]

Thank you for this amazing series with great explanation.

[@JavaScriptKing]

thanks mate appreciate your comment

[@GEEK6053]

Your video was very inspiring, I going to re-create one of these projects soon..thank you

[@JavaScriptKing]

thanks

[@brads215]

I think this video is the best thing I have ever found. Thank you

[@JavaScriptKing]

thank you

[@mzeedev]

Hello ! :) Please use (data.wind.speed) if you are learning it in July, they made a little bit change in data. Thank you time stamp 1:32:20

[@sateIIitepilot]

Do you mean parentheses instead of curly braces?

[@sanika4884]

thank you for an amazing video SIR, I learned a lot of things👏

[@JavaScriptKing]

So nice of you

[@aadityachandankar7548]

Thank you so much, God Bless You❤

[@JavaScriptKing]

You are so welcome

[@tanmayade0399]

Sir your way of explanation is superb. Sir can you make a video for Tic Tac Toe. It will be really helpful for us.

[@nguyetha1321]

Very good teacher! I love all your video.

[@JavaScriptKing]

thanks

[@davidcool7011]

Thanks very so much sir we love you 💕💕

[@CodingW3]

Toppp 👏🏻👏🏻👏🏻👏🏻

[@niteshprajapat.d3v]

This is awesome project series.🔥😊

[@JavaScriptKing]

thanks very much

[@عبداللهبامخير-ل8ص]

I am going to start working with you on these projects from today , hope i do well and understand all the concepts that could lead me to a higher level , wish me luck 😊.

[@JavaScriptKing]

Best of luck!

[@S-Lomar]

Thank you for sharing your experience on KZbin ❤️♥️😍😊😘🥰❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

[@raeesahmed7283]

Thank you man Love from Pakistan ❤

[@JavaScriptKing]

thank you

[@michaldimitrov3233]

Thank you for your work JS King. I'm about to finish weather app. You're mapping through some divs at the end. And I don't know that stuff yet, so I just went with simply dynamically putting in three new divs (I was thinking about looping through at first, but it seems like too much code for the same result) --- weatherDataElement.querySelector( ".details" ).innerHTML = `${details[0]}°C ${details[1]}% ${details[2]} m/s`; --------

[@christopherlota586]

Thanks for sharing. They are real helpful

[@JavaScriptKing]

Glad you like them!

[@trandcash-mad3176]

-Weather app -Image search app - Basic calculator - Stopwatch - Rock, scissor and paper game - Pomodoro timer - Dice roll simulator - Recipe book app - Tip calculator - Age calculator

[@JavaScriptKing]

thanks

[@XacsonTech]

This is an amazing tutorial thank you for this free course

[@JavaScriptKing]

thanks

[@Sahadat1995]

Many many thanks for this video

[@Shaheedulislam-bl3ey]

it is very importent vedio

[@zulfiqarAlig]

Love from Sindh you are doing amazing

[@JavaScriptKing]

thanks

[@soumelee5661]

these projects are very very good!! thanks

[@JavaScriptKing]

Glad you like them!

[@sumaiyajannat7824]

Best project idea

[@beachphone-t7g]

could you do a video about generating a wallet and sending crypto? XRP for example in JavaScript?

[@adrianjim7830]

6:47:19 - Pomodoro timer make more than one click, and go for a bug🐛.

[@AnilKumar-tm6fq]

Good video

[@Cha-chingWV]

at 4:32:30 How about forEach: buttons.forEach(button => { button.addEventListener('click', () => { let value = button.textContent; updateCalculation(value); display(calculation);

[@dhruvalkaushik7885]

Firs of all sir I want to let you know that you are amazing and I really appreciate your entire work and thank you so much for creating a content which is easy to understand. Again thank you so much :) Also I have one question can you please explain me video timing 3:22:00 . How data.results working is it function or any method ?

[@eshetutefera2668]

Bravo sir! I really learned a lot. God bless you. But, I have a question: how can I put this app on my desktop? please help me.

[@shabbirali8471]

So nice of you amazing sir

[@JavaScriptKing]

thanks mate

[@brightemmanuel9497]

I love your class send more videos

[@afaqahmad8918]

Watching from Pakistan ❤️👍🏻

[@bakugoxd4614]

Impressive ✌

[@JavaScriptKing]

Thank you

[@OtebaKe]

I like your explanations sir...keep going

[@JavaScriptKing]

Thanks and welcome

[@liliasara4489]

Thank you

[@pritamvlogs7061]

i have an issue in pomodoro timer when we click one time on start button then timer runs perfectly and when we click two time the timer are decreasing two value how did we fix it .

[@prasanthragava1118]

Is it best practice to use the eval() method in a calculator app?

[@timothyaddo6438]

Thank You!

[@JavaScriptKing]

You're welcome!

[@RukshanFernando-iv8uh]

❤ From Sri Lanka

[@emre.u1881]

Adding URL is so complicated...I need to watch again URL parts :) Any easy method?

[@valenciawalker6498]

Thank you

[@JavaScriptKing]

You're welcome

[@aurelionsoul9125]

from scratch I enjoy the process

[@igbrowns1151]

please do you have a full stack web development course on udemy?

[@nisharoy-rx2dg]

In the reset function, you missed to update the stopButtonEl.disabled= false, its still set to true and by clicking on reset , stop button is appearing disabled.

[@sharminshultana3979]

Great Explanation ❤

[@JavaScriptKing]

Thank you! 🙂

[@alimam_]

Thank Sir love from Pakistan 🇵🇰

[@sandeepshorton]

thanks man

[@JavaScriptKing]

Happy to help

[@satya8320]

great work

[@JavaScriptKing]

thanks

[@afreenshaikh938]

1:07:32 weather app js

[@jjvitor183]

In the first project, is it possible to create a search for relevant articles? In addition to images, there can be articles with related research. Example: Global warming, all articles will come with their respective web addresses and with the image and some additional information. It would be very interesting.

[@Literaturexplorer]

Hey can you please make a videos on react projects??

[@ravikumawat7006]

please make video on reactjs like this

[@palma675]

Can someone help please. Why my timerEl.textContent = formatTime(elapsedTime) returning NaN? Thanks in advance.

[@dataworld-information]

please teach full web development html javascript and CSS

[@bahaakardjana]

thank u dr

[@JavaScriptKing]

Welcome 😊

[@Cha-chingWV]

At 3:31, why not just use Html += ` ${altDescription} ` });

[@babatundebolu766]

Awesome job Boss, but please the .value is not working from my end, don't know why and help please?

[@_S_AmitPandey]

how to identify when to write what query inside our url ?

[@JashimUddin-rg4lj]

As a bangladeshi watching from uae.

[@JavaScriptKing]

you are welcome bro

[@rhodevincentjadebate8779]

you teach so well except for the stop watch huhuhuhu i'm stuckedddddd

[@monikrishna9095]

Sir plss upload complete class on JS plss!

[@nisharoy-rx2dg]

How to know what url to write for any other API... Can you help understand the url formation for any random api... The concept behind. Thank you in advance.

[@karimbagheri-gf9vj]

I wish you divide it to several steps so we could download it better