3. Instalasi & Konfigurasi Tailwind CSS | Belajar Tailwind CSS
ฝัง
- เผยแพร่เมื่อ 21 พ.ย. 2024
- 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
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
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 💞💞
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... 🤲🏻
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.
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.....
lanjut pak, dari smk sampe sekararang kerja tetep masih nyimak content2 disini, terbaik emang, makasih juga pak ilmu2nya :D
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.
4 tahun udah bisa apa aja bg
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,
Pak Dika kalo ngejelasin suka detail pisan mantappp, menjawab banyak keingintahuan, nuhun pak hihi
Terimakasih pak dosen, wah berasa ikutan merdeka belajar,
Wah baru lihat videonya nih pak. Cusss langsung ikutan belajar Tailwind. Mulai dari konfigurasi awal dulu ya 👍
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
pantes jadi dosen., ngejelasinya enak banget 😁😁 sukses pak Dika
Clear banget buat instalasi dan config tailwind ya. Mantap...
Mantap pak jadi lebih paham karena sebelumnya salah cara ngegunain tailwindnya
Just for info:
Error yang terjadi di video ini ketika melakukan peng-install-an juga bisa di-fix dengan meng-upgrade npm ke v16+
npm sudah ada yang v 16.x ta?
@@NGAJINGODING npm nya belum, nodejs nya uda.. Kebiasaan buruk saya, nyamain npm dan nodeJS 🥲
nah bener
@@asheaven1st baru tau kalo beda
gmna installnya ya ?
barusan dari Tailwind Labs, jadi makin cepet kalo pake PostCSS
ga perlu build pake npx lagi
Joss.. makin kereenn,,,
Nitip pak
12:04 Inisialisasi Tailwindcss
17:47 Buat sinkronisasi css
Thank you pak sandhika, penjelasan dari bapak dika jelas banget + detail. Saya tunggu video selanjutnya pak..
terima kasih ilmunya pak dika, semoga berkah selalu
mantap,,penjelasan nya padet jelas dan rinci🤩🤩
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 😁
Langsung gasss ngoding lah..... JANGAN LUPA TITIK KOMA!!!
Keren bgt tailwind, terimakasih kk terus lanjtkan
Terimakasih pak sandhika sehat terus pak 🤗
Trimakasi atas ilmunya pak , sehat selalu pak
keren banget pak, baru 2 video udah dapet ilmu yang banyak..
Selalu mudah dimengerti hehe
Komen pake voice bisa gak si wkwk mau bilang makasih banget gitu. Detail banget.
Yesss. gak sabar video selanjutnya
Lets go 🔥 pas banget momen nya ,barusan selesai di video tailwind sebelunnya
Terima Kasih Video Hari INI gAS ikutin Tutorialnya
Bingungs wkwkkk yg paling enak pake cdn nya. Tpi untung nonton pelan2 di pahami dah bisa pakai npm
Keren bgt pak dika thankyou!
cba di buatkan kita buku ya pa.dika ttg tailwindcss ya..
Mudah di mengerti dan saya menyukai nya wkw
Mantap kak , terimakasih kak atas totorialnya
Di percepat lgi pak karena saya sangat suka penjelasan bapak
ditunggu kelanjutannya pak 😆
kepala saya mau pecah Pak.....nunggu ilham saat sudah tercerahkan.
Keren pak, 😎 💪 🙏sehat selalu 🙏
Woh seri ini benar benar menarik
Thanks pak udh buat video gratis semoga gratis terus 😂😂😂😂😂😂
terima kasih pak, sehat selalu
Terima kasih Pak Dika
Abis ini bikin komponen dengan tailwind dan react js Pak 👍🏻😅
Mantapp, terimakasih pak yang ditunggu tunggu 😁
Mylosp just a legend really aren’t ya
Sangat membantu sekali terimakasih bang
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
Maaf mas mau tanya, kenapa ya pas di bagian npx .... tetep error. Keterangannya "node" is not recognized as an internal or external command...?
@@ajikesuma685 NodeJS belum terinstall dengan benar di OS kamu berarti.
Sangat membanti trimakasih
terima kasih kak tutorialnya
Akhirnya yang ditunggu tunggu🔥
kapan" bahas framework serenity dong
Waiting playlist ReactJS Pak Dika😁😅
Lanjut pak!!
oalah makasi pak dhika
Terimakasih banyak pak
udah nggk sabar pak dhika bikin portfolio pake tailwind :v
sering ketiduran karna soundnya enak
Yeayy lanjut tailwind, sangat ditunggu2 dari pak Dhika 😁. Gk pake webcam pak? Hehe
filenya dari cameranya corrupt 😭
@@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,
@@sandhikagalihWPU Sudah saya duga wkwk 😁
Huftt, gasss
pak saya mau request dark mode + sidebar toggle pakai tailwindCSS
keren keren keren
akhirnya yang saya tunggu
Mantaaapp pak
Kalo mau belajar tailwind harus belajar node.js terlebih dahulu ya baru ke tailwind nya?
Tidak, cukup download aja node js. Terus tinggal pakai comman npm di terminal sesuai yg dipakai pak dhika.
Terima kasih tips nya ka @@allone258
Bang, buat benerin tab per line kodenya pake extensi apa ya?
prettier
Terimakasih
Finally
pak kalau extensiontai lwind css intellisensenya sudah aktif, tapi belum muncul suggestnya saat ketik diclassnya itu bagimana ya pak?
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?
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
makasih pak
saya belum pernah coba bootstrap ataupun tailwind, biasa di backend, menurut pak sandi, untuk belajar cepat membangun frontend lebih baik yg mana?
cobain bootstrap dulu
TailwindCSS, soalnya aku nonton tutorial 1 jam Langsung bisa
@@sandhikagalihWPU terima kasih pak sarannya 🙏
@@uwais8133 kalau dibootstrap udah kerasa mentok (gk bisa bebas) langsung pindah tailwind. intinya bootstrap gk wajib bisa css, cuman tailwind wajib bisa.
@@skidipap6673 nontonnya di channel mana, Kak?
Sharing info 🙏
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
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)
Apakah sudah ada solusinya? Perlu solusi juga soalnya baru merasakan sekarang kendala itu
Install node js dulu
Kenapa powershell pada terminal.
Npm tidak di kenali
Tulisanya
Npm : the term "npm" Is not recognized as the name of a cmdlet, function, script file, or operable progam
Sudah install nodejs?
Mantapp pak🙏
mantapp
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
sudah install nodejs di komputernya?
@@sandhikagalihWPU sudah, pak. terimakasih solusinya
sangar pak
daging banget
Keren
Mau nanya mas dika untuk live previewnya saya tidak memakai yang dari windows saya memakai yang cumpanasu florin gpp kan ya mas ?
Kerennnnn
mau tanya pak, untuk di project yang berbeda, apakah kita cukup install tailwindcss nya saja tanpa autoprefixer dan postcss ?
assalamualaikum pak saya mau tanya, kenapa saat melakukan npm init -y muncul pesan error unable to load schema ya pak?
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
Instal NPM nya dulu bg.
Izin bertanya pak, dalam penggunaannya apakah harus stay online?
numpang tanya pak OOT sih, itu cursor tik nya kok kedip2 nya bagus pak gmna caranya hehehe
ada di setting vscode, cari aja cursor blinking
@@ahmadandriansyah1348 siapp terima kasih infonya kang
mantappp 👍
pak, kok punya saya malah langsung bisa yah tanpa nulis ketiga @tailwind di css?
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 ...
warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
mohon bantuanya pak dika
Itu akhirnya ada solusi kah? Saya baru merasakannya sekarang kendala itu
maaf pak, terminalnya wajib jalan ya? kalau di close gimana
Thanks a lot !
Permisi Pak dan teman teman, ini saya punya project Laravel 8 menggunakan tailwind, tapi si tailwindnya ga mau langsung ngasih liat perubahan di tampilan walaupun sudah tailwind --watch atau mix watch. Gimana ya kira kira?
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