NGOBAR #23 - Membuat RESPONSIVE NAVBAR menggunakan FLEXBOX (HTML, CSS & Javascript)

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

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

  • @sangpembelajar3488
    @sangpembelajar3488 4 ปีที่แล้ว +79

    KEREN SIH CHANNEL WPU, SATU2NYA CHANNEL YG NGAJARIN NGODING DARI KONSRP DAN TEORI, ASLI KERENN BGT, JADI KALO NEMU MASALAH KAGA RIBET NYARINYA SOALNYA "MENGERTI" DAN "PAHAM" diajarin soalnya bukan cuma ngoding doang, KEREN BGT INIII😁😁

  • @shofiamrulloh8368
    @shofiamrulloh8368 4 ปีที่แล้ว +30

    Chanel bermanfaat seperti ini seharusnya bisa tembus lebih dari 1jt subscriber, terimakasih ilmunya bang, sehat selalu ✌️

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

    makasih banget kang, saya yg belajar pemrograman dari nol banget bener-bener kebantu belajar di channel ini, penyampaian materinya jelas banget dan bener-bener detail. sekali lagi terima kasih banyak kang, mudah-mudahan sehat selalu dan video berbagi ilmunya ini jadi ladang pahala.. Aamiin

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

    terharu pak saia nontonnya, cara bapak ngejelasin materinya bener bener gak ada tanding. saia doakan semoga bapak sehat selalu. aamiin ya rab

  • @zakkanativana1459
    @zakkanativana1459 4 ปีที่แล้ว +22

    Channel yang memiliki manfaat untuk mencetak generasi bangsa berpikiran maju ~ Sukses terus buat pak dika , sehat selalu.

  • @daydreamer5074
    @daydreamer5074 4 ปีที่แล้ว +29

    Wah keren ! Terimakasih untuk ilmunya Pak Dika. Saran saya, untuk nyembunyiin navbarnya atur ( right: -100% ) dan untuk munculin navbarnya lagi ( right: 0) , jadi gk usah pakai translateX supaya nanti waktu browsernya diperkecil navbarnya gk mucul2 kayak dibagian ini 40:31.

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

    Timestamp responsive with flexbox
    00:00 bikin navbar
    16:30 bikin 3 break point biar navbarnya responsive
    34:25 cara munculin menunya kesamping
    40:50 bikin script JS dikit aja
    kalo ada yg mau nambahin silakan

  • @danangwahyu4825
    @danangwahyu4825 4 ปีที่แล้ว +53

    YaAllah, semoga danang bisa jadi dosen seperti pak sandika galih aamiin

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

      Semangat latihan kawan

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

      ayo danang sekarang sudah bisa apa? sudah 10 bulan. biar jadi motivasi kita2 wkwkw

    • @shenn.1624
      @shenn.1624 4 หลายเดือนก่อน

      ayo mas, sudah jadi dosen kah?? sudah 4 tahun yang lalu ini wkwkw

    • @Zaenrl
      @Zaenrl 4 หลายเดือนก่อน

      Sudah jadi rektor bang?

  • @MuhammadAli-co7ux
    @MuhammadAli-co7ux 3 ปีที่แล้ว +7

    banyak banget ilmu ilmu baru yang gw dapet di chanel ini.
    dan menurut gw, semua materi yang disampaikan jelas banget, jadi mudah dimengerti.
    semoga makin banyak dosen yang seperti pak sandhika.
    makasih pak. sehat selalu.

  • @hangaming_
    @hangaming_ 8 วันที่ผ่านมา

    Alhamdulillah sekian banyak nya tutorial, pak dika paling the best, 1minggu belajar sudah paham, terimakasih banyak ilmunya pak. semoga allah membalas kebaikan bapak🙏 dan semoga bapak bisa hadir nanti dikota serang banten jika ada event seminar dll

  • @NgodingPintar
    @NgodingPintar 4 ปีที่แล้ว +13

    Wah, menarik ini. Terima kasih pak dhika. Semoga kita semua sehat dan sukses selalu. Aamiinn.

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

    Makasih pak, akhirnya saya bisa buat navbar yang bagus dan responsive,dulu saya selalu mengalami masalah dibagian hamburger nav nya, tetapi setelah melihat vidio ini saya bisa mengetahui cara yang benar, semoga Ilmunya bermanfaat dan bapak sehat selalu 👍😁

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

    Selamat siang bapak. Terimakasih kasih ilmuannya. Berkat bapak saya sekarang sudah mampu membuat web sendiri. Semoga ilmu yg bapak berikan dapat berkah dan saya dapat bapak anggap sebagai murid. Terimakasih

  • @BayuTutor-TI
    @BayuTutor-TI 4 ปีที่แล้ว

    *setiap kali saya belajar pemprogramman pasti saya selalu mampir ke channel ini, makasih ka atas ilmu nya. Bagi temen-temen yang berkenan memberikan feed back nya saya tunggu hihi*

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

    Sangat membantu yang mau belajar programming. Pak Shandika harusnya jadi staf ahli Presiden nhe. Orang pintar banyak. Tapi yang pandai mengajar dari mana dan metode yg dipakai, sangat sdikit. Semoga channel slalu sukses Pak.

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

      betull. Ngajarin orang memang susah, butuh skill komunikasi tersendiri. Makanya pak dhika bisa jadi dosen wkkw

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

    terimakasih bang, saya tidak memiliki minat sedikitpun dalam hal per kodingan tapi saya bener2 mulai dari awal dan belajar dari abang. Terimakasih atas bantuannya bang.

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

    Aku lagi belajar html css, disini dpt java script kaget sih! ga ngerti ajaran dari dosen tapi belajar disini ngerti! makasih pak!

  • @a-mchannel6792
    @a-mchannel6792 4 ปีที่แล้ว +1

    Selama kuliah ga pernah nemu dosen ngajarin spt ini. Hmm kali ini lbh phm . Pst bangga mhsswany d ajarin bpk 😁

  • @kolamhadiah6437
    @kolamhadiah6437 4 ปีที่แล้ว +6

    KONTEN IS THE BEST !!!
    manjur ilmu nya bang terima kasih :)

  • @Arwina-qs7iw
    @Arwina-qs7iw 2 หลายเดือนก่อน

    terima kasih pak.. dari yang tidak paham html & css kini bertahap mulai paham

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

    Terima kasih pak dhika, dari FlexBOX ke GRID semua belajarnya disini
    semangat trus ngontent nya pak DOSEN

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

    mantap, akhirnya selesai juga nih nonton-nya, ga terasa sudah selesai aja saya ikutin tutorialnya , padahal durasinya 1 jam. Benar benar ok tutorialnya

  • @Unknown-hl1jd
    @Unknown-hl1jd 2 ปีที่แล้ว

    Alhamdulillah punya saya berhasil tidak ada masalah sama sekali, Terimakasih pak dika ilmunya sangat bermanfaat.

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

    Wah ini yg saya tggu2. Selama gk tau cara buat responsive navbar sendiri, selalu pake punya bootstrap 😁.

    • @SigitWahyudi
      @SigitWahyudi 4 ปีที่แล้ว

      Tul

    • @ibnuhidayat3286
      @ibnuhidayat3286 4 ปีที่แล้ว

      Nanya bang.. punya ente work ga itu @media 576px masuk toggle device di mode developer?
      Punya ane kok ga masuk² iya 😬

    • @ElwinMusadi
      @ElwinMusadi 4 ปีที่แล้ว

      @@ibnuhidayat3286 work kok.

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

      @@ibnuhidayat3286 sama bang ane jg gak work makanya ane minta script nya pen bandingin beda nya ma script ane

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

    Entah knapa selalu suka dengan cara Pak Dhika dalam menjelaskan materi, terimakasih Pak saya dapat ilmu lagi hari ini 🤩

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

      iy setuju, easy listening gitu trus jdi mudah dipahami gitu maksudnya

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

    Terima kasih pak dika, saya bisa terbantu menyelesaikan submission course.

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

    Wah....Detail banget, Terima Kasih Ilmunya Bang, Baru belajar, awalnya bingung, tapi skrg sdh agak ngerti

  • @harufan
    @harufan 4 ปีที่แล้ว

    Penyampaian nya enak bgt. G memusingkan apalagi sy yang baru memulai html css dan js. Terimakasih kang. Ditunggu posting2an lainnya (khususnya yg dasar2 heee)

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

    Di video navbar ini banyak yang aku ngerti dri video" sebelum nya... Thanks Pak Shandika👍

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

    alhamdulillah, terima kasih pak dhika. semoga sehat2 terus ya pak. biar bisa ngasih ilmu yang bermanfaat ke kita2 semua 😁💪

  • @hiszbulbahri6226
    @hiszbulbahri6226 4 ปีที่แล้ว

    Nonton videonya saya sampe tidur melek tidur melek.. ga kebayang biar bisa skillnya kaya bang dhika perjuangan belajarnya seperti apa :)

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

    saya biasanya ngakalin menu toggle pake tabel for sama html entity yg kontennya diisi dengan ini ☰ .
    Makasih buat penjelasan flexbox nya pa, sangat bermanfaat , Sukses selalu .

    • @arifintajul4
      @arifintajul4 4 ปีที่แล้ว

      kalau di copas ke google, hamburger menu juga ternyata hhe

    • @lonerunner3733
      @lonerunner3733 4 ปีที่แล้ว

      label for kali ya? bukan table for . emang dengan label for kita ga usah resize & geser-geser checkbox-nya. karena di manapun letak checkboxnya kalo labelnya diklik checkboxnya ikut ke-klik. checkboxnya tinggal di-display none aja spy ga keliatan.

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

    Aseli keren banget ❤️
    Cara menyampaikan jelas, lugas, dan mudah di mengerti
    Semoga sehat selalu bang,-
    Aamiin

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

    untuk yg .menu-togglespan:nth-child(4) transform-originnya bisa diganti "bottom left" dan yg .menu-toggle span:nth-child(2) bisa diganti "top left"

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

    semoga channel wpu bisa segera nembus 1 jt an,karna sudah follow dari tahun 2016

  • @Programmer_noob.
    @Programmer_noob. 6 หลายเดือนก่อน

    Makasih banyak bang ilmu nya.. sangat² bermanfaat buat kita yg masih pemula

  • @messichannel8348
    @messichannel8348 4 ปีที่แล้ว

    Penjelasannya sangat bermutu, saya mendapatkan ilmu dari Channel ini.

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

    29:54 ngerubah titik sumbu transform, keren kang, kira kira klo dibikin muter dulu 1 kali atau 2 kali jd kaya apa ya transisinya 😁

    • @zafransyatirariqo508
      @zafransyatirariqo508 4 ปีที่แล้ว

      Gw jd ngebayangin bang bakal kaya gimana 😄😄 , boleh dicoba tuh

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

    Sebelumnya saya juga sudah liat videonya dev ed, tapi bikin action click burger menunya pake javascript, thanks pak udah pake css, jadi makin keasah ilmu "ngakalinnya" hehe

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

    ilmu yg bermanfaat kang, semoga berkah dan terus maju

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

    Ini nih saya suka, teknik menyusahkan diri sendiri wkwkw, mantul pak 😁 22:58

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

    Terimakasih pak tutorialnya. Semoga pak sandhika sehat selalu. Aamiin 🙏

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

    Ini nih channel favourite aku, semangat terus bikin video pak dosen 😊

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

    channel ini layak diatas 2 jt subscriber!

  • @Aniiyuiy
    @Aniiyuiy 6 หลายเดือนก่อน

    guru terbaik dalem program otodidak saya yaitu Pak Sandhika galih

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

    Your tutorials are appreciated. You explain everytNice tutorialng so simply and show the fundantals of producing. Many people and myself thank

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

    Pak Shandika, dosen terbaik🌻😊panjang umur sehat selalu pak

  • @KarimAmrullah029
    @KarimAmrullah029 4 ปีที่แล้ว

    mantap pak dika, penjelasn materi kali ini, sehat selalu pak dika dan team wp unpas.

  • @naftaragaassestu5260
    @naftaragaassestu5260 4 ปีที่แล้ว

    Keren pak dika, semangat terus buat videonya, kami selalu mendukung

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

    Solusinya kalau gak pakai javascrip input checkboxnya diletakan sebelum ul. Jadi ul nya bisa di akses ketika di cheklis

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

    keren ya temen2? dalam hati jawab "banget pak" makasi ilmunya

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

    Mudah2an mas sandika tidak pernah berfikir untuk berhenti ngontent 🙏 ilmunya bermanfaat

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

    Meskipun aku kurang paham tapi aku nonton sampai akhir supaya nanti klu aku belajar basic ada bayangan

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

    Keren mas... mudah2n cepat hafal semua coding pemograman... kasih tipsnya mas...😁 otak cepat error kalau masalah coding...🤭🤭

    • @arifintajul4
      @arifintajul4 4 ปีที่แล้ว

      jangan dihafal, yang penting dipahami hhe

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

    Terima kasih ilmunya Pak! Sangat bermanfaat, sehat selalu Bapak!

  • @FauzanAdzim
    @FauzanAdzim 4 ปีที่แล้ว

    Sehat terus pak sandi, saya senang dg Vidio bapak sangat jelas dan gampang dipraktekkan walaupun saya bukan anak kuliahan. Makasih pak

  • @solehbepe1440
    @solehbepe1440 4 ปีที่แล้ว

    emang the pak dika sukses selalu , selau stay toon di channel ini

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

    Alhamdulillah . Sehat selalu Pak Dika

  • @edarnimakmur
    @edarnimakmur 4 ปีที่แล้ว

    Makasih bang web programming Unpas tutorialnya bermanfaat sekali.Boleh di coba ni.

  • @oktarioprajnawegiantoro3296
    @oktarioprajnawegiantoro3296 4 ปีที่แล้ว

    makasih pak sandhika galih , sudah memberikan ilmu gratis
    "sekarang, ngapain?"

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

    Gw suka sama ni channel ngajarin teori" yg menarik ga jenuh ngeliatnya:v

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

    Mantap,.. jadi tambah semangat untuk belajar nya

  • @akhmadinhipobizz3
    @akhmadinhipobizz3 4 ปีที่แล้ว

    Thank You jadi inspirasi buat Toggle Slide dengan versi yang bebeda .. Suskses selalau.. Salam Developer Indonesia

  • @iisss1489
    @iisss1489 4 ปีที่แล้ว

    Ass.. jadi semangat belajar sambil kerja dr rumah ada aja inovasi pk Dosen ni,, terimakasih banyak pk dhikaaa,,

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

    bang baru subscribe makasih ilmunya bang smoga tidak putus chanel ini amin

  • @davidandriyan6727
    @davidandriyan6727 4 ปีที่แล้ว

    Ijin belajar bang...semoga barokah ilmu yg dibagikan.

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

    alhamdulillah baik pak,
    terimakasih sudah tanya kabar saya pak, ^_^

  • @it.consultan4132
    @it.consultan4132 ปีที่แล้ว

    Terima Kasih Mas Sandhika Galih👍

  • @AdityaRA6
    @AdityaRA6 4 ปีที่แล้ว

    Makasih, bermanfaat bagi saya, semoga selalu diberi kesehatan.

  • @farhan_2467
    @farhan_2467 4 ปีที่แล้ว

    thanks videonya pak Dhika. ditunggu playlist css responsive ...

  • @febbyferdiansyah172
    @febbyferdiansyah172 4 ปีที่แล้ว

    Ilmu semua klo nonton di channel ini 🤩

  • @classicimplements1106
    @classicimplements1106 4 ปีที่แล้ว

    Gua bingung sama penggunaan flex, asli. Tapi dari channel ini tiba" paham banget sama konsep flex HAHAHA. Thx u bang sandhika (y)

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

    Sangat menikmati ngoding nya pak dosen😃, semoga tertular dan jangan lupa titik koma😁

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

    Hadir pak , mhs jawaba barat.he semoga ilmunya jadi sodakoh jariah pak 🙏

  • @dwezyow9146
    @dwezyow9146 4 ปีที่แล้ว

    bener2 clear membuka mata saya tentang animation css

  • @dwisantosa1627
    @dwisantosa1627 4 ปีที่แล้ว

    Chanel favorit :) terimakasih banyak pak atas ilmunya🙏

  • @smpsinsankamiltangerang4075
    @smpsinsankamiltangerang4075 4 ปีที่แล้ว

    oke hatur nuhun,, salam dari angerang banten

  • @krisnautama9283
    @krisnautama9283 4 ปีที่แล้ว

    Terima Kasih atas ilmunya pak, semoga selalu sehat

  • @fadhilmunifdermawan3718
    @fadhilmunifdermawan3718 4 ปีที่แล้ว

    ini yang ditunggu tunggu, hatur nuhun pakkk!! :)

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

    Alhamdulillah, makasih pak ilmunya

  • @nathantjendra8824
    @nathantjendra8824 4 ปีที่แล้ว

    Channel paling bermanfaat di indonesia ini

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

    nav buat mobile nya pas diinspect dipc emg gak gk keser kanan pak(udh dikasih overflow x hidden), tp pas dihosting dicoba dihp, kok bagian kanannya ikutan keliatan yak

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

    Pada 40:34 ,navbar itu muncul dan hilang dikarenkan transition bapak settingnya ke All,akan lebih baik setting ke trasnform saja

  • @muhammadamrihidayat771
    @muhammadamrihidayat771 4 ปีที่แล้ว

    sukses terus pak sandhi, ilmunya sangat2 bermanfaat.
    mau request laravel lanjutan dong pak

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

    Sangat jelas. Dan langsung di contohin teory sm praktek

  • @tiantinambunan732
    @tiantinambunan732 4 ปีที่แล้ว

    Terima kasih Pak dika, semoga sehat selalu aamiin 🙏

  • @MelatiSenja123
    @MelatiSenja123 4 ปีที่แล้ว

    Keren sangat, pak galih...

  • @Wahyu-wc6yn
    @Wahyu-wc6yn 4 ปีที่แล้ว

    semoga dimudahkan segala urusan.amin

  • @fdrgaming3394
    @fdrgaming3394 4 ปีที่แล้ว

    Mantap pak 👍👍
    Klo boleh request bikin ngobar make framework Front end dong, seperti react atau vue, ditunggu videonya 😅😅😅

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

    YOU ARE A GOD... NO QUESTION ABOUT IT

  • @imdeveloper6613
    @imdeveloper6613 4 ปีที่แล้ว

    Makasih ilmunya pak, kebetulan lagi cari

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

    terbaik emang chanel ini

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

    Pak belajar web gis menggunakan leaflet atau mapbox kayanya menarik pak..menampilkan informasi cuaca dari data terbuka / API nya BMKG kayanya boleh jg tuh

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

    23:55
    Ini maskudnya gimana pak? Kenapa ngga langsung width dan heightnya 100%?

  • @ahmadhayyilanamirfaqo9923
    @ahmadhayyilanamirfaqo9923 4 ปีที่แล้ว

    Mohon maaf lahir batin pak
    Semoga Sehat selalu

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

    sukses om
    makasih ilmunya

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

    Lanjutin tutorialnya Pak.

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

    akhirnya muncul tutorialnya pak, makasih banget :D

  • @budi-dev8814
    @budi-dev8814 3 ปีที่แล้ว

    Mantap pak, sehat terus ya hehe

  • @ahmadmuhrani89
    @ahmadmuhrani89 4 ปีที่แล้ว

    terimakasih ilmunya pak dosen