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

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 213

  • @JavaScriptKing
    @JavaScriptKing  Рік тому +26

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

    • @palma675
      @palma675 Рік тому

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

    • @Moviewalaa01
      @Moviewalaa01 Рік тому

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

    • @JavaScriptKing
      @JavaScriptKing  Рік тому

      @@Moviewalaa01 use the link I have provided

  • @JavaScriptKing
    @JavaScriptKing  Рік тому +32

    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
    @bharath2508 Рік тому +7

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

  • @Divya-v6g
    @Divya-v6g Рік тому +15

    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.

  • @isaacreang1441
    @isaacreang1441 Рік тому +17

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

  • @djfago6240
    @djfago6240 Рік тому +13

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

  • @asiwornufrank1491
    @asiwornufrank1491 5 місяців тому +2

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

  • @emre.u1881
    @emre.u1881 9 місяців тому +3

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

  • @mdibrahimkhalil2847
    @mdibrahimkhalil2847 8 місяців тому +1

    Your teaching style is absolutely Awesome

  • @gamingflick
    @gamingflick Рік тому +19

    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

  • @alitazimi
    @alitazimi Рік тому +7

    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

  • @alephanta
    @alephanta 2 місяці тому

    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.

  • @anythingit2399
    @anythingit2399 Рік тому +1

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

  • @BenjaminMensah-p9g
    @BenjaminMensah-p9g 10 місяців тому +1

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

  • @vallunacoder.wecodetogether
    @vallunacoder.wecodetogether Рік тому +2

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

  • @prathibasweety720
    @prathibasweety720 Рік тому +1

    Very good lecture. First project completed

  • @CamaguNcoso
    @CamaguNcoso Рік тому +1

    Why is it called Vanilla JavaScript? Thank you for this UA-cam 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
    @leomacdon7858 Рік тому +2

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

  • @franciscorios7374
    @franciscorios7374 6 місяців тому +2

    Thanks!

    • @JavaScriptKing
      @JavaScriptKing  6 місяців тому

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

  • @trandcash-mad3176
    @trandcash-mad3176 Рік тому +1

    -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

  • @Status-i8n
    @Status-i8n Рік тому +2

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

    • @JavaScriptKing
      @JavaScriptKing  Рік тому +2

      thanks for your comment, glad you found it useful

  • @mgakajaming4786
    @mgakajaming4786 Рік тому +1

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

  • @Codersoftware
    @Codersoftware 7 місяців тому +1

    This is Very helpful video for beginners❤

  • @dummytcs5207
    @dummytcs5207 Рік тому +3

    Your way of explanation is outstanding. Thanks

  • @Shaheedulislam-bl3ey
    @Shaheedulislam-bl3ey Рік тому +1

    it is very importent vedio

  • @AbhishekPandey-b3i
    @AbhishekPandey-b3i 8 місяців тому +1

    Great effort sir ❤

  • @geneolo
    @geneolo Рік тому +1

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

  • @عبداللهبامخير-ل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 😊.

  • @vladlenvronsky
    @vladlenvronsky Рік тому +1

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

  • @MariamSabry1579
    @MariamSabry1579 Місяць тому

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

  • @juxtapose2125
    @juxtapose2125 Рік тому +3

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

  • @S-Lomar
    @S-Lomar Рік тому

    Thank you for sharing your experience on UA-cam ❤️♥️😍😊😘🥰❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

  • @webdevankit4285
    @webdevankit4285 Рік тому +3

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

  • @AnilKumar-tm6fq
    @AnilKumar-tm6fq Рік тому +1

    Good video

  • @brads215
    @brads215 Рік тому +1

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

  • @LearnWithBuddha473
    @LearnWithBuddha473 8 місяців тому +1

    thank you sir your video is very helpful for us

  • @AfolarinSegun
    @AfolarinSegun 29 днів тому

    Thanks very much sir you are teaching us the best

  • @GEEK6053
    @GEEK6053 Рік тому +1

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

  • @ifeyinwalucy5068
    @ifeyinwalucy5068 Рік тому +1

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

  • @MRizkiRianto
    @MRizkiRianto Рік тому +1

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

  • @HMH652
    @HMH652 Рік тому +1

    Really helpful content that’s why you gain another subscriber

  • @nguyetha1321
    @nguyetha1321 Рік тому +2

    Very good teacher! I love all your video.

  • @tanmayade0399
    @tanmayade0399 Рік тому +2

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

  • @Oluwasanmipeter1712
    @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

  • @sumaiyajannat7824
    @sumaiyajannat7824 Місяць тому

    Best project idea

  • @aurelionsoul9125
    @aurelionsoul9125 Рік тому +1

    from scratch I enjoy the process

  • @abhasoni2642
    @abhasoni2642 Рік тому +5

    Thank you for this amazing series with great explanation.

  • @emanuelarriaza3710
    @emanuelarriaza3710 Рік тому

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

  • @shabbirali8471
    @shabbirali8471 Рік тому +1

    So nice of you amazing sir

  • @sanika4884
    @sanika4884 Рік тому +3

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

  • @aadityachandankar7548
    @aadityachandankar7548 Рік тому +1

    Thank you so much, God Bless You❤

  • @niteshprajapat.d3v
    @niteshprajapat.d3v Рік тому +3

    This is awesome project series.🔥😊

  • @eshetutefera2668
    @eshetutefera2668 Рік тому +1

    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.

  • @christopherlota586
    @christopherlota586 Рік тому +1

    Thanks for sharing. They are real helpful

  • @brightemmanuel9497
    @brightemmanuel9497 Місяць тому

    I love your class send more videos

  • @liliasara4489
    @liliasara4489 Рік тому +1

    Thank you

  • @zulfiqarAlig
    @zulfiqarAlig Рік тому +1

    Love from Sindh you are doing amazing

  • @Sahadat1995
    @Sahadat1995 Рік тому

    Many many thanks for this video

  • @mzeedev
    @mzeedev Рік тому +2

    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
      @sateIIitepilot 4 дні тому

      Do you mean parentheses instead of curly braces?

  • @davidcool7011
    @davidcool7011 Рік тому +1

    Thanks very so much sir we love you 💕💕

  • @beachphone-t7g
    @beachphone-t7g 10 місяців тому +1

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

  • @raeesahmed7283
    @raeesahmed7283 Рік тому +2

    Thank you man Love from Pakistan ❤

  • @XacsonTech
    @XacsonTech Рік тому +1

    This is an amazing tutorial thank you for this free course

  • @emre.u1881
    @emre.u1881 9 місяців тому +1

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

  • @michaldimitrov3233
    @michaldimitrov3233 8 місяців тому +1

    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`;
    --------

  • @timothyaddo6438
    @timothyaddo6438 Рік тому +1

    Thank You!

  • @valenciawalker6498
    @valenciawalker6498 7 місяців тому

    Thank you

  • @funskate8850
    @funskate8850 Рік тому +1

    I like your explanations sir...keep going

  • @bakugoxd4614
    @bakugoxd4614 Рік тому +2

    Impressive ✌

  • @RukshanFernando-iv8uh
    @RukshanFernando-iv8uh Рік тому

    ❤ From Sri Lanka

  • @afaqahmad8918
    @afaqahmad8918 Рік тому +1

    Watching from Pakistan ❤️👍🏻

  • @soumelee5661
    @soumelee5661 Рік тому +2

    these projects are very very good!! thanks

  • @satya8320
    @satya8320 Рік тому +1

    great work

  • @CodingW3
    @CodingW3 Рік тому +1

    Toppp 👏🏻👏🏻👏🏻👏🏻

  • @igbrowns1151
    @igbrowns1151 11 місяців тому +2

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

  • @JashimUddin-rg4lj
    @JashimUddin-rg4lj Рік тому +1

    As a bangladeshi watching from uae.

  • @sandeepshorton
    @sandeepshorton Рік тому +2

    thanks man

  • @alimam_
    @alimam_ Рік тому +1

    Thank Sir love from Pakistan 🇵🇰

  • @68chanakya18
    @68chanakya18 Рік тому +1

    Sir in weather app can you explain more on why we shouldn't use button & instead use input type=submit

    • @JavaScriptKing
      @JavaScriptKing  Рік тому

      just a different approach. both ways are correct

  • @adrianjim7830
    @adrianjim7830 Рік тому

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

  • @bahaakardjana
    @bahaakardjana Рік тому +1

    thank u dr

  • @prasanthragava1118
    @prasanthragava1118 11 місяців тому +2

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

  • @afreenshaikh938
    @afreenshaikh938 Рік тому

    1:07:32 weather app js

  • @ravikumawat7006
    @ravikumawat7006 Рік тому +1

    please make video on reactjs like this

  • @dhruvalkaushik7885
    @dhruvalkaushik7885 Рік тому +2

    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 ?

  • @atom2076
    @atom2076 Рік тому

    Watching from Uzbekistan

  • @rhodevincentjadebate8779
    @rhodevincentjadebate8779 Рік тому

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

  • @dejandejanovic472
    @dejandejanovic472 Рік тому +2

    ❤ from Serbia 🇷🇸

  • @karimbagheri-gf9vj
    @karimbagheri-gf9vj Рік тому +2

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

  • @sharminshultana3979
    @sharminshultana3979 Рік тому

    Great Explanation ❤

  • @dataworld-information
    @dataworld-information Рік тому +1

    please teach full web development html javascript and CSS

  • @nisharoy-rx2dg
    @nisharoy-rx2dg Рік тому +1

    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.

  • @lucianodeniro6475
    @lucianodeniro6475 Рік тому

    Amazing video

  • @babatundebolu766
    @babatundebolu766 Рік тому +1

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

  • @Literaturexplorer
    @Literaturexplorer Рік тому +1

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

  • @monikrishna9095
    @monikrishna9095 Рік тому +1

    Sir plss upload complete class on JS plss!

  • @jjvitor183
    @jjvitor183 11 місяців тому

    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.

  • @justinmathew8929
    @justinmathew8929 Рік тому

    Love From India ♥️

    • @JavaScriptKing
      @JavaScriptKing  Рік тому

      Thanks for your review and feedback on the course.

  • @afreenshaikh938
    @afreenshaikh938 Рік тому

    28:18

  • @crappycoders
    @crappycoders Рік тому +1

    pls do ten fun projects for react js