3. Instalasi & Konfigurasi Tailwind CSS | Belajar Tailwind CSS

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 277

  • @incubusholic
    @incubusholic 2 роки тому +84

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

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

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

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

    Yesss. gak sabar video selanjutnya

  • @bramantawisnu
    @bramantawisnu 2 роки тому +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,

  • @RianY2K
    @RianY2K 2 роки тому +4

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

  • @dumadoniagarasambora675
    @dumadoniagarasambora675 2 роки тому +2

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

  • @AldiPrasetyo
    @AldiPrasetyo Рік тому +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

  • @mazuna23
    @mazuna23 2 роки тому +2

    Terimakasih pak dosen, wah berasa ikutan merdeka belajar,

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

    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

  • @hendrakusuma2026
    @hendrakusuma2026 10 місяців тому

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

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

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

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

      npm sudah ada yang v 16.x ta?

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

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

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

      nah bener

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

      @@asheaven1st baru tau kalo beda

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

      gmna installnya ya ?

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

    Mantap pak jadi lebih paham karena sebelumnya salah cara ngegunain tailwindnya

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

    Joss.. makin kereenn,,,

  • @venom120-e4q
    @venom120-e4q Рік тому

    mantap,,penjelasan nya padet jelas dan rinci🤩🤩

  • @mmmmm-rn7zz
    @mmmmm-rn7zz Рік тому

    terima kasih ilmunya pak dika, semoga berkah selalu

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

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

  • @hirunasactivities3975
    @hirunasactivities3975 20 днів тому

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

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

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

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

    Keren bgt tailwind, terimakasih kk terus lanjtkan

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

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

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

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

  • @sonihidayatulloh9242
    @sonihidayatulloh9242 2 роки тому +2

    Terimakasih pak sandhika sehat terus pak 🤗

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

    Akhirnya yang ditunggu tunggu🔥

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

    Selalu mudah dimengerti hehe

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

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

    Trimakasi atas ilmunya pak , sehat selalu pak

  • @youngestbro1318
    @youngestbro1318 4 місяці тому

    Keren bgt pak dika thankyou!

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

    Mantapp, terimakasih pak yang ditunggu tunggu 😁

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

    Keren pak, 😎 💪 🙏sehat selalu 🙏

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

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

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

    Woh seri ini benar benar menarik

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

    Terima Kasih Video Hari INI gAS ikutin Tutorialnya

  • @revandararizki2940
    @revandararizki2940 2 місяці тому +1

    terima kasih kak tutorialnya

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

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

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

    Mudah di mengerti dan saya menyukai nya wkw

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

    ditunggu kelanjutannya pak 😆

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

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

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

    Mantap kak , terimakasih kak atas totorialnya

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

    Lanjut pak!!

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

    akhirnya yang saya tunggu

  • @Haraki-yt
    @Haraki-yt 2 роки тому

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

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

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

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

    Finally

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

    Mylosp just a legend really aren’t ya

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

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

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

    terima kasih pak, sehat selalu

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

    Terima kasih Pak Dika

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

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

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

    Waiting playlist ReactJS Pak Dika😁😅

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

    Sangat membantu sekali terimakasih bang

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

    Sangat membanti trimakasih

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

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

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

    Huftt, gasss

  • @Allegiant.
    @Allegiant. 2 роки тому

    Di percepat lgi pak karena saya sangat suka penjelasan bapak

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

    Mantapp pak🙏

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

    Mantaaapp pak

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

    Terimakasih banyak pak

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

    keren keren keren

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

    udah nggk sabar pak dhika bikin portfolio pake tailwind :v

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

    sangar pak

  • @YazidAlgifari582
    @YazidAlgifari582 11 місяців тому

    oalah makasi pak dhika

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

    kapan" bahas framework serenity dong

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

    Kerennnnn

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

    mantappp 👍

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

    First awowkwk

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

    mantapp

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

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

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

      filenya dari cameranya corrupt 😭

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

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

      @@sandhikagalihWPU Sudah saya duga wkwk 😁

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

    Maaf telat pakkk

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

    Thanks a lot !

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

  • @r.012ch8
    @r.012ch8 2 роки тому

    Keren

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

    makasih pak

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

    Terimakasih

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

    daging banget

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

    pak saya mau request dark mode + sidebar toggle pakai tailwindCSS

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

  • @hendrawansulistyanto731
    @hendrawansulistyanto731 2 роки тому +2

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

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

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

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

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

    mau tanya pak, di 30:30 apakah jika format minify nya diubah ke style.min.css (seperti bootstrap.min.css) akan ikut berpengaruh ke ukuran filenya atau hanya penamaan file dan ekstensinya saja?

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

      pengaruh jg di ukuran file nya. jadi lebih mini.

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

      @@yud4email ya, pas saya coba beberapa kali seperti dibagi 2 gitu ukuran filenya

  • @fiqri-dev
    @fiqri-dev 22 дні тому

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

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

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

    Hadir

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

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

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

      cobain bootstrap dulu

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

      TailwindCSS, soalnya aku nonton tutorial 1 jam Langsung bisa

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

      @@sandhikagalihWPU terima kasih pak sarannya 🙏

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

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

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

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

  • @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 Рік тому

      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 Рік тому

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

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

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

    Mau nanya mas dika untuk live previewnya saya tidak memakai yang dari windows saya memakai yang cumpanasu florin gpp kan ya mas ?

  • @dennyramdhani3969
    @dennyramdhani3969 2 роки тому +2

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

    • @allone258
      @allone258 2 роки тому +2

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

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

      Terima kasih tips nya ka @@allone258

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

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

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

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

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

    sering ketiduran karna soundnya enak

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

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

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

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