Membuat Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #32

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 480

  • @KAnggara75
    @KAnggara75 2 года назад +60

    Allhamdulilah Selesai
    note: tambahin class="scroll-smooth" di tag html paling atas bisar lebih smooth

  • @misbah68
    @misbah68 2 года назад +2

    saya ngikutin video ini udah 3 hari baru sampe navbar cukup banyak makan waktu bgi sy yang baru pemula, berbeda dengan bootstrap tempo hari cuman semalaman kukerjakan,..😊😊

  • @kurniawan362
    @kurniawan362 8 дней назад

    alhamdulillah,, sehat selalu pak dika, saya mulai senang koding pas ketemu chanel mas dika, yang tadinya saya buta masalah web develop, alhamdulillah sekarang udah bisa make laravel, ci4, nextjs.

  • @superdafis247
    @superdafis247 2 года назад +16

    Mantap, terimakasih Pak atas ilmunya, saya jadi terbantu dengan ilmu dari Pak Dhika. Semoga apa yang Pak Dhika berikan dapat membawa berkah bagi semuanya

  • @alipalilati8223
    @alipalilati8223 17 часов назад

    Alhamdulillah Selesai
    Makasih banyak pak, mudah"an sehat selalu and d lancarkan rezekinya, mudah"an dengan web yang saya buat ini bisa bikin saya rajin belajar lagi biar hasil belajarnya bisa di up di portfolionya, skli lagi mksih pak :)
    🤩

  • @armando6044
    @armando6044 2 года назад +48

    Sebagai bentuk dukungan, gua tidak pernah menskip iklan sama sekali, respect sama pak dosen 🙏

    • @luckyluck9436
      @luckyluck9436 2 года назад +2

      sebagai bentuk dukungan saya selalu renew youtube premium meskipun gratis

  • @fitriamelia1973
    @fitriamelia1973 8 месяцев назад

    terimakasih pak dika atas ilmunya..
    enak ya jadi orang yang berilmu, bisa jadi ladang amal jariyah.. semoga jadi amal jariyah ya pak..
    gak kebayang nanti amal shaleh pak dika besarnya spt apa..

  • @fazdajulioarzika
    @fazdajulioarzika Год назад +21

    untuk temen2 yang hamburger nya gak muncul bisa buat css manual di input.css seperti ini
    .hamburger-line {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #020617;
    margin-top: 8px;
    margin-bottom: 8px;
    }
    terus span nya tetep panggil hamburger-line nya

  • @isfafad4835
    @isfafad4835 9 месяцев назад +2

    Alhamdulillah, akhirnya punya web porto. Terima kasih pak Dika atas ilmunya, semoga berkah selalu🔥

    • @rifqirc8094
      @rifqirc8094 6 месяцев назад

      bang kalo fotonya ga bisa ke samping itu knp ya? pas jadi lebar kan aturan ke bagi dua antara foto sama nama, tapi saya malah tetep di tengah ga ada yg berubah

    • @bimaprawangsaputra2005
      @bimaprawangsaputra2005 4 месяца назад

      @@rifqirc8094 harusnya kalau diatur, lg:w-1/2 sih, dan jangan lupa pas di container kasih flex flex-wrap

  • @Sengsangsung
    @Sengsangsung 2 года назад +2

    Terima kasih pak atas ilmunya , semoga berkah , walaupun saya masih semester 2 , tetapi saya sudh bisa buat website ,berkat ilmu pak dika , terima kasib banyak pak

  • @RianY2K
    @RianY2K 2 года назад +26

    Ada notifikasi, langsung ikutan nonton buat bahan belajar nanti malam. Terima kasih pak, tutorial portfolio dengan Tailwind nya 👍

  • @dodysugiantoro951
    @dodysugiantoro951 2 года назад +1

    Nuhun Kang ilmunya bermanfaat sekali, penjelasannya jelas sekali sehingga yang baru belajarpun dengan mudah bisa mengikuti.

  • @riobagaspamungkas2925
    @riobagaspamungkas2925 Год назад +1

    Terima kasih Pak Dhika atas ilmunya, berkah selalu pak

  • @fan5848
    @fan5848 Год назад +3

    yang bermasalah di 34:35. di tailwind config.js hapus aja screens 2xl. tambahin dir="ltr" di class text dan tambah dir="rtl" di class image. di codingan gua si work

  • @cempakajanuari5983
    @cempakajanuari5983 2 года назад

    Iya pak siap.... sambil nunggu saur. Ngopi sambil mlogoin... :)

  • @bg_napit
    @bg_napit Год назад +1

    terimakasih atas ilmunya pak sandhika #jangan skip iklan

  • @Alliswell-xt5du
    @Alliswell-xt5du 2 года назад +3

    Mantap, terima kasih. Semoga berkah, Pak.

  • @yandearta
    @yandearta 2 года назад +4

    akhirnya kelar juga nontonnya, terima kasih ilmunya pak 🔥

  • @zahidathallah3387
    @zahidathallah3387 9 месяцев назад +2

    Saya dapet kerja berkat tutorial ini 😊

  • @Firmansyah-j5k
    @Firmansyah-j5k 11 месяцев назад +2

    bagi yang memakai gambar unsplash tapi error di live preview tambahkan [crossorigin="anonymous"] di dalam element img. semoga membantu

  • @fullcountermusic923
    @fullcountermusic923 Год назад

    Tenkiu pak, sangat gue hargai. Banyak kali dah stuck finally boleh buat. Tenkiu pakkk

  • @teguhrizkiono
    @teguhrizkiono 2 года назад +2

    Alhamdulillah requesan terpenuhi. Suwun pak dhika berkah ilmunya 🔥

  • @aditwr
    @aditwr 2 года назад +2

    Wahh saya belajar banyak hal dari Bapak Dhika, Terimakasih banyak. Kalo memungkinkan, saya request tutorial Framework React dong Pak 😆😆

  • @budiantohalim1463
    @budiantohalim1463 Год назад +11

    Terima kasih atas ilmu yang sudah disampaikan oleh bapak melalui video ini pak. 🙏
    Pak, saya mau bertanya, pada timestamp 2:00:14 saya mencoba membuat input text agar BGnya berwarna slate, tapi tidak muncul di preview, bahkan di browser pun tidak muncul. Permasalahannya ada dimana ya pak?

  • @m.alfinsaifullah586
    @m.alfinsaifullah586 5 месяцев назад

    Pak makasih banyak atas semua ilmunya,sehat selalu serta mulia yaa pak

  • @richardlaurent999
    @richardlaurent999 2 года назад +2

    Akhirnya, Konten yg dinanti-nanti 🙏

  • @wage327
    @wage327 2 года назад +1

    Alhamdulillah sudah bisa
    Harus instal node js nya dulu
    Heheh

  • @EkySambora
    @EkySambora 2 года назад +1

    Terima kasih banyak ilmunya Pak Dhika

  • @fahre972
    @fahre972 9 месяцев назад +3

    sekarang pageYOffset udah deprecated, ganti dengan scrollY

  • @sanjaya_doang492
    @sanjaya_doang492 2 года назад +1

    Terima kasih pak dhika, wah ini sih cakep bet pak

  • @the-LordXNobx
    @the-LordXNobx Год назад

    1:09:16 selain dengan mindahin origin di element class html, saya pake transition-all

  • @imkangguru
    @imkangguru 2 года назад

    mantapss kaya seneng bgt pulang kerja ada notif dari wpu

  • @raihanabiyyu107
    @raihanabiyyu107 10 месяцев назад

    Terimakasih atas ilmunya bapak, sehat selalu ya

  • @kucingpemberani
    @kucingpemberani Год назад

    thankkk youuu, jadi ga ragu lagi ngoding frontend 🙌🏻

  • @hendrikhednrikanitasi2635
    @hendrikhednrikanitasi2635 2 года назад +25

    Saya untuk sekarang ga belajar pemrograman dlu pak, mo pokus utbk doain ya temen temen semoga saya lulus utbk ammin.

  • @philipusvodapermadi654
    @philipusvodapermadi654 2 года назад

    sip dari pada malming gk ngapa2 in mending ikut video ngobar pak dhika...wkwkw..

  • @mrh30
    @mrh30 2 года назад +2

    Uwohh yg ditunggu2 🥳
    Mantap pak, sukses terus

  • @kudalumping777
    @kudalumping777 Год назад

    widiw... penjelasannya detail dan lengkap 👍❤

  • @ahmadakhbarf7118
    @ahmadakhbarf7118 2 года назад +1

    Mantap lah pak Dhika, saya hanya bisa berucap terima kasih

  • @abank7450
    @abank7450 2 года назад

    Baru buka RUclips eh ada Notiff langsung exsekusi 💪💪
    Uraaaaa !!!

  • @nolight-f4f
    @nolight-f4f 2 года назад +1

    hahahaa saya senyum senyum sendiri pak, seru bgt ngobar yg ini🤣

  • @hidayahapriliansyah
    @hidayahapriliansyah 2 года назад

    Sebelum ada yang ngucapin. Ngucapin duluan ah. Selamat menjelang Ramadan, Pak Dhika. Atau pas baca ini udah masuk bulan puasa ya? Semoga lancar puasanya. Saya lagi ngikutin seri CI 4 sebelum masuk ke Laravel, biar pemanasan dulu hehe ...

  • @hamnug
    @hamnug 2 года назад +2

    Wahhh mantap pak terimakasih pak tutorial nya sangat bermanfaat 🙏

  • @superdafis247
    @superdafis247 2 года назад +2

    Saran saya dibikin component Pak Dhika agar class nya rapi

  • @waltahh
    @waltahh Год назад +4

    1:13:46 Sekedar Info sekarang sudah ada fitur backdrop-blur di tailwind

  • @ikhbaldwiyan6688
    @ikhbaldwiyan6688 2 года назад

    terima kasih banyak pak saya ikutin nya pake react js lebih enak slicing nya

  • @mochmisbach1826
    @mochmisbach1826 2 года назад +1

    Mantab Pak, semoga sukses & sehat selalu Pak

  • @videosdrawing
    @videosdrawing 2 года назад

    terimakasih atas ilmu nya pa,,, berkah berkah terus pa....

  • @zidanidros
    @zidanidros 2 года назад +6

    Request Portfolio dengen react js pak

  • @guhkunpatata3150
    @guhkunpatata3150 2 года назад

    Terima kasih banyak pak Dhika ilmunya.

  • @axzphere03
    @axzphere03 2 года назад +4

    Pas banget lagi pengen belajar bikin web portofolio sendiri

  • @AgusSalim-ys6rf
    @AgusSalim-ys6rf 2 года назад

    Pak ini serius panjang sekali ini bagus banget

  • @TheOwl-zg6si
    @TheOwl-zg6si Год назад +1

    1:13:50 di tailwind udah ada bang ex:'backdrop-blur-sm'

  • @URILLL662
    @URILLL662 2 года назад +2

    Yg ditunggu akhirnya😁

  • @mvigchannel
    @mvigchannel Год назад

    mas, minta tolong untuk NGOBAR berikutnya.
    membuat sebuah website portal berita untuk sebuah ekskul Jurnalistik
    terima kasih

  • @kencong3341
    @kencong3341 2 года назад +1

    Udah ditunggu2 niii 🔥🔥

  • @fajarsetiawansiagian
    @fajarsetiawansiagian 2 года назад +1

    terima kasih pak atas tutorial kali ini. membantu saya dalam mengembangkan frontend dimna biasanya hanya backend saja

  • @bejokful
    @bejokful Год назад

    Terimakasih pak. sudah berhasil.

  • @fatkhuroji4126
    @fatkhuroji4126 Год назад

    terimakasih pak sandhika.. 🙏

  • @XD-mm4jb
    @XD-mm4jb 2 года назад

    Akhirnya ngobar tailwind....

  • @arikjunior1561
    @arikjunior1561 2 года назад +1

    mantap 2 jam udah kayak film-film marvel nih pak 😅

  • @siryt0028
    @siryt0028 2 года назад

    pas banget hari ini video terakhir beres

  • @gimmickdoangini
    @gimmickdoangini 2 года назад

    Bulan puasa sering upload pak, biar ngabuburit sambil ngoding sansstuyy 😁

  • @dadansubhan4719
    @dadansubhan4719 Год назад

    Terimakasih ilmunya 👍🙏

  • @adeyusuf9641
    @adeyusuf9641 2 года назад +1

    Yeyyy akhirnya..

  • @ErikArf
    @ErikArf 2 года назад

    Trima kasih untuk ilmunya. Cm masih belum paham 🤭karena bukan jurusan 😁

  • @gedeputuadyatmaputra
    @gedeputuadyatmaputra 11 месяцев назад +2

    Mau nanya kak, kok gak bisa blobnya pindah ke belakang gambar saya? padahal sudah mengikuti yang di vidio. Ada saran gak kak? terimakasih kak

  • @afandiaksanmanopo1492
    @afandiaksanmanopo1492 2 года назад

    Terimah kasih Bapak dosen 🙏😌

  • @Rips24
    @Rips24 2 месяца назад

    yg gk bisa dibagian 34:43 coba size nya yg "2xl" dikecilin jadi "xl", trs ukuran layarnya(px) digedein (terserah nilainya brp, coba aja sampe bisa) punyaku kek gini =>
    screens:{
    'xl':'1420px',
    },

    • @FighterAx
      @FighterAx Месяц назад

      itu bisa jadi 2 section bang kalo large mode, soalnya punyaku udah kunaikin masih tetep :(

  • @reika6322
    @reika6322 Год назад

    Enak ni kalau hari minggu lagi ngga ada acara, keren pak galih

  • @firzasyahputra
    @firzasyahputra Год назад +4

    Apakah benar windows.pageYOffSet diganti ke window.scrollY oleh Javascript ?
    Soalnya saya coba di VSC PageYOffset nya sudah dicoret dan itu ada dimenit
    1:12:10
    menjadi seperti dibawah ini :
    if(window.scrollY > fixedNav){
    header.classList.add ('navbar-fixed');
    } else {
    header.classList.remove ('navbar-fixed');
    }
    };

    • @armyforcegaming
      @armyforcegaming 11 месяцев назад

      Kejadian yg sma sperti saya kak

    • @El-Aina
      @El-Aina 11 месяцев назад

      THANK YOU BANGGGGGG

    • @tengkurafli2312
      @tengkurafli2312 10 месяцев назад

      navbar saya tetep gabisa ngikut scroll padahal uda bener pake scrollY

  • @ariel3171
    @ariel3171 2 года назад

    request tutorial desain website nya sebelum dibuat pak

  • @ramdhansyahofficial3695
    @ramdhansyahofficial3695 2 года назад +1

    Mksih ilmunya suhu

  • @bachrulpanjigumilang3821
    @bachrulpanjigumilang3821 2 года назад

    Behh 2jam pak mantap kaya pak PZN ya saya siapkan kopi dulu

  • @widyaarditya706
    @widyaarditya706 Месяц назад

    izin tanya pak.
    kalo tailwind dan boostrap di gabungin bisa nggak yah?
    kalo bisa minta tolong di buatin video tutornya😁😁

  • @willisianturi1499
    @willisianturi1499 2 года назад

    Aku ijin bookmark link ini pak. Kalau ada waktu, saya mau mengikuti langkah-langkah sesuai di video ini. Terima kasih sebelumnya.

  • @andrayuda9046
    @andrayuda9046 2 года назад

    terima kasih ilmunya pak

  • @budisantoso7111
    @budisantoso7111 4 месяца назад

    izin bertanya pak, untuk menu humberger active tidak berfungsi, bagaimana solusinya pak

  • @mkhairullah266
    @mkhairullah266 6 месяцев назад +1

    saat bapak mengatur lebar layar di tailwind confignya untuk membuat hero section lebih ke tengah, di saya kenapa ga bisa ya pak? apa karena berbeda scaling/resolusi laptopnya?

    • @rob1ansyah
      @rob1ansyah 6 месяцев назад

      sama bro stuck disitu gua dri kmrn 😢

  • @Julisman01
    @Julisman01 2 года назад

    Mentor Online Terbaik.

  • @giridiwaadam1598
    @giridiwaadam1598 2 года назад

    Coba Pak aktivin blognya .. Di tutor selanjutnya 😀

  • @ervinanov
    @ervinanov 2 года назад

    Terima kasih pak Dhika

  • @bintangmochamad0992
    @bintangmochamad0992 2 года назад +1

    Mantap djiwa 🙏

  • @sheptian69
    @sheptian69 2 года назад

    buat ginian saat kuliah, sekarang ud lupa2 inget 😆

  • @xadsense76-gi8le
    @xadsense76-gi8le 11 месяцев назад

    Ketika menambah kan warna text-teal-500 malah engga muncul warna nya bang begitu pun juga dengan yang primary ( dengan CSS)

  • @abdillahfathoninabil1769
    @abdillahfathoninabil1769 8 месяцев назад +1

    kenapa saya blobnya ga kebelakang foto ya?
    padahal sudah ikutin

  • @gilangagrwn
    @gilangagrwn 2 года назад +1

    WOWWWW, POWERFUL!

  • @thoriqardiansyah6258
    @thoriqardiansyah6258 2 года назад +1

    pak sandhika tolong buatkan tutorial react js pak😄

  • @ilfanchannel
    @ilfanchannel 2 года назад +2

    pak san, mau tanya,
    pas ketik git push -u origin main , di terminal kok eror ya kenapa ?

  • @Pungpungbar
    @Pungpungbar Год назад

    gimana cara taruh addEventListener di react ya ? saya coba ke react muncul error gini
    Cannot read properties of null (reading 'addEventListener')

  • @ihsannugroho1252
    @ihsannugroho1252 2 года назад +1

    Selalu EPIC
    Btw lama jga ga upload Ngobar

  • @osymobil
    @osymobil 2 года назад +1

    Terimakasih bnyak Pak 🙏🙏🙏

  • @HeyArzt
    @HeyArzt Год назад

    1:38:00
    Ubah software section Text

  • @sqwidwhat1.0
    @sqwidwhat1.0 Год назад +3

    Pak yg responsif punya saya ga ngaruh waktu buat Hero section, itu kenapa y?
    saya pakai div class nya lg : pl-32 biar tulisan h1, h2, p agak ke kanan dikit

  • @hadisunadham1922
    @hadisunadham1922 2 года назад

    Bisa dizoom videonya om, biar agak jelas dikit codingannya 🙏🙏🙏

  • @X-RolandGultom-X
    @X-RolandGultom-X 10 месяцев назад

    izin bertanya kenapa ketika saya menambahkan kelas untuk warna dan font tidak berjalan,tidak mengubah apapun,tidak beroperasi?

  • @Ahmad-di8ws
    @Ahmad-di8ws Год назад +2

    Permisi pak, izin bertanya. di laptop saya setelah saya configurasi container-nya, kemudian saya open in browser, kok kontenya tidak berpindah ke-tengah ya pak? padahal theme container-nya sudah saya set, center-nya true,...ditunggu respon-nya pak🙏🙏 34:35

  • @alwia.lukassiregar4241
    @alwia.lukassiregar4241 Год назад

    Terima kasih atas ilmu nya pak, salam titik koma

  • @elgiofficial.9536
    @elgiofficial.9536 2 месяца назад

    pak kok ga bida rotete navbarnya, tolong donv code dah saya cek berkali kali

  • @bricomraider4825
    @bricomraider4825 2 года назад

    Mantap om dhika.