4. Basic Utility - Bagian 1 | Belajar Tailwind CSS

Membahas mengenai utility dasar pada TailwindCSS: Spacing, Sizing, Typography & Colors
---
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

[@masihbeta4989]

saya adalah salah seorang yang terbantu dengan adanya tutorial php dasar, terus sampai codeigniter, sampai saya punya pattern coding yang terinspirasi dari tutorial-tutorial yang pak Dhika sampaikan. Wish nothing but pahala for you, pak 🤲

[@satrijo]

40 menit ga berasa tau2 udah selesai. Menarik banget pembahasannya

[@sinatriapb]

nonton channel pak Dika udah kayak ikut bootcamp full stack tapi gratis & penyampaian materinya gampang banget dipahami. thanks pak Dika

[@yuzarqadariesman3907]

yang bisa ku lakukan untuk membalas kebaikan pak Sandika adalah nonton tanpa skip iklan, :D

[@atlantisuds6625]

Suka banget yang warna tulisannya bisa gradasi, gak sabar mau coba setelah nonton ini. Terima kasih pak untuk videonya 👍

[@haniramadhan678]

Setiap hari selalu ngecek channel wpu, menunggu tutorial tailwind terbaru.. Alhamdulillah sudah tayang.. terima kasih banyak Pak Dhika

[@coding-in]

Wah ga nyangka seseru nonton donghua nih, klo dr hasil pencarian ky malesin bgt durasinya. Hatur nuhun Pak asik

[@cperdiansyah]

mantap pak, ditunggu video selanjutnya. setiap hari saya selalu buka chanel WPU terus, barangkali ada video tailwind yang baru

[@bramantawisnu]

Sama, saya juga berkomitmen & berkhitmad bakal selalu belajar dan praktek khusus series2 dari pak sandika yang baru, sambil bertahap nyelesein video2 series yang sebelumnya.

[@cperdiansyah]

@@bramantawisnu mantap pak, iyaa saya juga. pak dika berhubung beliau dosen jadi penyampaiannya mudah dipahami untuk orang awam. bersyukur banget sih sekarang banyak playlist keren.

[@bramantawisnu]

wuih keren gradasinya simpel bgt,, super keren,, text gradasinya

[@jamalxd5647]

4:35 penulisan code CLI biar ga ngulang2 terus setiap buka vscode 7:29 life hack untuk CDN bisa auto correct

[@ekayunan6842]

Baru belajar Tailwind. Sejauh ini gokil sih Tailwind. Seperti apa yang saya mau pasti ada. 😍

[@leo198593]

Suka banget training disini, makasi ya pak, semoga Anda mendapatkan keberkahan karena mau berbagi ilmu Amin.

[@kagari21]

baru tau ada utility bg-clip-text. Terima kasih pak dhika 😁

[@bachrulpanjigumilang3821]

mantap pak tapi saya nonton dulu habis belajar DOM js dari vidio bapak sangat menarik dan waji di coba terima kasih pak ilmu ya

[@bramantawisnu]

Auto hadir kuliah online Prof Sandika 🙏, Terimakasih pak Sandika sharinnya.

[@imrenagi]

Keren banget. terima kasih pak dhika!

[@wildanamruhidayat7336]

ilmu jariyah

[@mmmmm-rn7zz]

terima kasih pak ilmunya, semoga berkah selalu

[@NayNay_Family]

terimaskih pak ilmunya semoga bisa membawa berkah di bidang programming

[@zidaneuchiha1554]

Keren si tailwind, makasih pak dika

[@powpow6897]

Terimakasih pak sudah notice komen saya di video sebelumnya yang tentang play CDN hehe. Saya izin menambahkan bagian space between di 19:31, sebenernya space between itu bisa dipakai tanpa menggunakan flex, tapi di dokumentasinya pakai class flex mungkin supaya gak perlu ngatur display inline-block/block dari child elemennya. Ditunggu pembahasan Arbitrary valuesnya juga pak supaya customizationnya lebih mantap😁

[@asrabyyaalgamar808]

Izin bertanya bg @powpow knpa yaa saya coba ngikutin pake script nyaa ga jalan vitur auto complite nya tailwindCSS di laptop saya,Mohon bantuanya bg. kesalahan saya dimana?

[@powpow6897]

@@asrabyyaalgamar808 wah sorry baru liat komennya mas. Udah install ekstensi tailwind intellisense dan udah buat file tailwind.config.js? Kalau udah tapi masih belum muncul, bisa masukkan kode module.exports = {} kedalam file tailwind.config.js. Kalau masih gak bisa, coba restart vscodenya.

[@kentangbakar1066]

kalo extensi udah bisa dipake dgn play CDN, kekurangan play CDN apa dong?

[@dandikurnia8628]

@@kentangbakar1066 coba deh nonto episode sebelumnya

[@alice6941]

@@kentangbakar1066 CDN filenya berat

