3. Instalasi & Konfigurasi Tailwind CSS | Belajar Tailwind CSS

Instalasi & Konfigurasi TailwindCSS di komputer kita
---
TailwindCSS
tailwindcss.com/
Visual Studio Code
code.visualstu...
NodeJS
nodejs.org/en/
Git
git-scm.com/
---
Ikuti Playlist Belajar TailwindCSS Dari Awal :
• Belajar TAILWINDCSS
---
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Coding Gear Official Store 👕
shopee.co.id/w...
👾 Gabung Server Discord WPU 👾
/ discord
Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/san...
karyakarsa.com...
---
📢 FOLLOW SOCIAL MEDIA 📢
/ sandhikagalih
/ sandhikagalih
github.com/san...
/ sandhika.galih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

[@incubusholic]

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]

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]

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]

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.

[@faizadie30]

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

[@bramantawisnu]

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,

[@MrKeliv]

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

[@wahyudiprimadana0124]

berarti web bisa dirunning offline dari localhost bg?

[@AldiPrasetyo]

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]

4 tahun udah bisa apa aja bg

[@RianY2K]

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

[@philipantony4102]

Yesss. gak sabar video selanjutnya

[@NgodingPintar]

Joss.. makin kereenn,,,

[@dumadoniagarasambora675]

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

[@hendrakusuma2026]

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

[@mazuna23]

Terimakasih pak dosen, wah berasa ikutan merdeka belajar,

[@zainalmutaqin7386]

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]

Mantap pak jadi lebih paham karena sebelumnya salah cara ngegunain tailwindnya

[@iqronegoro1538]

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

[@venom120-e4q]

mantap,,penjelasan nya padet jelas dan rinci🤩🤩

[@hirunasactivities3975]

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

[@mmmmm-rn7zz]

terima kasih ilmunya pak dika, semoga berkah selalu

[@asheaven1st]

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]

npm sudah ada yang v 16.x ta?

[@asheaven1st]

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

[@farhannovan]

nah bener

[@bramantawisnu]

@@asheaven1st baru tau kalo beda

[@dapaaaa2236]

gmna installnya ya ?

[@rizkiseptiardi6871]

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

[@rifqiadliansyahalby6558]

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

[@davidyusaku]

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

[@soffanhidayat8653]

Keren bgt tailwind, terimakasih kk terus lanjtkan

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

[@W_Ahmaddev]

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

[@fandihaha1071]

Selalu mudah dimengerti hehe

[@sonihidayatulloh9242]

Terimakasih pak sandhika sehat terus pak 🤗

[@adfrach4436]

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

[@AganSalman]

Trimakasi atas ilmunya pak , sehat selalu pak

[@abyghails]

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

[@bachrulpanjigumilang3821]

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

[@muhammadazqilana2946]

Terima Kasih Video Hari INI gAS ikutin Tutorialnya

[@revandararizki2940]

terima kasih kak tutorialnya

[@cursnet7101]

Mantapp, terimakasih pak yang ditunggu tunggu 😁

[@zakirhomadon]

Akhirnya yang ditunggu tunggu🔥

[@Hilmy007]

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

[@youngestbro1318]

Keren bgt pak dika thankyou!

[@legisetiawan]

Keren pak, 😎 💪 🙏sehat selalu 🙏

[@ariafandi8858]

Mudah di mengerti dan saya menyukai nya wkw

[@kikukeii]

Woh seri ini benar benar menarik

[@aerizth13]

klo ada yang error "npm init -y" itu install dulu nodejsnya. klo ada yang error pas "npx tailwindcss init" itu karna tailwind sekarang udah versi 4, udah beda lagi. caranya biar tetep bisa ikutin tutorial ini, downgrade ke versi pak dhika npm uninstall tailwindcss postcss autoprefixer npm install -D tailwindcss@3.0.15 postcss@8.4.5 autoprefixer@10.4.2 npx tailwindcss init klo pas ngebuat input.css ada warning kayak "unknown" walaupun dah instal postcss extention, matiin aja via vscode setting > search "unkown" nanti ubah ke ignore.

[@relaxingrainmusictrv611]

Mantap kak , terimakasih kak atas totorialnya

[@Haraki-yt]

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

[@juliansukrisna7740]

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

[@kieza1779]

Lanjut pak!!

[@ezioken9148]

ditunggu kelanjutannya pak 😆

