How To Make A Modern Website Using HTML CSS & JavaScript | Website Header Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น •

  • @mengvang396
    @mengvang396 2 ปีที่แล้ว +58

    Thank you for this turtorial! Just a few days ago, I was so mad at myself because of how much I was struggling on web development, but this one, HANDS DOWN, was the easiest, smoothiest, one I've yet seen.

    • @apepisfet3347
      @apepisfet3347 2 ปีที่แล้ว +5

      Its easier if you get the fundamentals down first.
      Basic selector types, Box models, Selector combinators and so on.
      95% of CS is understood if you nail the core fundamentals. The actual commands are easy to apply after.

    • @mengvang396
      @mengvang396 2 ปีที่แล้ว +1

      @@apepisfet3347 fortunately, I realized that, and actually started to learn the fundamentals of css. And as well as moving beyond front end, and move to backend

  • @GreatStackDev
    @GreatStackDev  ปีที่แล้ว

    👉 Make Multi Page complete responsive website: th-cam.com/video/oYRda7UtuhA/w-d-xo.html

  • @nikhilbt3612
    @nikhilbt3612 2 ปีที่แล้ว +20

    as an Indian, I appreciate this greatness.

  • @athlete265
    @athlete265 2 ปีที่แล้ว +3

    i learned the html css and javascript in last two week now by using that i understand it and create same design thanks first i was thinking how to build the website after learning all trio markup and pl then i choose your video and it was good thanks

  • @Pete-da-peter
    @Pete-da-peter ปีที่แล้ว +29

    Instead of watching 10 hrs video on html CSS JavaScript. This is what you need Todo. Practice real project. Love you

    • @zakuguriin4521
      @zakuguriin4521 ปีที่แล้ว +2

      Well I find coding along with these can help solidfy concepts, but I agree that just watching these videos won't do you any good. Just the same as a professor explaining concepts of javascript to you. You really need to go hands on with it.

  • @wasdedgeek7448
    @wasdedgeek7448 3 ปีที่แล้ว +4

    За этих 27 минут я узнал больше чем за все уроки информатики и семестр по html)))

  • @tuanphamvan1802
    @tuanphamvan1802 3 ปีที่แล้ว +1

    Dude, you are the true Indian legend, thanks so much

  • @vinaybharatdw4j
    @vinaybharatdw4j 3 ปีที่แล้ว +16

    nice explaination with practical step by step easy tutorials
    i am starting to have confidence in html and css
    you explain in these videos so nicely i enjoy coding by code with you step by step
    thank you sir for these videos
    wish to see more these type of videos.
    have a good day sir

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว +3

      Glad to hear that

    • @FoxSeba
      @FoxSeba ปีที่แล้ว

      2 years later how’s it going?

  • @netbinge
    @netbinge 3 ปีที่แล้ว +5

    It's good to see that you have upgraded to the best no 1 Editor 🤗🤗

    • @allendavee
      @allendavee 3 ปีที่แล้ว

      I was going to say that. I just switched to VS code recently.

  • @dimentionsforza9370
    @dimentionsforza9370 ปีที่แล้ว +1

    completed this tutorial.. did almost 80 percent of coding of this tutorial by myelf

  • @mgerloff1228
    @mgerloff1228 2 ปีที่แล้ว +1

    practically finished this project following along in real time the amount of time this video is. Well done!

  • @jojuthomas3406
    @jojuthomas3406 3 ปีที่แล้ว +19

    Thank you for this wonderful video. As I said in your previous videos the pace you were talking and onscreen coding was very fast and it was difficult to follow. But this video you were talking and coding at the same time so it was easy to follow the entire video smoothly. Thank you for this approach. God bless you and expect more videos like this

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      Programming By TSH ---- this channel is so good too

  • @hiwayshoes
    @hiwayshoes 3 ปีที่แล้ว +14

    Thank you for sharing your work with us, Easy Tutorials, you are an amazing teacher... Cheers!

    • @andidaffaliefalza
      @andidaffaliefalza 2 ปีที่แล้ว

      hi mam, i've seen you have been following easytutorials for like a year, did you learn alot from this channel ?

  • @Ramenmaster7000
    @Ramenmaster7000 2 ปีที่แล้ว +4

    Thanks for the tutorial! Mine was a little off but I got 90% to yours! Very helpful!

    • @GreatStackDev
      @GreatStackDev  2 ปีที่แล้ว +3

      Glad it helped!

    • @kakkaladeepak632
      @kakkaladeepak632 ปีที่แล้ว +1

      Did u build using this vedio does this vedio best for building websites

  • @ayanchowdhury7303
    @ayanchowdhury7303 2 ปีที่แล้ว +6

    Very helpful in terms of explaining what's going on behind! The tricks & explanations are awesome! Subscribed. Will be watching and learning. Thanks!

  • @Yappsch
    @Yappsch 3 ปีที่แล้ว +11

    As always, amazing sir, Your explanation is so detailed that it's easy to understand!

  • @Zakariyesultan
    @Zakariyesultan 3 ปีที่แล้ว +7

    Thank teacher for this lessons with hundred percent 🙏❤
    You ur the best teacher in the world keep forward 👍

    • @incomepedia1
      @incomepedia1 3 ปีที่แล้ว +2

      Adeer ileen waad ila aragtay Engineer kaan Keep going sxb Hormar wacan

  • @juanmontoyaleon5224
    @juanmontoyaleon5224 3 ปีที่แล้ว +47

    For what would you use that "control" div element?
    I love the effect of the light. 👌👌

    • @kuba4501
      @kuba4501 3 ปีที่แล้ว +2

      probably for how bright the light would be

    • @bharathasalli6129
      @bharathasalli6129 3 ปีที่แล้ว

      th-cam.com/video/-vQLFXpACME/w-d-xo.html
      See in this channel also showed one video about lighting effect

  • @srijithscientia8614
    @srijithscientia8614 ปีที่แล้ว

    Wow thanks for ur efforts, Please upload more like this 🙏❤️

  • @kiambojyms2196
    @kiambojyms2196 2 ปีที่แล้ว +1

    Wow.. those tricks were just wonderful. Thanks.

  • @imadsaddik
    @imadsaddik ปีที่แล้ว +1

    Thank you my friend, I love these kind of tutorials where we get the whole process.

  • @iampreetsony
    @iampreetsony 2 ปีที่แล้ว +1

    A huge thanks from my side , keep it Up 💥💥💥

  • @emily583
    @emily583 3 ปีที่แล้ว +1

    I love your videos! I'm from Brazil 👋

  • @andiburns1213
    @andiburns1213 ปีที่แล้ว

    Wow, really cool Video. I learned so much. 🤩🤩

  • @ДагРаттман
    @ДагРаттман 3 ปีที่แล้ว +20

    Почему у него столько подписчиков это можно было написать на много лучше и компактней, я в шоке. И даже была бы какая не какая адаптива)

    • @jokerovich
      @jokerovich 3 ปีที่แล้ว +4

      Да это индусы. Накрутили сначала говнокод, а потом и подписчиков. Это же обычный toggle!

    • @hardcodd
      @hardcodd 3 ปีที่แล้ว

      За-то разговаривает смешно =)

  • @mrmemes5
    @mrmemes5 3 ปีที่แล้ว +2

    I love your great work and I made it without any errors...thank you so much 😘😘😘✌️

  • @Lord_pain-99
    @Lord_pain-99 3 ปีที่แล้ว +1

    Your vedio is very amazing and honestly Very helpful 💝😍😍😍💝💝

  • @laerciomassapa7118
    @laerciomassapa7118 3 ปีที่แล้ว +6

    As always, Nice tutorial, thanks for everything.

  • @CharlesSmall
    @CharlesSmall 3 ปีที่แล้ว

    I learn everyday from you. you is very great.

  • @alidrive0012
    @alidrive0012 3 ปีที่แล้ว +1

    You have very unique way of teaching great work thanks.

  • @redlamaravind104
    @redlamaravind104 2 ปีที่แล้ว +1

    great tutorial
    it will just revise html css js
    cool!

  • @IbrohimbekRustambekov
    @IbrohimbekRustambekov 2 ปีที่แล้ว

    You are the best!

  • @niteshkumarsingh9421
    @niteshkumarsingh9421 3 ปีที่แล้ว +5

    Nice Work
    Can you please make a tutorial on making a school website.

  • @badhonbiswas3751
    @badhonbiswas3751 3 ปีที่แล้ว +2

    Some vanilla javascript video
    It will be good

  • @shohineeghosh4197
    @shohineeghosh4197 2 ปีที่แล้ว

    thank you sir🌹🥀it is very helpful for me

  • @pratikdeore7427
    @pratikdeore7427 3 ปีที่แล้ว

    i am subscribing this channel

  • @himanshumishra2431
    @himanshumishra2431 3 ปีที่แล้ว +3

    As the Channel name suggests, so are the Videos explained in an easy manner to understand. Request please upload a video on "Speedup writing codes with keyboard shortcuts"in Visual Studo Code.

  • @JD-eb5qu
    @JD-eb5qu 2 ปีที่แล้ว

    very clear explain thanks a lot sir😍

  • @iamhtmldeveloper
    @iamhtmldeveloper 2 ปีที่แล้ว

    Thanks for sharing with us... Thanks a lot

  • @freewishkym4465
    @freewishkym4465 2 ปีที่แล้ว

    Awesome👍👏😊

  • @rakesh59
    @rakesh59 ปีที่แล้ว

    I enjoyed watching this.

  • @UniqueDrawing2Color
    @UniqueDrawing2Color 2 ปีที่แล้ว

    Very easy to understand thanks you so mush

    • @GreatStackDev
      @GreatStackDev  2 ปีที่แล้ว

      Glad you like this web design tutorial

  • @misterant610
    @misterant610 ปีที่แล้ว

    Your explanation is very impressive❤

  • @kumkumsharma6825
    @kumkumsharma6825 3 ปีที่แล้ว

    Best teacher on youtube

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      Programming By TSH ---- this channel is so good too

    • @kumkumsharma6825
      @kumkumsharma6825 3 ปีที่แล้ว +1

      Every teacher ( PROGRAMMER ) is best

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว +2

      @@kumkumsharma6825 yes

  • @CallMeRafiUddin
    @CallMeRafiUddin 2 ปีที่แล้ว +1

    Thank you Guru g.

  • @ThinhLe-ih6uk
    @ThinhLe-ih6uk 3 ปีที่แล้ว

    Many thanks for your sharing

  • @CoderBoy2004
    @CoderBoy2004 2 ปีที่แล้ว +1

    I like your design ❤️
    Plz provide subtitles also 💯

  • @hartikarahayu6657
    @hartikarahayu6657 2 ปีที่แล้ว

    Thank you so much for step by step tutorialsss!!

  • @gustacaru
    @gustacaru 3 ปีที่แล้ว

    Thank u so much from Brazil!

  • @hotnspicebyemti
    @hotnspicebyemti 3 ปีที่แล้ว

    enjoyed making this sooo much..

  • @rabiulawal4226
    @rabiulawal4226 3 ปีที่แล้ว +1

    that was awesome one. ♥️.it was very helpful tutorial ♥️.thanks a lot ♥️

  • @sonammalviya8536
    @sonammalviya8536 3 ปีที่แล้ว

    Best teaching skills

  • @tylerkietzer9306
    @tylerkietzer9306 2 ปีที่แล้ว +6

    Awesome video! I was curious if you could tell me how to make the light flicker in a perpetual motion rather than being steady? I have really enjoyed many of your videos, keep up the great work!

  • @abhilashLeader_07
    @abhilashLeader_07 3 ปีที่แล้ว

    Plzz bring many videos like this plzz and the video was very nice......

  • @skywalkerrr2
    @skywalkerrr2 2 ปีที่แล้ว

    ok this was a really good tutorial ty so much bro

  • @sadiqpoladli5619
    @sadiqpoladli5619 ปีที่แล้ว

    amazing bro lets going

  • @AnonymousBanda707
    @AnonymousBanda707 3 ปีที่แล้ว +1

    sir, you make awesome videos. I really love watching those. And they helped me a lot. Sir, I have one suggestion. You have more than 100k subscribers, you can apply for verification on TH-cam. Then more people will watch your videos!
    Thank You sir for your help

  • @Touhid54
    @Touhid54 3 ปีที่แล้ว

    Very helpful teaching

  • @padeshahoffical6587
    @padeshahoffical6587 3 ปีที่แล้ว +1

    Respect from Iran

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      Programming By TSH ---- this channel is so good too

  • @kunjantrivedi9259
    @kunjantrivedi9259 3 ปีที่แล้ว +1

    Thank you for giving us some amazing videos for free.

  • @fazlaynur4509
    @fazlaynur4509 2 ปีที่แล้ว

    Thanks for this great tutorial

  • @mrdashbix4383
    @mrdashbix4383 3 ปีที่แล้ว

    I love the effect of the light.

  • @krishnajikulkarni8775
    @krishnajikulkarni8775 3 ปีที่แล้ว

    Best video and explaination plz add videos of making website using Reactjs plz

  • @codewithkaran8860
    @codewithkaran8860 2 ปีที่แล้ว

    Great video sir 😃 I learn a lot

  • @8888jeferson
    @8888jeferson 3 ปีที่แล้ว +3

    Excelent!! Love this effect and tutorial. Thank you so much!!

  • @shovkatjon_0914
    @shovkatjon_0914 3 ปีที่แล้ว +1

    Man you are awesome! Really appreciate all the job you are doing!

  • @azaalnaimi6536
    @azaalnaimi6536 3 ปีที่แล้ว +1

    Useful Content.. Thank you very much 😊🌼

  • @jaisonmathew8449
    @jaisonmathew8449 3 ปีที่แล้ว +1

    Thank you Very much, bro. Simple and easy to understand

  • @mehmetkarakas130
    @mehmetkarakas130 2 ปีที่แล้ว

    thank you very much. Nice and educational video

  • @raymondperalta3786
    @raymondperalta3786 2 ปีที่แล้ว

    Youre a legend bro thanks as always ❤️

  • @charlesworrill9192
    @charlesworrill9192 2 ปีที่แล้ว +2

    Thank you, loved your creativity on this assignment. Where did you find the light please? Very hard to find.

  • @uzzalroy2320
    @uzzalroy2320 3 ปีที่แล้ว

    Thank You Sir for your wonderful tutorial..

  • @aliasheikh8831
    @aliasheikh8831 3 ปีที่แล้ว +1

    I am new to your channel this video came as recommendation to me i watched and became fan... The way you explain its amazing thank you i found it so much interesting that i am trying to recreate thanks a lot...#subscribed💫

  • @epicBeatsforYou
    @epicBeatsforYou 3 ปีที่แล้ว

    superb bro best content keep going i love that

  • @becomedeveloper4853
    @becomedeveloper4853 2 ปีที่แล้ว

    Thank for your turtorial

  • @tanmaythaker2905
    @tanmaythaker2905 3 ปีที่แล้ว +5

    CSS File:
    *{
    margin: 0;
    padding: 0;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-family: 'Merriweather', serif;
    box-sizing: border-box;
    }
    .hero
    {
    background: #1d2026;
    min-height: 100vh;
    width:100%;
    color: #fff;
    position: relative;
    }
    nav{
    display: flex;
    align-items: center;
    padding: 20px 8%;
    font-size: 18px;
    }
    nav .menu-img{
    width: 25px;
    margin-right: 20px;
    cursor: pointer;
    }
    nav .logo{
    width: 160px;
    cursor: pointer;
    }
    nav ul{
    flex:1;
    text-align: right;
    }
    nav ul li:hover{
    background-color: #00986f;
    }
    nav ul li{
    display: inline-block;
    list-style: none;
    margin: 0 20px;
    }
    nav ul li a{
    text-decoration: none;
    color: #fff;;
    }
    button{
    background:#efefef;
    height: 30px;
    width: 60px;
    border-radius: 15px;
    padding: 2px;;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: background 0.5s;
    margin-left: 30px;
    }
    button span{
    display: block;
    background: #999;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    margin-left: 2px;
    transition: background 0.5s, margin-left 0.5s;
    }
    .lamp-container{
    position: absolute;
    top:-20px;
    left:22%;
    width: 200px;;
    }
    .lamp{
    width:100%;
    }
    .light{
    position: absolute;
    top: 97%;
    left:50%;
    transform: translateX(-50%);
    width: 700px;
    margin-left: -10px;
    opacity: 0;
    transition: opacity 0.5s;
    }
    .text-container{
    max-width: 500px;
    margin-top: 7%;
    margin-left:50%;
    }
    .text-container h1{
    margin-top: 30px;
    font-size: 80px;
    font-weight: 400;
    }
    p{
    margin-top: 30px;
    }
    .text-container a{
    text-decoration: none;
    margin-top: 30px;
    background: #00986f;
    padding: 14px 40px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    border-radius: 30px;
    }
    .control{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 150px;
    }
    .control .line{
    width:250px;
    height: 4px;
    background: #fff;
    margin:0 20px;
    border-radius: 2px;
    }
    .control .line span{
    width: 50%;
    height: 8px;
    margin-top: -2px;
    border-radius: 4px;
    background: #00986f;
    display: block;
    }
    .active{
    background: green;
    }
    .active span{
    background: #fff;
    margin-left: 30px;

    }
    .on{
    opacity: 1;
    }

    • @shubhamthaker9380
      @shubhamthaker9380 2 ปีที่แล้ว

      bhai pura html aur java ka bhi code hai kya aapke pas

    • @shubhamthaker9380
      @shubhamthaker9380 2 ปีที่แล้ว

      please clg project ke liye chaiye

  • @darpananeja4751
    @darpananeja4751 3 ปีที่แล้ว +1

    Beautiful. Very informative

  • @mandankoding
    @mandankoding 3 ปีที่แล้ว

    very cool and inspiring tutorial

  • @janidudealwis
    @janidudealwis 3 ปีที่แล้ว +3

    As always, Incredible!. Thank You sir,

  • @tosdeng.168
    @tosdeng.168 3 ปีที่แล้ว

    Very good teaching.

  • @maxwelkaiser9339
    @maxwelkaiser9339 7 หลายเดือนก่อน +1

    Great stuff dude

    • @GreatStackDev
      @GreatStackDev  7 หลายเดือนก่อน

      Glad you enjoyed it. Thanks for your comment. 😊

  • @ibadullahdongel1320
    @ibadullahdongel1320 3 ปีที่แล้ว

    Thanks for the video..

  • @DspycesRecords
    @DspycesRecords 3 ปีที่แล้ว

    Easy Tutorials thank you 👍for this amazing video!

  • @shtolnya
    @shtolnya 2 ปีที่แล้ว

    thanks for awesome tutorial man

  • @pratikdeore7427
    @pratikdeore7427 3 ปีที่แล้ว

    i loved the video very much thank u

  • @velgrab7084
    @velgrab7084 3 ปีที่แล้ว

    You are so great! Thanks you

  • @sdrubel6475
    @sdrubel6475 3 ปีที่แล้ว

    Love from Bangladesh vai

  • @q8shades
    @q8shades 3 ปีที่แล้ว

    Perfect bro, great job

  • @iendup1488
    @iendup1488 3 ปีที่แล้ว

    This project is to great 👌

  • @soumenghosh3242
    @soumenghosh3242 2 ปีที่แล้ว

    Wonderful explanation....

  • @ayanthahorajaphathi1739
    @ayanthahorajaphathi1739 ปีที่แล้ว

    Superb

  • @oguzozdemir8886
    @oguzozdemir8886 2 ปีที่แล้ว

    Thanks a lot...

  • @cloudstrike4447
    @cloudstrike4447 3 ปีที่แล้ว

    Awesome tutorial

  • @lukekoletsios3236
    @lukekoletsios3236 ปีที่แล้ว +1

    Cool video, thanks.

  • @man_dem
    @man_dem 3 ปีที่แล้ว

    Great video ❤️🔥

  • @AyushKumar-vp1fl
    @AyushKumar-vp1fl 3 ปีที่แล้ว +1

    Amazing🔥🔥🔥

  • @webdeveloperanddesigner2076
    @webdeveloperanddesigner2076 3 ปีที่แล้ว

    Thank you for your efforts sir

  • @ygblffknfrrsVnlmvchnvkkgcc
    @ygblffknfrrsVnlmvchnvkkgcc 3 ปีที่แล้ว

    Great video Tutorial!! best tutorial ever!!

  • @pichmongkol168
    @pichmongkol168 3 ปีที่แล้ว

    Your explanation is so good. Thank you.

  • @DonDiegoShinguetas
    @DonDiegoShinguetas 3 ปีที่แล้ว +3

    Thank you for this amazing tutorials!