Cara Membuat Navbar Responsive - HTML CSS JS

Поділитися
Вставка
  • Опубліковано 6 лют 2025
  • Halo teman-teman semua, semoga video ini membantu buat yang lagi belajar CSS HTML dan Javascript. Ini masih cara sederhana ya, kedepannya kita akan belajar cara yang lebih canggih lagi!!!
    Buat yang mau source code nya bisa ke link ini :
    github.com/ars...
    Silahkan share ke teman-teman yang lain agar lebih banyak yang terbantu. Jika tidak ingin ketinggalan video tutorial berikutnya, jangan lupa SUBSCRIBE yaa, nyalakan loncengnya!.
    Follow saya di sosial media :
    Instagram : / arsadi.dev
    LinkedIn : / arsadi
    Tiktok : / uicodes
    Discord : / discord
    Sampai ketemu di video-video berikutnya!

КОМЕНТАРІ • 94

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

    mantepp mudah dimengerti,pertama gw nntn di chnnel pak sandhika galih,masi ada beberapa detail yang belum dijelaskan,dan saat gw nonton ini beberapa detail yg blm dijlskan tsb ada disini.mantep bgg semangat terusss

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

    cara menjelaskan mudah dipahami banget, good job.

  • @dimas_yogga560
    @dimas_yogga560 3 місяці тому

    Enak banget Pembawaannya, jelas dan detail sekali🔥 mantap bang🔥

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

    Calon channel gede!! thanks bg ilmunya mudah bgt dipahami

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

    gampang bener jir ngikutinnya, gw dulu mikir kok susah banget bikin navbar hamburger sekarang baru kepikiran begini doang wkwk

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

    busett mas ini sih cepet bgtt gw ngertinyaa, auto subrekk..

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

    sangat membantu sekali bang, mudah di pahami tutor nya

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

    Asli keren penjelasannya bisa senyaman ini gue belajarnya

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

    Sip bang keren,ilmu mahal ni

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

    makasih bang ilmunya, udah aku subrek

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

    Trimakasih kak. Smoga ilmunya berkah.

  • @Haihay_
    @Haihay_ 3 місяці тому

    Akhirnya ketemu caranya
    Makasih bang 😭👍

  • @wildaannn
    @wildaannn 5 місяців тому

    semangat terus banggg aku suka videonya

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

    bang aku dah suscribe semangat bg uploadnya

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

    Pertama min ❤
    Semangat buat kontennya, tutorialnya mantab 👍

  • @omahbelajar3165
    @omahbelajar3165 8 місяців тому

    izin belajar n dowload code kang. n tak saubcribe josss .

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

    bang, saya suka cara pengajaran nya ... santai tapi mengena... minta tutorial navbar samping dong...pas diclick menu, tampilan nya keluar secara smooth, misal product, keluar tampilan product... misal about us keluar tampilan about us..

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

    mantap bang

  • @GabrielWibisanaa
    @GabrielWibisanaa 4 місяці тому +1

    Kak logo icon nya setelah di hidden kok ikutan ilang bareng tulisan di sebelahlirinya ya kak? Cara munculinnya gimana?

  • @AkunMlbb-wl5sr
    @AkunMlbb-wl5sr 7 місяців тому

    bg upload video tutorial seputar html, css & js lagi dong bg saya udah subscribe loo. semngt bg🤩🤩

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

    Ini yang gua cari2😅 , klo pke boostrap malah jdi manja tinggal copas modip copas modip

    • @kelas-frontend
      @kelas-frontend  Рік тому

      nah iya😂, kalau tau cara buat manual lebih bagu🙌

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

    Njir jago banget kasih tips dong buat belajar html dan css

    • @kelas-frontend
      @kelas-frontend  Рік тому +1

      banyak banyak nonton tutorial dan dipraktekin aja😂

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

    Kak, terimakasih untuk tutorialnya.
    Penjelasannya mudah dipahami.
    Tapi mau tanya kak, biar icon list nya berubah jadi icon "X" pas menunya muncul gimana ya?

    • @kelas-frontend
      @kelas-frontend  Рік тому

      sama sama🙌, bisa di hidden di icon nya trus tampilin icon x nya, sama seperti yang meny

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

      @@kelas-frontend oh ya, terimakasih kak

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

    Bang shortcuts lorem ipsum biar rapih ke bawah kayak dimenit 15:58 itu pencet apa

    • @kelas-frontend
      @kelas-frontend  Рік тому +1

      kalau pakai extension prettier, harusnya otomatis. tapi bisa juga dengan tekan alt+z

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

      @@kelas-frontend oke terimakasih bang

    • @vernon5608
      @vernon5608 5 місяців тому

      Cara tampil content di home gimana

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

    kak, buat juga klo misalkan di menu nya itu ada pilihan lagi gimna. misal dari menu kontak : 1. pendafataran 2. manajemen 3. dll.. sama klo kita punya format html nya lebih dari 1 gimna cara manggil di css.. apakah cukup 1? dan cara navbar nya tetep ada ketika kita buat d format html lain gimna?

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

    Izin bertanya bg, pas saya ngetik position : fixed di nav nya sprti yg abang buat, kenapa di syaa iconnya jadi ngilang ya?

    • @kelas-frontend
      @kelas-frontend  6 місяців тому +1

      @@naufalzamzanimukin943 mungkin induknya belum relative

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

    lanjutt coba tambahin slider otomatis dong kak 🙏

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

    bang mau nanya, si nav kalo cursor kebawah kan hilang ya.. ketika pakai position fixed kok malah jadi nutup ya .. engga seperti yang tutorial abang bikin.. dia malah pindah kebawah... solusi nya gimana di css nyaa

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

    Kok saya pas masukin class hoddin terus mau display none ga respon ya bang

    • @kelas-frontend
      @kelas-frontend  6 місяців тому

      @@kisima77 typo mungkin classnya

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

      @@kelas-frontend saya udah cek ga ada yang beda saya ikut salinan di github tetep aja sama

  • @My_Story.By-Heart
    @My_Story.By-Heart Рік тому

    Bang, tolong dong jelasin cara nya buat layout 3 kolom.

  • @ogVinni
    @ogVinni 3 місяці тому

    i love indonesian peolpole
    👍

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

    Bang punya saya logo gambarnya gak muncul yah ..

    • @kelas-frontend
      @kelas-frontend  Рік тому

      Itu salah pemanggilan di src img nya. coba di cek lagi apakah sudah benar

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

    Bang tolong di jawab,
    Kok media query saya tidak berfungsi ya padahal saya sudh ikut sama persis sama di vidio bang mohon solusinya 🙏🙏

    • @kelas-frontend
      @kelas-frontend  Рік тому

      join discord aja, biar bisa ku liat code nya gimna

  • @MotivasiStudio-le8ed
    @MotivasiStudio-le8ed 11 місяців тому

    Bang buat playlist front end dong, penjelasan nya gampang d mengerti sbner nya tapi kok ga ada playlist html, CSS, javascript, bootsrap ,Talwin dsb nya.. coba bang buatin ya.😢😢😢

    • @kelas-frontend
      @kelas-frontend  11 місяців тому

      okee ditunggu ya, lagi banyak banget kerjaan🔥🙌

  • @dikaa07.__
    @dikaa07.__ Рік тому

    Bang bisa bikinin tutorial isi menu menu navbar nya gk. Misal kita pencet contact dia bakalan ke menu contact

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

    Udah ngikutin tapi tetep bang kagak berubah Gatau apanya Jing pusing gua prustasi

  • @KauBilis
    @KauBilis 9 місяців тому

    link phosphoricons gabisa dibuka bg

  • @Jab90s
    @Jab90s 8 місяців тому

    Kenapa pas di hosting javascript nya enggak aktif bg?

    • @kelas-frontend
      @kelas-frontend  8 місяців тому

      coba perbaiki src script nya di html. tambahin / di awalnya

    • @Jab90s
      @Jab90s 8 місяців тому

      @@kelas-frontend dua // kayak gitu kah bg?

    • @kelas-frontend
      @kelas-frontend  8 місяців тому

      @@Jab90s satu aja

    • @Jab90s
      @Jab90s 8 місяців тому

      @@kelas-frontend udah bg tapi tetap enggak bisa berfungsi ketika di hosting

    • @kelas-frontend
      @kelas-frontend  8 місяців тому

      @@Jab90s coba di Web nya yang udah di hosting klik kanan, Pilih "view Page source", trus cari tag scriptnya. trus coba klik tuh link src nya bisa gak

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

    ini yang di codingstudio bukan sih?

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

    Kalau pakai z index gimana bang?🤔

    • @kelas-frontend
      @kelas-frontend  Рік тому

      buat dia mengambang diatas gitu ya? bisa juga sih

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

      @@kelas-frontend ok terimakasih

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

    Bang, ini terusan yang navbar HTML CSS bukan

  • @FransiskusTonyyulyanto
    @FransiskusTonyyulyanto 8 місяців тому

    js kok ga jadi ya kak?

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

    Min boleh minta file jsnya?

    • @kelas-frontend
      @kelas-frontend  Рік тому +1

      itu linknya ada di deskripsi ya😅

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

      ​@@kelas-frontend kok gw error ya bang pas bagian js nya padahal dah sama

    • @kelas-frontend
      @kelas-frontend  Рік тому

      @@naomiplayon join discord aja ya, link nya di deskripsi juga. biar diskusi di discord

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

      @@kelas-frontend udah aman bang ternyata ada yang salah di htmlnya ty bang, mohon kelanjutannya bang🗿