1. Apa itu Tailwind CSS? | Belajar Tailwind CSS
HTML-код
- Опубликовано: 27 ноя 2024
- Mulai belajar framework TailwindCSS versi 3
---
TailwindCSS
tailwindcss.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
semua ada kekurangan dan kelebihan masing2, gk perlu berdebat untuk itu
1. vanila css: cocok untuk pemula
2. bootstrap : cocok kalau buat web cepet jadi
3. tailwind : cocok untuk web dengan design custom
gk usah terlalu idealis, pakai aja sesuai kebutuhan
Kukira bootstrap jauh lebih gampang
ternyata ada yang lebih gampang lagi o.O
Materializecss lebih ringan
Yes
Yes, gak perlu berdebat 😂. Pelajarin aja semua dn sesuaikan dengan kebutuhan
Kira2 kalau saya belajar tailwind tanpa belajar bootstrap,boleh gak ya?
Salah satu amal jariyah adalah ilmu yg bermanfaat, saya bersaksi bahwa video² pak Sandika sangat bermanfaat. Semoga Allah mudahkan segala urusan pak Dhika
Selama ini gw ngeremehin tutorial yang pake bahasa indonesia, biasanya beli dari udemy. Cuma setelah gw pikir2x, gw coba dulu aja cari di youtube yang bner2x gw belum pernah coba kayak tailwind. Dari intronya sangat menjelaskan ttg tailwind di permukaan. Thank you.
Pak Sandhika Galih baiknya ga kaleng2, ngasih materi pembelajaran Tailwind detail banget... Bahkan saya yg pemula langsung paham..
Wah mantap pak, akhirnya masuk ke Tailwind CSS. Pasangan serasi nih klo dikombinasikan ke React JS dan Vue JS.
Oh iya, menurut survey State of CSS 2021, itu Tailwind CSS ada di peringkat pertama kepuasan penggunananya 😉
Saya juga menunggu pak dhika membahas react js 😀
Bljr react drimn ka
@@amerika8803 di RUclips ada banyak
Bener enak banget, tanpa buat custom css, jadi mudah buat maintain nya
Jujur nyoba tailwind awal" sangat sangat susah sekali karena udah terbiasa make component dari bootstrap contohnya *btn-primary* . Kalo di tailwind ini bener" bikin dari 0 jadinya harus bisa dan paham CSS. Tapi sekalinya kita udah bisa tailwind nih, mau balik ke bootstrap atau framework CSS yang lain, rasanya kurang hahahaha the best emang tailwind!! terutama JIT mode
Sejak kenal Tailwind CSS, saya langsung ninggalin Bootstrap
Mantap pak tutorialnya
Wakakaakk, sama kaya saya nih. Suka banget sama kustomisasinya tailwindcss 🍃
mantap pak Dhika, begitu nonton video Tailwind jadi terinspirasi. Tailwind membuat programmer bebas menentukan struktur HTML, tidak harus terpaku seperti struktur HTML yg ada di Bootstrap CSS classes. Thank you buat share ilmunya😊🙏🏽
Kalo saya lebih suka buat semua nya dari awal.karena mempunyai kendali penuh.tapi kita juga harus belajar setiap ada technologi yg baru.👍👍👍👍👍 Mantap pak dika
makasih pa dika...atas semua ilmunya cuma mau bilang semua toturial RAMAH untuk PEMULA
Terima kasih banyak pak, semoga bisa mengikuti playlistnya dari awal hingga selesai, maju terus pak sandhika 🤩
Lengkap sudah.. semua dibhs disini.. terimakasih pak...semoga brkah selalu..ilmu yg dibagi
Yeay baru banget buka hp udah dapat notifikasi video ni
Yang di tunggu-tunggu terimakasih pak 😁
Yesssss!! akhirnya kita belajar tailwindCSS bareng pak dika 👍👍👍
kelebihan tailwind yg sebenarnya paling jadi unggulan tailwind adalah team work friendly.. jadi karna semuanya utility aja, jadi ga perlu ngajarin/bikin dokumentasi dari tiap komponen yg dibuat di vanilla css.. dengan pake tailwind asalkan programmernya ngerti tailwind semua bisa langsung garap tanpa mikir/belajar code yg dibuat programmer sebelumnya/lainnya...
Owh iya satu lagi, saya ingin kritisi kekurangannya tailwind pak dhika yang "Code HTML jadi jelek", nah di tailwind kita bisa manajemen komponen di 1 file sass sehingga htmlnya bisa rapih cukup panggil parent stylenya aja... proses ini bagusnya dilakuin di akhir ketika dirasa komponen sudah fix ditentuin. kalo masih raba2 mending inline aja karena capek bolak balik
Berarti class di tailwind itu di jadiin satu aja di sassnya ya mas biar ga panjang amat di htmlnya?
NAH INI YANG DITUNGGU TUNGGU!, terima kasih banyak pak. sungguh berkah awal tahun langsung disuguhi materi tailwind css
Sy sudah lama pakai framework ini dan memang magic banget framework ini. Thank Mas Adam Wathan. Heuheuheu
Mantap pak🔥🔥
Pengen pelajarin Tailwind, tapi saat ini baru mulai ngulik Bootstrap lagi dan OOP🥲
Terima kash pak, setelah selesai mengenai materi laravel, saya masih ngulik2 lebih dalam lagi mengenai laravel dan terdapat banyak package2 yang di mana frontend nya memakai tailwind contoh laravel jetstream and brezee. mudahan series ini membantu saya dalam mendalami laravel lagi, makasih pak dika😁
Hurraaa... Awali tahun dengan materi baru 🙌🙌
Alhamdulillah Pak. Berkat ngikutin series Codeigniter 4 punya bapak, saya jadi sangat amat terbantu saat membangun sebuah projek code. Terimakasih Pak Dika, sehat dan murah rezeki selalu 🙏🏻🙌🏻
Mantap pak , kebetulan saya ada project Pake tailwind , sekalian mengulang pelajaran hehe
mantap nih tailwind, memudahkan saya sebagai backend untuk membuat UI dengan mudah dan cepat, maksudnya muda bukan berarti was wes wos ya. tapi dokumentas dan utility nya itu
malaysia hadirrr! setahunku tunggu, dari 2021 hingga 2022. haha. gurau pak dhika.
wah pa dika hatur nuhun pisaannn, kebetulan saya sedang mau belajar tailwind css
Sama🤣
17:25 TailwindCSS bisa seperti ini di cssnya pak,
.tombol {
@apply bg-blue-600 text-white px-3 py-2 rounded hover:bg-blue-700;
}
Jadi pakai `@apply`
Wah, spoiler magic nya nih 🤭
@@sandhikagalihWPU hahaha, biar sematic lagi htmlnya 🤩
Memang pak Dika paling mantap.paling jelas👍👍👍👍👍
Alhamdulillah.. ada ilmu pembelajaran baru lagi dari pak dika, asyik ngoding nih kita pak😊
Mudah-mudahan lancar pembuatan materi² tailwindcss nya sampai selesai dan bisa cepat di upload dan bisa belajar lebih cepat tanpa nunggu seperti nunggu episode anime tiap minggunya 🤣
PANJANG UMUR PAK. SEHAT SELALU. LANCAR REJEKINYA< BAHAGIA SELALU SAMA KEULARGA PAK
berharap dari playlist ini bisa memberi pilihan baru selain bootstrap. Terima kasih pak. akhirnya playlist yang ditunggu mulai rilis😁
Terimakasih pa Dika, Alhamdulillah mulai belajar Tailwind CSS
Izin download materi²nya buat belajar..terimakasih banyak pak🙏
Bedeeuh,, mantap selalu pak materinya, terimakasih banyak. Dari sejak saya mau masuk SMK nonton WPU tetep aja kayak "Klo belum di jelasin sama pak Dhika kayak kurang", padahal teknologi itu sudah saya pake😁
Punya guru atau dosen kayak pak Dika is another level of happiness wkwkwkw
Mantab Pak. Saya sangat terbantu dengan playlist2 bapak.
Kelebihan tailwind yang lain dibanding vanila css adalah kita ga perlu bersusah payah memikirkan nama class yang cocok untuk setiap section/komponen yang ada untuk markup kita
Pas banget mau belajar tailwind eh bapak upload materi tailwind, langsung gas lah, ditunggu juga konten react js nya pak🔥🔥
Up
akhirnyaaaaa 🔥 ini yang ditunggu-tunggu pak. semoga seri tailwind ini panjang dan lengkap ya ☺️ semangat pak dika. dan terima kasih
Yang di tunggu-tunggu akhirnya, makasih pak dhika
Menurut saya lebih enak lagi klo ditambah plugin DaisyUI pak 😁 ,, bikin button cuma `btn btn-primary`, mirip bootstrap ,, ngatur tema juga gampang dan cepet .. dan yang ga kelewat klo ada yang ga sesuai tinggal ditimpa pake class tailwind nya.
Kereeennnn pak.. akhirnyaaa ngebahas ini framework
Akhirnya yang di tunggu-tunggu
Wahh ditunggu nih
Ikut komen ahh.. thanks bapak dosen..
wah mantap playlist baru, udah coba sebelumnya dan emang mantep
Asyikkk seriess baruu ,,semngaat semangat
Mantap ga ada obat dosen satu ini, semoga sehat selalu
yang saya tunggu tunggu akhirnya muncul juga wkwkwk thanks pak dika
Thumbnail selalu fresh menyesuaikan tema materi
Padahal videonya lebih dari 20 menit, tpi ga kerasa karena saya bisa nikmatin penjelasan dari pak sandhika. Biasanya ngantuk liat video di channel lain padahal cuman 15 menit🙃
klo mnrt sy ada satu hal lg dr keunggulan tailwind yg gk disebutkan divideo, yaitu kita bs sgt fleksibel + ttp konsisten dgn style website kita. klo kita pakai semisal vanilla css, walau fleksibel, kita bs jd gk konsisten dlm menentukan value2 di atribut2nya. dan tujuan utama dr framework adalah memberi kita kemudahan dan menjaga agar kita ttp konsisten dgn codingan kita.
Ya kan udah pakai arbitrary value dari tailwind ... bukan em atau px 🤔
@@FADHsquared maksudnya, luput dr disebutin di video keunggulan si talwindnya...
Akhirnya ada playlist tailwind. Terima kasih banyak pak
Combine sama framework JS mantap pisan
siap pak dika saya belajar tailwindcss aja bisa ngerti tanpa harus belajar vanilacss dan bootstrap
Kalo udah make frontend framework baru tau gimana hebat dan enaknya Tailwind 😎
Sedapp ilmunya nih, terimakasih ya Pak 🙌🏻🤝🏻
udah lama nunggu seri ini, akhirnya rilis juga makasih paaak semangatttttt ngontennya
wah keren nongol juga nih series
Kren pak! Mantap sangat bermanfaat materinya!
Yang ditunggu tunggu, akhirnya bahas tailwind juga. Terima kasih pak dika, semoga diiringi kebahagiaan selalu
wuih....seri baru...mantap pak..
Terima kasih pak ilmunya
Kebetulan projek awal tahun, tim di projek request pakai tailwind. Makasih Pak Dika 😁
Terima kasih ilmunya, Pak
Tailwind nawarin utility kalo bootstrap component jadi agak tricky gitu harus ngafalin class class bootstrap biar jadi sesuai apa yang udah bootstrap buat. Kupas tuntas tailwind pak.... Saya lihat memang mudah dan bagus framework CSS nya
Yang ditunggu-tunggu 🥰
Terimakasih banyak pak dika ilmunya😍😍😍😍, love se kebon🤩🤩🤩🤩🤩
semacam memindahkan style ke dalem tag html nya ya. tapi lebih dinamis jadinya, klo pake bootstrap kadang agak susah klo pengen custom tampilan karna di class nya udh banyak style nya, jadi klo mau ubah tampilan kadang harus buat class baru lagi
Sangat teramat amat mantap pak
Keren pak!! bahas TailwindCss. Semangat pak
Akhirnya yang ditunggu tunggu playlist tailwind css
Tailwind CSS + Daisy UI Mantap Dah..
Yessss akhirnya tailwind, mantap nih🤩
Wih akhirnya maksh pak dhika .saya udah lama nunggu ini🙏
Alhamdulillahhh akhirnya yang ditunggu2 🔥😭
yang di tunggu telah tiba ....
mantap pak dika
AKHIRNYA YANG DI TUNGGUUU. TERIMA KASIH PAK.. Next react js dong pakk.. Saya ngelamar kerja banyak banget harus bisa react js
akhirnya ini yg ditungguu"
Alhamdulillah. Maksih Pak dhika...
Next time framework JS pak🤭
Menarik Sekali Tailwind.
Asik, tailwind ini yang saya tunggu pak
Tailwind itu cocoknya sama React atau yang berbasis component... beuuh mantab
Kaga ada obat dah materinyaa mantapppp
tahun baru, seri baru. manceppppp
AKU BARU HADIR PAK SANDHIKAA, SETELAH 2 Tahun
Mantap pak, akhirnya yang ditunggu tunggu.. heheee
mantap jelas banget pembahasannya pak
Yang ditunggu" akhirnya, semangat terus buat kontennya pak🙂🙏
Akhirnya yang ditunggu tunggu ada juga..Tetap Semangat, Pak..
Mantab pak, jujur saya udah Bosen sama UI nya Bootstrap. Jadi, setiap ada kelas Bootstrap ujung-ujungnya sama Modif lagi biar ga keliatan "Bootstrap" banget. Jujur, selama pake Bootstrap udh terlalu dimanjain bgt sih sama kelas-kelasnya. Saatnya kita move on ke Utility First CSS
Lanjut PaDika semangat belajar tailwindcss 😁
Akhirnyaaaa bahas tailwind. Terima kasih Pak 🙏
akhirnya yang di tunggu tunggu
mantap pak
Seri yang ditunggu - tunggu 😍
good pak dika.. selalu thank pokoknya. sya masih nunggu nih tutorial authentikasi OAuth dari pak dika
Mantep pak, jadi tahu framework css selain bootstrap 🙏
di tunggu materi react js nya pak 👍👍
apakah tahun baru framework baru wkkwkk, yg lama terlupakan ikut aja dah playlist tentang tailwindcss, mau belajar VUEJS tapi harus paham dasar JS dulu
Keren pak😍🔥