[@asheaven1st]

Defining warnanya bener-bener extraordinary, dan ga pernah kepikiran sebelumnya.. 😂 Terima kasih sudah aplod tutorial tailwind, pak Dhika ~

[@Reza-ex6tb]

Yang tidak muncul bordernya, " * { border: 1px solid red; }; ;" property type = "text/taiwindcss" tidak usah dipakai. cukup ... ...

[@muhammadalviansyahputra7363]

Tw

[@Reza-ex6tb]

@@muhammadalviansyahputra7363 Tw apa artinya?

[@faridrusdyanto4647]

tailwind keren, pak dika juga keren penyampaiannya 😁

[@ziaurrahman9529]

wih keren juga ya pak tailwind, makasih banyak pak atas ilmunya!!!. Bakal kepake ini sampe saya kerja wkwk aamiinnn

[@kholidirfangi9346]

thanks pak ilmunya.. makin interest dengan dunia web programming

[@m.jamilrahman4971]

Saya lebih ke backend tapi kadang dapet projekan fullstack. Tailwind ngebantu banget

[@xzhndvs12354]

Mantap Pak, Semangat terus ngontenya, thanks Ilmunya Pak🙏😁

[@ajisaputra2450]

thankyouuuuuuu pak dhikaaaaa ilmunya

[@laluheriaguswandi3241]

Kerennn banget pak sandhika

[@boerhantgl]

mantap pak Sandhika terima kasih

[@exnichirin2149]

Terima Kasih Pa Dika Ilmunya

[@z911dn]

Marathon anime ❌ Marathon pak dhika ✅

[@sandhikagalihWPU]

haha, gas Qi! 👍

[@ADAN_Ramadhan]

bang dika sugoi, tailwind sugoi

[@wahyutarmidi6853]

alhamdulilah, udah update

[@allone258]

daripada bikin custom class extend mending pake arbitrary aja sih biar otomatis kebuat, karena pengalaman yang paling sering kepake seperti min-w atau grid-cols contoh min-w-[30vw] sama grid-cols-[1fr,2fr] / grid-cols-[auto,1fr] biasanya untuk ngurus responsive. cuman kalau sudah projekan dengan team lebih baik extend class color, seperti primary: #???? secondary: #???? biar bisa dipake "text-primary" atau "bg-primary hover:bg-secondary"

[@nazirrainbowcarpet6548]

kalo pakek windows 7 agak tricky install node 16 nya, harus dimasukin manual ke C , bikin variabel system baru sama value nya, node path nya juga harus disesuaikan, belom kalo pas mau eksekusi tailwindcss init nya pasti error ke block ama windows 7, security nya harus di di nonaktifin manual dulu di powershell bawaan nasib O/S jaduL

[@erikabdillah795]

Mantap pak

[@irfanabdullah756]

kereenn

[@bagusbudisatoto1280]

best cool

[@chairilaliart]

Sehat selalu pak

[@SangTenuk]

malaysia hadirrr

[@dikahardianto7082]

Semoga nanti ada sesi buat tampilan web menggunakan tailwindcss ya pak 😁

[@gatothendarso88]

Keren buanget....

[@sonibya1388]

Keren pak

[@muzammil8498]

mantap pak

[@nandopookey9195]

Terima kasih pak

[@dumadoniagarasambora675]

Mantap pak dikaa

[@saptoharsongko1699]

Bikin portfolio menggunakan tailwind dong pak galih. Pengen bikin portfolio

[@sonihidayatulloh9242]

Mantap terimakasih pak

[@Hafiyyanabdulaziz]

Pake arbitary tailwind buat custom lebih asik pak 👍

[@bersamazeaziodanzaid]

Joss pak🙏👍

[@philipantony4102]

[@sandhikagalihWPU]

:wpugege:

[@andsyahr]

Bahas react js dong pak..

[@redstone682]

39:00 itu pencet apa biar pindahin nya ke kanan bang

[@milosonrelaxing]

Akhirnyaaaa

[@dansinn]

Kerenn

[@anakmamah4708]

Keren bgt tailwind ini jauh bgt sama bootstrap😭

[@rappy27]

mantap pak dhika! tapi kayaknya itu ada arbitrary values ketinggalan belum dijelasin pak hehe

[@sandhikagalihWPU]

oalah iya kelewat, next video kita bahas! thanks Rafi 👍

[@yusufmuhammad95]

request angular dong pak abis ini

[@Novia5555]

Pak, kalo pake style sendiri trus dibikin type="text/tailwindcss", malah jadi ga ngefek css nya saya pak

[@inisandy7306]

Hadir pak

[@ridwandwipermana491]

Aseeekkk

[@dionsetiawan8536]

oke Mantap

[@fadlisabda]

Izin request vidio cara belajar lewat dokumentasi pak

[@thoriqibadurrohman8711]

yang gradient keren sih wkwk

[@ubaedshibghahtallahashrimu1797]