[@rizaaminudin698]

Terima kasih Pak Dika

[@annisafitrianihaqiqi4262]

terima kasih pak, sehat selalu

[@giansirait9631]

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

[@iYuvie]

Sangat membantu sekali terimakasih bang

[@ismaildwin]

Sangat membanti trimakasih

[@Allegiant.]

Di percepat lgi pak karena saya sangat suka penjelasan bapak

[@ammarsasfe]

akhirnya yang saya tunggu

[@putrodwi3672]

Finally

[@tegardjalal5270]

Mylosp just a legend really aren’t ya

[@chairilaliart]

Mantaaapp pak

[@dzalhaqi]

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

[@bersamazeaziodanzaid]

Mantapp pak🙏

[@noviaamarsheilaa5344]

Terimakasih banyak pak

[@YazidAlgifari582]

oalah makasi pak dhika

[@malvinval]

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]

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

[@malvinval]

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

[@wirbadiims6889]

Huftt, gasss

[@Rauliqbal]

udah nggk sabar pak dhika bikin portfolio pake tailwind :v

[@ibnuzakyaidilnafli7517]

kapan" bahas framework serenity dong

[@iapptechid]

Waiting playlist ReactJS Pak Dika😁😅

[@danyakmallun]

sangar pak

[@rakyatsejahtera8419]

keren keren keren

[@fazrulchanel6990]

Kerennnnn

[@fiqri-dev]

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

[@Rakademi]

mantappp 👍

[@egipratama2601]

mantapp

[@allone258]

Terimakasih

[@maulana1048]

makasih pak

[@lidigaming3102]

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]

sudah install nodejs di komputernya?

[@lidigaming3102]

@@sandhikagalihWPU sudah, pak. terimakasih solusinya

[@r.012ch8]

Keren

[@z911dn]

Maaf telat pakkk

[@ywf98]

pak saya mau request dark mode + sidebar toggle pakai tailwindCSS

[@RheaVlog]

daging banget

[@adilarkclip]

ada ga yang error ketika digunain class di html, ga berubah apa2, tapi segi fontnya udh berubah, tadinya h1 jadi kyk paragraph

[@digitaltama]

sering ketiduran karna soundnya enak

[@peterchristoval3889]

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

[@sandhikagalihWPU]

filenya dari cameranya corrupt 😭

[@yuzarqadariesman3907]

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

@@sandhikagalihWPU Sudah saya duga wkwk 😁

[@ReyDan-j4h]

kenapa di saya itu. ini code nya sama persis ya .. ketika saya buat ni h1 isi nya hello terus pakai text warna merah contohnya . itu ga jalan merahnya .. harus di watch ulang dlu .. sama jg dengan ganti warna lain .. misal ke hijau .. di watch ulang dlu lagi .. dan warna merah yg tadi ga bisa di pakek ... di output css. nya ini itu generate ulang dan isinya cuman ada warna hijau .. yg sebelumnya ada warna merah nya ... mau pakai apa aja .. output.css nya itu ga generate auto gitu, kenapa ya

[@Novia5555]

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

[@dzakiadzkiya4944]

Thanks a lot !

[@muhammadfauji90]

Dah saya coba tapi text nya kalw di kash warna gak bisah,tapi kalw textnya di kasih text alih center bisah agak bingung juga sedikit

[@white-t9922]

kok saya gk auto yaa.. kalo nambahin class di html harus ctrl+s di config.js dulu, gk mau auto rebuilding padahal udh ada --watch. udh coba ulang kali tetep sama aja

[@NayNay_Family]

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]

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

[@-_FarizVanMazli]

Install node js dulu

[@alexpebri5337]

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

[@rifqifachrizalr4695]

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]

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

[@NagaJawa-jj7os]

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

[@muhammadichlasulamal]

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]

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

[@sicermat]

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

[@adminsalespas8914]

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

[@asrabyyaalgamar808]

Instal NPM nya dulu bg.

[@EfrSovereign]

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

[@Caca-bd6rn]

Pak mau tanya saya baru sampai npm init sudah muncul pesan "The term npm is not recognized as the name of a cmdlet" itu solusinya gimana ya pak

[@hendrawansulistyanto731]

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

[@sandhikagalihWPU]

prettier

[@dennyramdhani3969]

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

[@allone258]

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

[@dennyramdhani3969]

Terima kasih tips nya ka @@allone258