3. Instalasi & Konfigurasi Tailwind CSS | Belajar Tailwind CSS
Вставка
- Опубліковано 16 січ 2022
- Instalasi & Konfigurasi TailwindCSS di komputer kita
---
TailwindCSS
tailwindcss.com/
Visual Studio Code
code.visualstudio.com/
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/wpustore.id
👾 Gabung Server Discord WPU 👾
/ discord
- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- / sandhikagalih
- / sandhikagalih
- github.com/sandhikagalih
- / sandhika.galih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac.id/
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.
lanjut pak, dari smk sampe sekararang kerja tetep masih nyimak content2 disini, terbaik emang, makasih juga pak ilmu2nya :D
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
Clear banget buat instalasi dan config tailwind ya. Mantap...
Lets go 🔥 pas banget momen nya ,barusan selesai di video tailwind sebelunnya
Yesss. gak sabar video selanjutnya
Wah baru lihat videonya nih pak. Cusss langsung ikutan belajar Tailwind. Mulai dari konfigurasi awal dulu ya 👍
Mantapp, terimakasih pak yang ditunggu tunggu 😁
Keren bgt tailwind, terimakasih kk terus lanjtkan
Terimakasih pak dosen, wah berasa ikutan merdeka belajar,
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
Joss.. makin kereenn,,,
keren banget pak, baru 2 video udah dapet ilmu yang banyak..
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.....
Akhirnya yang ditunggu tunggu🔥
Selalu mudah dimengerti hehe
terima kasih ilmunya pak dika, semoga berkah selalu
Mantap pak jadi lebih paham karena sebelumnya salah cara ngegunain tailwindnya
mantap,,penjelasan nya padet jelas dan rinci🤩🤩
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 ?
Trimakasi atas ilmunya pak , sehat selalu pak
barusan dari Tailwind Labs, jadi makin cepet kalo pake PostCSS
ga perlu build pake npx lagi
Terimakasih pak sandhika sehat terus pak 🤗
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 😁
Mantap kak , terimakasih kak atas totorialnya
Terima Kasih Video Hari INI gAS ikutin Tutorialnya
pantes jadi dosen., ngejelasinya enak banget 😁😁 sukses pak Dika
Woh seri ini benar benar menarik
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
Keren pak, 😎 💪 🙏sehat selalu 🙏
akhirnya yang saya tunggu
ditunggu kelanjutannya pak 😆
terima kasih pak, sehat selalu
Langsung gasss ngoding lah..... JANGAN LUPA TITIK KOMA!!!
Sangat membantu sekali terimakasih bang
Mudah di mengerti dan saya menyukai nya wkw
Lanjut pak!!
Terima kasih Pak Dika
Komen pake voice bisa gak si wkwk mau bilang makasih banget gitu. Detail banget.
Mantapp pak🙏
Terimakasih banyak pak
Sangat membanti trimakasih
Mantaaapp pak
mantappp 👍
Abis ini bikin komponen dengan tailwind dan react js Pak 👍🏻😅
cba di buatkan kita buku ya pa.dika ttg tailwindcss ya..
Di percepat lgi pak karena saya sangat suka penjelasan bapak
Waiting playlist ReactJS Pak Dika😁😅
Terimakasih
Finally
kepala saya mau pecah Pak.....nunggu ilham saat sudah tercerahkan.
Kerennnnn
sangar pak
daging banget
udah nggk sabar pak dhika bikin portfolio pake tailwind :v
Mylosp just a legend really aren’t ya
keren keren keren
Bingungs wkwkkk yg paling enak pake cdn nya. Tpi untung nonton pelan2 di pahami dah bisa pakai npm
Keren
mantapp
Thanks a lot !
kapan" bahas framework serenity dong
makasih pak
Huftt, gasss
Nitip pak
12:04 Inisialisasi Tailwindcss
17:47 Buat sinkronisasi css
pak saya mau request dark mode + sidebar toggle pakai tailwindCSS
Thanks pak udh buat video gratis semoga gratis terus 😂😂😂😂😂😂
oalah makasi pak dhika
mau tanya pak, untuk di project yang berbeda, apakah kita cukup install tailwindcss nya saja tanpa autoprefixer dan postcss ?
pak kalau extensiontai lwind css intellisensenya sudah aktif, tapi belum muncul suggestnya saat ketik diclassnya itu bagimana ya pak?
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
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 😁
Mau nanya mas dika untuk live previewnya saya tidak memakai yang dari windows saya memakai yang cumpanasu florin gpp kan ya mas ?
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?
Hadir
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
Maaf telat pakkk
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?
sering ketiduran karna soundnya enak
assalamualaikum pak saya mau tanya, kenapa saat melakukan npm init -y muncul pesan error unable to load schema ya pak?
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 ...
Bang, buat benerin tab per line kodenya pake extensi apa ya?
prettier
Pak Dika saya masu tanya kenapa file yang ada di inpus.css ada problem seperti ini (tailwind directives problems in this file index added)
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
pak dika mau tanya kenapa kalau di color dia ga running ya warnanya malah ga berubah sama sekali itu kenapa ya? makasih
cara fix npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.bagaimana ya pak?
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
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
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?
pengaruh jg di ukuran file nya. jadi lebih mini.
@@yud4email ya, pas saya coba beberapa kali seperti dibagi 2 gitu ukuran filenya
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
ini gimana
bach npm status command not found ya pak
maaf pak, terminalnya wajib jalan ya? kalau di close gimana
pak mau tanya,,saya koq ketik perintah npm init -y koq keluarnya tidak seperti yg di videoya
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
17:00