1. Apa itu Tailwind CSS? | Belajar Tailwind CSS

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ • 385

  • @fnzip
    @fnzip 3 роки тому +316

    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 2 роки тому +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 роки тому +26

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

  • @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

  • @zayadi6022
    @zayadi6022 2 роки тому +1

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

  • @nyomanyudis
    @nyomanyudis Рік тому +2

    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 UA-cam ada banyak

    • @mrray8587
      @mrray8587 3 роки тому

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

  • @fikriansari8410
    @fikriansari8410 3 роки тому +28

    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😊🙏🏽

  • @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 🍃

  • @hidayatullah6091
    @hidayatullah6091 3 роки тому +1

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

  • @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 🤩

  • @bintangmochamad0992
    @bintangmochamad0992 3 роки тому +4

    Yang di tunggu-tunggu terimakasih pak 😁

  • @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

  • @bambanggunawanid163
    @bambanggunawanid163 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?

  • @deriprasetyo7980
    @deriprasetyo7980 3 роки тому +1

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

  • @lomba_tudemaha7965
    @lomba_tudemaha7965 3 роки тому +3

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

  • @012tama
    @012tama 3 роки тому

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

  • @hasheemirafsanjani4656
    @hasheemirafsanjani4656 3 роки тому +1

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

  • @aldhie33
    @aldhie33 3 роки тому +3

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

  • @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😁

  • @rachmat-gf8vs
    @rachmat-gf8vs 3 роки тому

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

  • @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

  • @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

  • @philipantony4102
    @philipantony4102 3 роки тому +1

    Akhirnya yang di tunggu-tunggu

  • @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 🤣

  • @mahasiswasatu9211
    @mahasiswasatu9211 3 роки тому +1

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

  • @khairunnisasyahfitri2679
    @khairunnisasyahfitri2679 3 роки тому +2

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

  • @flaphz
    @flaphz 3 роки тому +1

    Yang di tunggu-tunggu akhirnya, makasih pak dhika

  • @nitrox5631
    @nitrox5631 3 роки тому +1

    yang saya tunggu tunggu akhirnya muncul juga wkwkwk thanks pak dika

  • @Rint0youtub3
    @Rint0youtub3 3 роки тому

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

  • @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

  • @rinoagung2570
    @rinoagung2570 3 роки тому +1

    Hurraaa... Awali tahun dengan materi baru 🙌🙌

  • @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🙏

  • @abyghails
    @abyghails 3 роки тому

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

  • @sanvlog3011
    @sanvlog3011 3 роки тому

    Terimakasih pa Dika, Alhamdulillah mulai belajar Tailwind CSS

  • @hiddengaming282
    @hiddengaming282 3 роки тому +2

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

  • @muhammadammarnugraha9413
    @muhammadammarnugraha9413 3 роки тому

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

  • @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

  • @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🙃

  • @FerkySaputraMusic
    @FerkySaputraMusic 2 роки тому

    semacam memindahkan style ke dalem tag html nya ya. tapi lebih dinamis jadinya, klo pake bootstrap kadang agak susah klo pengen custom tampilan karna di class nya udh banyak style nya, jadi klo mau ubah tampilan kadang harus buat class baru lagi

  • @SangTenuk
    @SangTenuk 3 роки тому

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

  • @your_skyfall
    @your_skyfall 3 роки тому

    Hemmm,, klo soal keliatan inline harusnya bisa dihindari pake @apply directive... Tapi mungkin itu bakal meleset dari utility first dan bakal jadi component... Tapi dengan begitu styling bisa dipake berulang bahkan antar project.

  • @nooryulitaapsari7881
    @nooryulitaapsari7881 3 роки тому

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

  • @aditwr
    @aditwr 2 роки тому

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

  • @mohfatkurrozi4069
    @mohfatkurrozi4069 3 роки тому

    Kereeennnn pak.. akhirnyaaa ngebahas ini framework

  • @AntonyTriSusantoItran
    @AntonyTriSusantoItran 3 роки тому

    Mantab Pak. Saya sangat terbantu dengan playlist2 bapak.

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

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

  • @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...

  • @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

  • @genksquad
    @genksquad 3 роки тому +1

    Wahh ditunggu nih

  • @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

  • @wahyucss9161
    @wahyucss9161 3 роки тому

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

  • @nighthikawa
    @nighthikawa 3 роки тому

    Akhirnya ada playlist tailwind. Terima kasih banyak 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

  • @danyakmallun
    @danyakmallun 3 роки тому +1

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

  • @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.

  • @fawwazfirdaus5959
    @fawwazfirdaus5959 3 роки тому

    wah mantap playlist baru, udah coba sebelumnya dan emang mantep

  • @nabilkhoerulrijal2002
    @nabilkhoerulrijal2002 3 роки тому

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

  • @Zulfatih
    @Zulfatih 3 роки тому +1

    Yang ditunggu-tunggu 🥰

  • @muhammadfarhan6606
    @muhammadfarhan6606 3 роки тому +1

    akhirnya ini yg ditungguu"

  • @silentsmoker7
    @silentsmoker7 3 роки тому

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

  • @supermansuper6666
    @supermansuper6666 3 роки тому

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

  • @iniadittt
    @iniadittt 3 роки тому

    Mantap pak, akhirnya yang ditunggu tunggu.. heheee

  • @denykurniawan2217
    @denykurniawan2217 3 роки тому

    Asyikkk seriess baruu ,,semngaat semangat

  • @mohammadabdullah5617
    @mohammadabdullah5617 3 роки тому

    Akhirnya yang ditunggu tunggu playlist tailwind css

  • @alfiartya23
    @alfiartya23 3 роки тому

    Alhamdulillahhh akhirnya yang ditunggu2 🔥😭

  • @fahmiluthfillah
    @fahmiluthfillah 3 роки тому

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

  • @orayhideung1283
    @orayhideung1283 3 роки тому

    Keren pak!! bahas TailwindCss. Semangat pak

  • @powpow6897
    @powpow6897 3 роки тому

    Yessss akhirnya tailwind, mantap nih🤩

  • @fsCodes
    @fsCodes 3 роки тому

    Thumbnail selalu fresh menyesuaikan tema materi

  • @axelwangg
    @axelwangg 3 роки тому

    Sedapp ilmunya nih, terimakasih ya Pak 🙌🏻🤝🏻

  • @AimerYui
    @AimerYui 3 роки тому

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

  • @enum4794
    @enum4794 3 роки тому

    Kren pak! Mantap sangat bermanfaat materinya!

  • @Pemancingkaki5
    @Pemancingkaki5 3 роки тому

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

  • @noviaamarsheilaa5344
    @noviaamarsheilaa5344 3 роки тому

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

  • @JiDailyActivity
    @JiDailyActivity 3 роки тому +1

    hayoo, mana yang seneng tailwind dilike yu :D .membuat style dengan gaia azekkk

  • @erwin1425
    @erwin1425 3 роки тому

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

  • @JoefhPashterselaparang
    @JoefhPashterselaparang 3 роки тому

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

  • @syafikihidayah9276
    @syafikihidayah9276 3 роки тому

    Asik, tailwind ini yang saya tunggu pak

  • @andhosahputra301
    @andhosahputra301 3 роки тому

    Ikut komen ahh.. thanks bapak dosen..

  • @DipaGoodGame
    @DipaGoodGame 3 роки тому

    Tailwind itu cocoknya sama React atau yang berbasis component... beuuh mantab

  • @argiam.ahyaelmushofa6592
    @argiam.ahyaelmushofa6592 3 роки тому

    Seri yang ditunggu - tunggu 😍

  • @ahmadmuwaffaq9957
    @ahmadmuwaffaq9957 3 роки тому +2

    tahun baru, ilmu baru 🙌
    sehat selalu pak dikaaaa. suka nih tema presentasinya baru lagi!!

  • @nurvitaretnama1543
    @nurvitaretnama1543 3 роки тому

    Akhirnyaaaa bahas tailwind. Terima kasih Pak 🙏

  • @dimbodotme
    @dimbodotme 3 роки тому

    wah keren nongol juga nih series

  • @fahmiibrahim1398
    @fahmiibrahim1398 3 роки тому

    YAHAHAHAH Alhamdulillah akhirnya yang ditunggu :D

  • @playerreceh.1015
    @playerreceh.1015 3 роки тому +1

    Pak bikinin tutorial web desain dengan cms wordpress tanpa plugin dong... Please

  • @rolandowebdev
    @rolandowebdev 3 роки тому +1

    Keren pak😍🔥

  • @rendyjagusa1539
    @rendyjagusa1539 3 роки тому

    Yang saya tunggu tunggu akhirnya di huatin🤩

  • @BLITZSKYGaming
    @BLITZSKYGaming 3 роки тому

    akhirnya yang di tunggu tunggu
    mantap pak

  • @NayNay_Family
    @NayNay_Family 3 роки тому

    mantap pak dika terimkasih atas ilmunya semoga panjang umur pak, sehat selalu. sampai part terakhir ya pak :)

  • @ilhamakbar4142
    @ilhamakbar4142 3 роки тому

    Terima kasih ilmunya, Pak

  • @kuroKuro92
    @kuroKuro92 3 роки тому

    Jadi ingin cobain Tailwind + Vanilla CSS nih, kadang pakai bootstrap agak repot untuk custom

  • @MrRidwan1984
    @MrRidwan1984 3 роки тому

    Klo pake bootstrap secantik dan sekeren apapun tetap keliatan bootstrap nya. Jadi tertarik mau belajar tailwind

  • @bangtigabelas
    @bangtigabelas 3 роки тому

    Lanjut PaDika semangat belajar tailwindcss 😁

  • @callmelansz8306
    @callmelansz8306 3 роки тому +1

    Terima kasih pak ilmunya

  • @albertreynaldi665
    @albertreynaldi665 3 роки тому +2

    di tunggu materi react js nya pak 👍👍