Bener

[@mariosebastiancarlosiano3322]

lesgo

[@gedesaika1321]

6:08 di video sebelumnya di jelaskan untuk penggunaan CDN itu kan memakan ukuran besar ya 400 kb kalau tidak salah dengar . Walaupun memang simpel secara ndak harus pak intruksi dan ketik terminal ini itu semua sudah ada jika pakai CDN cuma ingin tanya pak kalau CDN ini digunakan sampai misal program sampai jadi terus kita mau perkecil dengan Minify / npx tailwindcss /nama berkas.css -- minify kalau pakai ini itu CDN ikut kecil tidak ya pak ? ukuranya yang tadi 400 kb misal jadi 100 kb an begitu sekian dari saya terima kasih pak

[@kixccx]

keren

[@relaxingrainmusictrv611]

Keren kak

[@fatihfadhlillah2643]

Pak saya ketika tidak menggunakan play CDNnya gk bisa tambah style sendiri. Ap memang begitu atau ad yg salah yah ?

[@bektigalan]

halo pak, saya sudah coba ikutin pak dhika biar bisa muncul suggestion buat tailwindcss, sudah install intellisense nya jg, tp kok tdk muncul ya pak, saya pakai os windows, mungkin ada solusi? terimakasih pak..

[@adfrach4436]

🔥

[@naanayooo]

10:33 "seperti biasa kalo ga muncul bantuannya ctrl+/" itu bukannya jadiin komentar ya?

[@FiqriAditya-s1e]

pak, kenapa ya. saya coba gunain CDN malah auto complete nya ga bisa muncul.?Udah buat folder nya dari awal tetap aja

[@yohanespradono5224]

style di bagian style type="text/tailwindcss" saya kok gak keproses ya? oh ternyata jalan dgn mode playCDN

[@zulfalutfiah7648]

Nah untuk node js yang versi 13 harus install post css nya dulu ya pak berarti?

[@grandebaee]

knpa margin padding error yang pak dhika abis di refresh jdi normal kalo saya tetep error?

[@Ancrek]

Saya pengguna bootstrap kok jadi kepincut pingin ganti tailwind 😅 Terima kasih pak untuk ilmunya 🙏

[@dandi_saputra]

Tinggalin aja botstrap

[@Yasminesehqq]

Kenapa CTRL + SPACE tidak muncul suggest nya ya

[@ahmadazizfauzi_teknikinfor4796]

Izin bertanya, setelah beberapa konfigurasi tailwind, suggesti vanilla outline style saya kok hilang ya? kalau yang inlinecss masih bisa, tapi yang outline ngk muncul sugestinya, ada yang bisa jelasin? terimakasih

[@achrizal3545]

pak ajarin live chat di laravel dong

[@fanyfany596]

om disatuin aja dong biar enak kayak freecodecamp

[@skillcoding5358]

Assalamualaikum pak, REQUEST BIKIN SPA (SINGEL PAGE APLICATION) menggunakan JAVASCRIPT🙏

[@ismaillowkey]

knapa ga pake framework aja? kayak react atau vue,kan spa tuh

[@skillcoding5358]

@@ismaillowkey iya salah ketik

[@pahrurozi]

First

[@valorantgaming5031]

Kalau mau make tailwind css harus makai node js kah pak

[@fisrakeliwawa8466]

permisi, pak. untuk file package.json saya kok isinya gak sebanyak bapak dan tidak ada bagian script ya?

[@agungprakoso18]

tolong dong, #pencetan:checked ~ label div.pencetan2{ @apply translate-x-3 } setiap scrip itu di html nya, selalu muncul error Unknow at rule @apply .. sumpah bingung banget, padahal udah ngikutin dari awal. postcss udah di install juga, node js yang terbaru. yaa allah

[@susu_gajah]

masih menunggu CARA PAKAI SERVER SIDE PROCESING DATATABLES DI CI4.1.7 SEKALIGUS CARA JOIN NYA JUGA

[@Sulaiman_Yahya]

Kopi bukanya warnah hitam ya PakDika..? 🤔 36:50

[@miftahulkhoir3500]

28:07 kayak ada suara bapak-bapak lagi batuk

[@nubbplayers2022]

direktif itu sebenernya apa ya pak? saya pahamnya direktif di vue js itu semacam custom attribut

[@allone258]

biasanya itu suka ada di film kartun yang kita tonton di minggu pagi.

[@mascip2960]

@@allone258 directive conan

[@juandi2531]

bang kalo mengatasi npm: command not found gimn bang

[@ibarhuttaqi5511]

udah install node js blom ?

[@dxrie3682]

15:51

[@media.islamicityTV]

13:00

[@annettehyde756]

✅ P-R-O-M-O-S-M!!

[@bukong900]

pas bagian tailwind.config.js kenapa ekstensi nya Masi JS ya??

[@alwaysbytheway]

18:51