3. Instalasi & Konfigurasi Tailwind CSS | Belajar Tailwind CSS

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

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

  • @incubusholic
    @incubusholic 3 года назад +85

    Kalau kita nyari tutorial dr programmer yg lebih handal dr pak dika itu pasti banyak. Tapi kalau dari cara penjelasan, sejauh ini salah satu yang terbaik. Mungkin basicnya yang dosen, jd setiap memberikan penjelasan selalu runut tetapi tidak membosankan. Hampir seperti artikel ilmiah. Selalu terdapat latar belakang, studi literatur, pembahasan, kesimpulan & sumber.
    Terima kasih pak dika

  • @ridwandwipermana491
    @ridwandwipermana491 3 года назад +48

    dari wpu yang paling saya suka itu penjelasannya sangat detail, hampir tidak ada lagi pertanyaan dari saya yg kurang dimengerti, sangat sangat berterima kasih pakk 💞💞

  • @abangmic1116
    @abangmic1116 3 года назад +15

    Alhamdulillah saya baru dapat kerja, terus disuruh belajar tailwind awalny saya smpat mikir apakah saya sanggup..
    Terus setelah buka2 youtube eh ga taunya pak dika udah mulai bikin tutorial tailwind😁
    Yg awalny smpat down jdi semangat.. terimakasih pak 🙏🏻
    Semoga ilmu yg dishare bsa jdi amal jariyah bapak aamiin... 🤲🏻

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

    chapter instalasi & konfigurasi di semua tutoriyal Bapak bagus, to the point tapi tetep ada penjelasan lebih detailnya, nggak cuman sebatas install saja. Saya suka pas bahas package.json sampai npm run dev-nya. Makasih, Pak.

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

    Tutorialnya udah lama, tapi saya pake untuk belajar Golang dan pasang tailwind tanpa CDN.
    Jadi bisa sekarang. Nyari2 tutorial di internet ga temu2. Tapi dpt inspirasi dari Video ini. Malah bisa bikin sendiri. Alhamdulillah
    Makasih yaa.....

  • @faizadie30
    @faizadie30 3 года назад +2

    lanjut pak, dari smk sampe sekararang kerja tetep masih nyimak content2 disini, terbaik emang, makasih juga pak ilmu2nya :D

  • @dumadoniagarasambora675
    @dumadoniagarasambora675 3 года назад +2

    Pak Dika kalo ngejelasin suka detail pisan mantappp, menjawab banyak keingintahuan, nuhun pak hihi

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

    ngoding jalan 4 taun, 2023 baru mempelajari tailwind, penjelasan pak dika memang langsung masuk ke otak, walau saya speed up 1.8x videonya biar cepet.

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

      4 tahun udah bisa apa aja bg

  • @philipantony4102
    @philipantony4102 3 года назад +1

    Yesss. gak sabar video selanjutnya

  • @bramantawisnu
    @bramantawisnu 3 года назад +6

    masih loading,, di cara yang pakai terminal masih bingung,, skip dulu nanti2 belajar lagi,, sementara saya pakai cara copy link CDN nya 😂,,
    terimakasih banyak ilmunya pak sandika,

  • @asheaven1st
    @asheaven1st 3 года назад +21

    Just for info:
    Error yang terjadi di video ini ketika melakukan peng-install-an juga bisa di-fix dengan meng-upgrade npm ke v16+

    • @NGAJINGODING
      @NGAJINGODING 3 года назад

      npm sudah ada yang v 16.x ta?

    • @asheaven1st
      @asheaven1st 3 года назад

      @@NGAJINGODING npm nya belum, nodejs nya uda.. Kebiasaan buruk saya, nyamain npm dan nodeJS 🥲

    • @farhannovan
      @farhannovan 3 года назад

      nah bener

    • @bramantawisnu
      @bramantawisnu 3 года назад +1

      @@asheaven1st baru tau kalo beda

    • @dapaaaa2236
      @dapaaaa2236 3 года назад

      gmna installnya ya ?

  • @mazuna23
    @mazuna23 3 года назад +2

    Terimakasih pak dosen, wah berasa ikutan merdeka belajar,

  • @RianY2K
    @RianY2K 3 года назад +4

    Wah baru lihat videonya nih pak. Cusss langsung ikutan belajar Tailwind. Mulai dari konfigurasi awal dulu ya 👍

  • @NgodingPintar
    @NgodingPintar 3 года назад +1

    Joss.. makin kereenn,,,

  • @iqronegoro1538
    @iqronegoro1538 3 года назад +1

    Clear banget buat instalasi dan config tailwind ya. Mantap...

  • @revandararizki2940
    @revandararizki2940 3 месяца назад +1

    terima kasih kak tutorialnya

  • @zainalmutaqin7386
    @zainalmutaqin7386 3 года назад

    kalo saya pusing belajar raact.js rasanya in bisa mengaobati rasa jenuh saya buat mendengarkan pak dika apa lagi kalo penjelansaan-nya soal css
    terima kasih ya pak anda adalah mood booster saya

  • @kalammahardhika6863
    @kalammahardhika6863 3 года назад +1

    Mantap pak jadi lebih paham karena sebelumnya salah cara ngegunain tailwindnya

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

    pantes jadi dosen., ngejelasinya enak banget 😁😁 sukses pak Dika

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

    makasih pak sandhika, the best tutorial si mmg,,,

  • @davidyusaku
    @davidyusaku 3 года назад +1

    barusan dari Tailwind Labs, jadi makin cepet kalo pake PostCSS
    ga perlu build pake npx lagi

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

    Nitip pak
    12:04 Inisialisasi Tailwindcss
    17:47 Buat sinkronisasi css

  • @mmmmm-rn7zz
    @mmmmm-rn7zz Год назад

    terima kasih ilmunya pak dika, semoga berkah selalu

  • @rizkiseptiardi6871
    @rizkiseptiardi6871 3 года назад

    Thank you pak sandhika, penjelasan dari bapak dika jelas banget + detail. Saya tunggu video selanjutnya pak..

  • @venom120-e4q
    @venom120-e4q Год назад

    mantap,,penjelasan nya padet jelas dan rinci🤩🤩

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

    keren banget pak, baru 2 video udah dapet ilmu yang banyak..

  • @soffanhidayat8653
    @soffanhidayat8653 3 года назад

    Keren bgt tailwind, terimakasih kk terus lanjtkan

  • @fandihaha1071
    @fandihaha1071 3 года назад +1

    Selalu mudah dimengerti hehe

  • @sonihidayatulloh9242
    @sonihidayatulloh9242 3 года назад +2

    Terimakasih pak sandhika sehat terus pak 🤗

  • @adfrach4436
    @adfrach4436 3 года назад

    Lets go 🔥 pas banget momen nya ,barusan selesai di video tailwind sebelunnya

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

    Bagi yang menerima error saat proses `npx tailwindcss init`, bisa coba :
    npm uninstall tailwindcss
    npm install tailwindcss@latest postcss@latest autoprefixer@latest
    npx tailwindcss@latest init -p

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

      Maaf mas mau tanya, kenapa ya pas di bagian npx .... tetep error. Keterangannya "node" is not recognized as an internal or external command...?

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

      @@ajikesuma685 NodeJS belum terinstall dengan benar di OS kamu berarti.

  • @AganSalman
    @AganSalman 3 года назад +1

    Trimakasi atas ilmunya pak , sehat selalu pak

  • @cursnet7101
    @cursnet7101 3 года назад

    Mantapp, terimakasih pak yang ditunggu tunggu 😁

  • @zakirhomadon
    @zakirhomadon 3 года назад +1

    Akhirnya yang ditunggu tunggu🔥

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

    Keren bgt pak dika thankyou!

  • @muhammadazqilana2946
    @muhammadazqilana2946 3 года назад

    Terima Kasih Video Hari INI gAS ikutin Tutorialnya

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

    Langsung gasss ngoding lah..... JANGAN LUPA TITIK KOMA!!!

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

    Pak tutorial reactjs bisa yukkk. Masih menanti tutorial dari pak dika karena menurut saya penjelasan materi² video pak dika itu bahasa nya paling mudah dipahami dibanding dengan youtuber yg lain 😁

  • @kikukeii
    @kikukeii 3 года назад

    Woh seri ini benar benar menarik

  • @ariafandi8858
    @ariafandi8858 3 года назад +1

    Mudah di mengerti dan saya menyukai nya wkw

  • @relaxingrainmusictrv611
    @relaxingrainmusictrv611 3 года назад +1

    Mantap kak , terimakasih kak atas totorialnya

  • @abyghails
    @abyghails 3 года назад

    Komen pake voice bisa gak si wkwk mau bilang makasih banget gitu. Detail banget.

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

    Keren pak, 😎 💪 🙏sehat selalu 🙏

  • @kieza1779
    @kieza1779 3 года назад +1

    Lanjut pak!!

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

    Terima kasih Pak Dika

  • @annisafitrianihaqiqi4262
    @annisafitrianihaqiqi4262 3 года назад

    terima kasih pak, sehat selalu

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

    Sangat membantu sekali terimakasih bang

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

    Sangat membanti trimakasih

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

    Thanks pak udh buat video gratis semoga gratis terus 😂😂😂😂😂😂

  • @ezioken9148
    @ezioken9148 3 года назад

    ditunggu kelanjutannya pak 😆

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

    Bingungs wkwkkk yg paling enak pake cdn nya. Tpi untung nonton pelan2 di pahami dah bisa pakai npm

  • @Haraki-yt
    @Haraki-yt 2 года назад

    cba di buatkan kita buku ya pa.dika ttg tailwindcss ya..

  • @juliansukrisna7740
    @juliansukrisna7740 3 года назад

    kepala saya mau pecah Pak.....nunggu ilham saat sudah tercerahkan.

  • @noviaamarsheilaa5344
    @noviaamarsheilaa5344 3 года назад

    Terimakasih banyak pak

  • @ammarsasfe
    @ammarsasfe 3 года назад

    akhirnya yang saya tunggu

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

    Mylosp just a legend really aren’t ya

  • @bersamazeaziodanzaid
    @bersamazeaziodanzaid 3 года назад

    Mantapp pak🙏

  • @Allegiant.
    @Allegiant. 3 года назад

    Di percepat lgi pak karena saya sangat suka penjelasan bapak

  • @putrodwi3672
    @putrodwi3672 3 года назад +1

    Finally

  • @chairilaliart
    @chairilaliart 3 года назад

    Mantaaapp pak

  • @Rakademi
    @Rakademi 3 года назад

    mantappp 👍

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

    mantapp

  • @allone258
    @allone258 3 года назад

    Terimakasih

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

    Huftt, gasss

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

    Thanks a lot !

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

    oalah makasi pak dhika

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

    makasih pak

  • @danyakmallun
    @danyakmallun 3 года назад

    sangar pak

  • @dzalhaqi
    @dzalhaqi 3 года назад

    Abis ini bikin komponen dengan tailwind dan react js Pak 👍🏻😅

  • @rakyatsejahtera8419
    @rakyatsejahtera8419 3 года назад

    keren keren keren

  • @r.012ch8
    @r.012ch8 3 года назад

    Keren

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

    Waiting playlist ReactJS Pak Dika😁😅

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

    kapan" bahas framework serenity dong

  • @fazrulchanel6990
    @fazrulchanel6990 3 года назад

    Kerennnnn

  • @RheaVlog
    @RheaVlog 3 года назад

    daging banget

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

    kenapa waktu saya ketik npm init -y kok malah muncul gini
    npm : The term 'npm' is not recognized as the name of a cmdlet,
    function, script file, or operable program. Check the spelling of
    the name, or if a path was included, verify that the path is correct
    and try again.
    At line:1 char:1
    + npm init -y
    + ~~~
    + CategoryInfo : ObjectNotFound: (npm:String) [], Comma
    ndNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
    mohon bantuan dan solusinya
    terimakasih

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

      sudah install nodejs di komputernya?

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

      @@sandhikagalihWPU sudah, pak. terimakasih solusinya

  • @Rauliqbal
    @Rauliqbal 3 года назад

    udah nggk sabar pak dhika bikin portfolio pake tailwind :v

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

    pak sandhika saya mau tanya, saya sudah install pacakge manager NPM (Node.js) gimana cara ganti C:\Users\Ja'far Shodiq>document/learning/ gitu pak di promp perintahnya, kalau di terminal vs code tidak di temukan gitu pak
    npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or
    operable program. Check the spelling of the name, or if a path was included, verify that
    the path is correct and try again.
    At line:1 char:1
    + npm init -y
    + ~~~
    + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
    seperti ini pak di vs code (terminal)

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

      Apakah sudah ada solusinya? Perlu solusi juga soalnya baru merasakan sekarang kendala itu

    • @-_FarizVanMazli
      @-_FarizVanMazli Год назад

      Install node js dulu

  • @ywf98
    @ywf98 3 года назад +1

    pak saya mau request dark mode + sidebar toggle pakai tailwindCSS

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

    Pak mau tanya. Sebelum menginstall tailwind pake cara yang CLI itu pak dika ada bilang '..karena kita bekerja dengan npm sebaiknya aplikasi kita ini di inisialisasi dulu..' Nah, itu maksudnya gimana yah pak?

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

      simpelnya kita buat file yang isinya deskripsi / penjelasan projek, kaya nama proyek , deskripsi proyek, versi npm yang kita gunakan, dependecies yang kita install, dll, cmiw :p

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

    pak, kok punya saya malah langsung bisa yah tanpa nulis ketiga @tailwind di css?

  • @hendrawansulistyanto731
    @hendrawansulistyanto731 3 года назад +2

    Bang, buat benerin tab per line kodenya pake extensi apa ya?

  • @peterchristoval3889
    @peterchristoval3889 3 года назад

    Yeayy lanjut tailwind, sangat ditunggu2 dari pak Dhika 😁. Gk pake webcam pak? Hehe

    • @sandhikagalihWPU
      @sandhikagalihWPU  3 года назад +1

      filenya dari cameranya corrupt 😭

    • @yuzarqadariesman3907
      @yuzarqadariesman3907 3 года назад

      @@sandhikagalihWPU pantesan ada yang kurang, perasaan apaaaaa ? mikirr sambil ngoding, eh jawaban nya disini, kurang wajah kasep nya hehe. Sumpah.. langsung nancep penjelasan nya, luarbiasa pak, sehat dan semakin sukses teruss,

    • @peterchristoval3889
      @peterchristoval3889 3 года назад

      @@sandhikagalihWPU Sudah saya duga wkwk 😁

  • @michaeldotid
    @michaeldotid 3 года назад

  • @dennyramdhani3969
    @dennyramdhani3969 3 года назад +2

    Kalo mau belajar tailwind harus belajar node.js terlebih dahulu ya baru ke tailwind nya?

    • @allone258
      @allone258 3 года назад +2

      Tidak, cukup download aja node js. Terus tinggal pakai comman npm di terminal sesuai yg dipakai pak dhika.

    • @dennyramdhani3969
      @dennyramdhani3969 3 года назад

      Terima kasih tips nya ka @@allone258

  • @NagaJawa-jj7os
    @NagaJawa-jj7os Год назад +1

    assalamualaikum pak saya mau tanya, kenapa saat melakukan npm init -y muncul pesan error unable to load schema ya pak?

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

    Pak sandi maaf saya mau tanya apakah dibagian package.json saya tidak ada class yang bernama script ? Apakah installer node.js berpengaruh. Dikarenakan saya tidak bisa menyimpan perintah npx -- watch sesuai dengan tutorial yang bapak berikan. Terimakasih

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

    pak kalau extensiontai lwind css intellisensenya sudah aktif, tapi belum muncul suggestnya saat ketik diclassnya itu bagimana ya pak?

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

    pak saya semua step lancar kecuali step 5, saya ubah class h1 nya ga tapi ga berubah dan ga terupdate di style css nya. kira kira kenapa ya?

  • @fiqri-dev
    @fiqri-dev Месяц назад

    baru setengah vidio udah ngantuk :( huhu T_T aku parah bgt

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

    pak mau tanya,,saya koq ketik perintah npm init -y koq keluarnya tidak seperti yg di videoya

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

    Pak saat install tailwind kenapa punya saya not found ?
    Ketika melakukan init dll

  • @Novia5555
    @Novia5555 3 года назад

    Saya pake tailwind di Laravel ya, kadang pas bikin page baru itu kadang ada kode yang ga kebaca, entah warna lah entah width nya lah, itu kenapa ya? Trus nanti tu suka bisa lagi. Belum tau penyebabnya apa. Saya pakai mix ...

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

    22:40

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

    pak kalo erorr ginih gimnh yah ( The term 'npm' is not recognized as the name of a cmdlet, function, script
    file, or operable program. Check the spelling of the name, or if a path w
    as included, verify that the path is correct and try again.
    At line:1 char:4
    + npm

  • @uwais8133
    @uwais8133 3 года назад

    saya belum pernah coba bootstrap ataupun tailwind, biasa di backend, menurut pak sandi, untuk belajar cepat membangun frontend lebih baik yg mana?

    • @sandhikagalihWPU
      @sandhikagalihWPU  3 года назад

      cobain bootstrap dulu

    • @skidipap6673
      @skidipap6673 3 года назад

      TailwindCSS, soalnya aku nonton tutorial 1 jam Langsung bisa

    • @uwais8133
      @uwais8133 3 года назад

      @@sandhikagalihWPU terima kasih pak sarannya 🙏

    • @allone258
      @allone258 3 года назад +1

      @@uwais8133 kalau dibootstrap udah kerasa mentok (gk bisa bebas) langsung pindah tailwind. intinya bootstrap gk wajib bisa css, cuman tailwind wajib bisa.

    • @ayarzuki
      @ayarzuki 3 года назад

      @@skidipap6673 nontonnya di channel mana, Kak?
      Sharing info 🙏

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

    apakah node.js nya butuh OS windows 8 ke atas?

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

    8:38 kenapa ya pak saya gak bisa init,malah ada pesan bash:npm:command not found

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

    Izin bertanya pak, dalam penggunaannya apakah harus stay online?

  • @hadidwiardiansyah9436
    @hadidwiardiansyah9436 5 месяцев назад

    p-3 maksudnya gimana si bro paddingnya jadi ukuran yang gimana?