1. Apa itu Tailwind CSS? | Belajar Tailwind CSS

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

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

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

    semua ada kekurangan dan kelebihan masing2, gk perlu berdebat untuk itu
    1. vanila css: cocok untuk pemula
    2. bootstrap : cocok kalau buat web cepet jadi
    3. tailwind : cocok untuk web dengan design custom
    gk usah terlalu idealis, pakai aja sesuai kebutuhan

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

      Kukira bootstrap jauh lebih gampang
      ternyata ada yang lebih gampang lagi o.O

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

      Materializecss lebih ringan

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

      Yes

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

      Yes, gak perlu berdebat 😂. Pelajarin aja semua dn sesuaikan dengan kebutuhan

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

      Kira2 kalau saya belajar tailwind tanpa belajar bootstrap,boleh gak ya?

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

    Salah satu amal jariyah adalah ilmu yg bermanfaat, saya bersaksi bahwa video² pak Sandika sangat bermanfaat. Semoga Allah mudahkan segala urusan pak Dhika

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

    Selama ini gw ngeremehin tutorial yang pake bahasa indonesia, biasanya beli dari udemy. Cuma setelah gw pikir2x, gw coba dulu aja cari di youtube yang bner2x gw belum pernah coba kayak tailwind. Dari intronya sangat menjelaskan ttg tailwind di permukaan. Thank you.

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

    Wah mantap pak, akhirnya masuk ke Tailwind CSS. Pasangan serasi nih klo dikombinasikan ke React JS dan Vue JS.
    Oh iya, menurut survey State of CSS 2021, itu Tailwind CSS ada di peringkat pertama kepuasan penggunananya 😉

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

      Saya juga menunggu pak dhika membahas react js 😀

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

      Bljr react drimn ka

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

      @@amerika8803 di TH-cam ada banyak

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

      Bener enak banget, tanpa buat custom css, jadi mudah buat maintain nya

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

    Pak Sandhika Galih baiknya ga kaleng2, ngasih materi pembelajaran Tailwind detail banget... Bahkan saya yg pemula langsung paham..

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

    Jujur nyoba tailwind awal" sangat sangat susah sekali karena udah terbiasa make component dari bootstrap contohnya *btn-primary* . Kalo di tailwind ini bener" bikin dari 0 jadinya harus bisa dan paham CSS. Tapi sekalinya kita udah bisa tailwind nih, mau balik ke bootstrap atau framework CSS yang lain, rasanya kurang hahahaha the best emang tailwind!! terutama JIT mode

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

    makasih pa dika...atas semua ilmunya cuma mau bilang semua toturial RAMAH untuk PEMULA

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

    Sejak kenal Tailwind CSS, saya langsung ninggalin Bootstrap
    Mantap pak tutorialnya

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

      Wakakaakk, sama kaya saya nih. Suka banget sama kustomisasinya tailwindcss 🍃

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

    Alhamdulillah Pak. Berkat ngikutin series Codeigniter 4 punya bapak, saya jadi sangat amat terbantu saat membangun sebuah projek code. Terimakasih Pak Dika, sehat dan murah rezeki selalu 🙏🏻🙌🏻

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

    mantap pak Dhika, begitu nonton video Tailwind jadi terinspirasi. Tailwind membuat programmer bebas menentukan struktur HTML, tidak harus terpaku seperti struktur HTML yg ada di Bootstrap CSS classes. Thank you buat share ilmunya😊🙏🏽

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

    Terima kasih banyak pak, semoga bisa mengikuti playlistnya dari awal hingga selesai, maju terus pak sandhika 🤩

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

    Yeay baru banget buka hp udah dapat notifikasi video ni

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

    Yang di tunggu-tunggu terimakasih pak 😁

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

    Kalo saya lebih suka buat semua nya dari awal.karena mempunyai kendali penuh.tapi kita juga harus belajar setiap ada technologi yg baru.👍👍👍👍👍 Mantap pak dika

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

    kelebihan tailwind yg sebenarnya paling jadi unggulan tailwind adalah team work friendly.. jadi karna semuanya utility aja, jadi ga perlu ngajarin/bikin dokumentasi dari tiap komponen yg dibuat di vanilla css.. dengan pake tailwind asalkan programmernya ngerti tailwind semua bisa langsung garap tanpa mikir/belajar code yg dibuat programmer sebelumnya/lainnya...
    Owh iya satu lagi, saya ingin kritisi kekurangannya tailwind pak dhika yang "Code HTML jadi jelek", nah di tailwind kita bisa manajemen komponen di 1 file sass sehingga htmlnya bisa rapih cukup panggil parent stylenya aja... proses ini bagusnya dilakuin di akhir ketika dirasa komponen sudah fix ditentuin. kalo masih raba2 mending inline aja karena capek bolak balik

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

      Berarti class di tailwind itu di jadiin satu aja di sassnya ya mas biar ga panjang amat di htmlnya?

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

    Mantap pak🔥🔥
    Pengen pelajarin Tailwind, tapi saat ini baru mulai ngulik Bootstrap lagi dan OOP🥲

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

    Akhirnya yang di tunggu-tunggu

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

    Sy sudah lama pakai framework ini dan memang magic banget framework ini. Thank Mas Adam Wathan. Heuheuheu

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

    Yesssss!! akhirnya kita belajar tailwindCSS bareng pak dika 👍👍👍

  • @rachmat-gf8vs
    @rachmat-gf8vs 3 ปีที่แล้ว

    Lengkap sudah.. semua dibhs disini.. terimakasih pak...semoga brkah selalu..ilmu yg dibagi

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

    akhirnyaaaaa 🔥 ini yang ditunggu-tunggu pak. semoga seri tailwind ini panjang dan lengkap ya ☺️ semangat pak dika. dan terima kasih

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

    17:25 TailwindCSS bisa seperti ini di cssnya pak,
    .tombol {
    @apply bg-blue-600 text-white px-3 py-2 rounded hover:bg-blue-700;
    }
    Jadi pakai `@apply`

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

      Wah, spoiler magic nya nih 🤭

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

      @@sandhikagalihWPU hahaha, biar sematic lagi htmlnya 🤩

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

    Terima kash pak, setelah selesai mengenai materi laravel, saya masih ngulik2 lebih dalam lagi mengenai laravel dan terdapat banyak package2 yang di mana frontend nya memakai tailwind contoh laravel jetstream and brezee. mudahan series ini membantu saya dalam mendalami laravel lagi, makasih pak dika😁

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

    mantap nih tailwind, memudahkan saya sebagai backend untuk membuat UI dengan mudah dan cepat, maksudnya muda bukan berarti was wes wos ya. tapi dokumentas dan utility nya itu

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

    Hurraaa... Awali tahun dengan materi baru 🙌🙌

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

    Mantap pak , kebetulan saya ada project Pake tailwind , sekalian mengulang pelajaran hehe

  • @012tama
    @012tama 3 ปีที่แล้ว

    NAH INI YANG DITUNGGU TUNGGU!, terima kasih banyak pak. sungguh berkah awal tahun langsung disuguhi materi tailwind css

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

    malaysia hadirrr! setahunku tunggu, dari 2021 hingga 2022. haha. gurau pak dhika.

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

    Mudah-mudahan lancar pembuatan materi² tailwindcss nya sampai selesai dan bisa cepat di upload dan bisa belajar lebih cepat tanpa nunggu seperti nunggu episode anime tiap minggunya 🤣

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

    Bedeeuh,, mantap selalu pak materinya, terimakasih banyak. Dari sejak saya mau masuk SMK nonton WPU tetep aja kayak "Klo belum di jelasin sama pak Dhika kayak kurang", padahal teknologi itu sudah saya pake😁

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

      Punya guru atau dosen kayak pak Dika is another level of happiness wkwkwkw

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

    Yang di tunggu-tunggu akhirnya, makasih pak dhika

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

    Kelebihan tailwind yang lain dibanding vanila css adalah kita ga perlu bersusah payah memikirkan nama class yang cocok untuk setiap section/komponen yang ada untuk markup kita

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

    Alhamdulillah.. ada ilmu pembelajaran baru lagi dari pak dika, asyik ngoding nih kita pak😊

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

    PANJANG UMUR PAK. SEHAT SELALU. LANCAR REJEKINYA< BAHAGIA SELALU SAMA KEULARGA PAK

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

    yang saya tunggu tunggu akhirnya muncul juga wkwkwk thanks pak dika

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

    wah pa dika hatur nuhun pisaannn, kebetulan saya sedang mau belajar tailwind css

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

    Padahal videonya lebih dari 20 menit, tpi ga kerasa karena saya bisa nikmatin penjelasan dari pak sandhika. Biasanya ngantuk liat video di channel lain padahal cuman 15 menit🙃

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

    berharap dari playlist ini bisa memberi pilihan baru selain bootstrap. Terima kasih pak. akhirnya playlist yang ditunggu mulai rilis😁

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

    Izin download materi²nya buat belajar..terimakasih banyak pak🙏

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

    Pas banget mau belajar tailwind eh bapak upload materi tailwind, langsung gas lah, ditunggu juga konten react js nya pak🔥🔥

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

    Asyikkk seriess baruu ,,semngaat semangat

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

    Kereeennnn pak.. akhirnyaaa ngebahas ini framework

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

    AKHIRNYA YANG DI TUNGGUUU. TERIMA KASIH PAK.. Next react js dong pakk.. Saya ngelamar kerja banyak banget harus bisa react js

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

    Menurut saya lebih enak lagi klo ditambah plugin DaisyUI pak 😁 ,, bikin button cuma `btn btn-primary`, mirip bootstrap ,, ngatur tema juga gampang dan cepet .. dan yang ga kelewat klo ada yang ga sesuai tinggal ditimpa pake class tailwind nya.

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

    apakah tahun baru framework baru wkkwkk, yg lama terlupakan ikut aja dah playlist tentang tailwindcss, mau belajar VUEJS tapi harus paham dasar JS dulu

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

    Mantab Pak. Saya sangat terbantu dengan playlist2 bapak.

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

    wah mantap playlist baru, udah coba sebelumnya dan emang mantep

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

    Ikut komen ahh.. thanks bapak dosen..

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

    Mantap pak, akhirnya yang ditunggu tunggu.. heheee

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

    YAHAHAHAH Alhamdulillah akhirnya yang ditunggu :D

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

    udah lama nunggu seri ini, akhirnya rilis juga makasih paaak semangatttttt ngontennya

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

    Terimakasih pa Dika, Alhamdulillah mulai belajar Tailwind CSS

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

    Wahh ditunggu nih

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

    Akhirnya yang ditunggu tunggu ada juga..Tetap Semangat, Pak..

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

    yang di tunggu telah tiba ....
    mantap pak dika

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

    Kalo udah make frontend framework baru tau gimana hebat dan enaknya Tailwind 😎

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

    Memang pak Dika paling mantap.paling jelas👍👍👍👍👍

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

    Wih akhirnya maksh pak dhika .saya udah lama nunggu ini🙏

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

    akhirnya ini yg ditungguu"

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

    Yang ditunggu-tunggu 🥰

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

    Mantab pak, jujur saya udah Bosen sama UI nya Bootstrap. Jadi, setiap ada kelas Bootstrap ujung-ujungnya sama Modif lagi biar ga keliatan "Bootstrap" banget. Jujur, selama pake Bootstrap udh terlalu dimanjain bgt sih sama kelas-kelasnya. Saatnya kita move on ke Utility First CSS

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

    Alhamdulillah. Maksih Pak dhika...
    Next time framework JS pak🤭

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

    Yang ditunggu tunggu, akhirnya bahas tailwind juga. Terima kasih pak dika, semoga diiringi kebahagiaan selalu

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

    Terimakasih banyak pak dika ilmunya😍😍😍😍, love se kebon🤩🤩🤩🤩🤩

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

    wah keren nongol juga nih series

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

    klo mnrt sy ada satu hal lg dr keunggulan tailwind yg gk disebutkan divideo, yaitu kita bs sgt fleksibel + ttp konsisten dgn style website kita. klo kita pakai semisal vanilla css, walau fleksibel, kita bs jd gk konsisten dlm menentukan value2 di atribut2nya. dan tujuan utama dr framework adalah memberi kita kemudahan dan menjaga agar kita ttp konsisten dgn codingan kita.

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

      Ya kan udah pakai arbitrary value dari tailwind ... bukan em atau px 🤔

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

      @@FADHsquared maksudnya, luput dr disebutin di video keunggulan si talwindnya...

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

    Kebetulan projek awal tahun, tim di projek request pakai tailwind. Makasih Pak Dika 😁

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

    wuih....seri baru...mantap pak..

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

    Akhirnya yang ditunggu tunggu playlist tailwind css

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

    Kren pak! Mantap sangat bermanfaat materinya!

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

    Asik, tailwind ini yang saya tunggu pak

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

    Akhirnya ada playlist tailwind. Terima kasih banyak pak

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

    Yessss akhirnya tailwind, mantap nih🤩

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

    Sedapp ilmunya nih, terimakasih ya Pak 🙌🏻🤝🏻

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

    Alhamdulillahhh akhirnya yang ditunggu2 🔥😭

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

    Terima kasih pak ilmunya

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

    siap pak dika saya belajar tailwindcss aja bisa ngerti tanpa harus belajar vanilacss dan bootstrap

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

    Keren pak!! bahas TailwindCss. Semangat pak

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

    tahun baru, seri baru. manceppppp

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

    Yang ditunggu" akhirnya, semangat terus buat kontennya pak🙂🙏

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

    Tailwind nawarin utility kalo bootstrap component jadi agak tricky gitu harus ngafalin class class bootstrap biar jadi sesuai apa yang udah bootstrap buat. Kupas tuntas tailwind pak.... Saya lihat memang mudah dan bagus framework CSS nya

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

    Mantap ga ada obat dosen satu ini, semoga sehat selalu

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

    Akhirnyaaaaa.. Makasih pak..

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

    Kaga ada obat dah materinyaa mantapppp

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

    Terima kasih ilmunya, Pak

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

    Keren pak😍🔥

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

    alhamdulillah, berkat channel ini saya bisa belajar banyak mengenai web programming, terimaksih pak shandika, semoga Tuhan yang membalas dengan lebih baik

  • @argiam.ahyaelmushofa6592
    @argiam.ahyaelmushofa6592 3 ปีที่แล้ว

    Seri yang ditunggu - tunggu 😍

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

    good pak dika.. selalu thank pokoknya. sya masih nunggu nih tutorial authentikasi OAuth dari pak dika

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

    Combine sama framework JS mantap pisan

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

    Akhirnya, tailwindddd. Sesuai janji livestream kemaren pak 😅. Mantap pak 😊

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

    wagilaseh. btw kalo tailwind doang kaanya kebanyakan penonton bapak paham soal class utilitiesnya. yg susah bikin class component nya kaya card / button agar bisa di pake semuanya biar responsive :(

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

    Thumbnail selalu fresh menyesuaikan tema materi

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

    akhirnya yang di tunggu tunggu
    mantap pak

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

    Serius, orang contect itu harus mikin suara yang di hasilkan videonya
    bang sandika hasilnya bagus
    pertahankan pak

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

    Akhirnyaaaa bahas tailwind. Terima kasih Pak 🙏

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

    Yang saya tunggu tunggu akhirnya di huatin🤩

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

    Lanjut PaDika semangat belajar tailwindcss 😁

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

    Sangat teramat amat mantap pak

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

    Tailwind CSS + Daisy UI Mantap Dah..