Unleashing Tailwind CSS 4.0: A Developer's Quick Tour!

preview_player
Показать описание
Mau bikin tampilan web yang modern dan responsif dengan cepat?

Yuk, belajar Tailwind CSS 4! Di video ini, kita akan bahas fitur-fitur baru dan cara pakainya🤩

---
Link Penting

---
Chapter:

0:00 Intro & Pendahuluan
1:31 Instalasi & Konfigurasi
3:34 Software Requirement
4:30 Instalasi di React
11:37 Instalasi di Laravel
22:44 Instalasi menggunakan Play CDN
25:47 Instalasi menggunakan CLI
29:00 Mencoba fitur-fitur baru
52:32 Closing

---
🔥 SUPPORT WPU 🔥

👕 Beli Hoodie & T-Shirt di WPU Official Store 👕

👾 Gabung Server Discord WPU 👾

- Traktir Pa Dhika (OVO / GoPay / Dana / LinkAja)

---
📢 FOLLOW SOCIAL MEDIA 📢

terimakasih dan #janganlupatitikkoma!

@sandhikagalih
  1. Web Programming UNPAS
  2. tailwindcss4
  3. tailwindcss
Рекомендации по теме
Unleashing Tailwind CSS 0:54:39

Unleashing Tailwind CSS 4.0: A Developer's Quick Tour!

How to Solve 0:04:02

How to Solve Tailwind 4 & 3 Installation Error npx tailwindcss init -p npm error in VS Code

A Complete Beginner's 1:35:48

A Complete Beginner's Guide To Tailwind CSS Create Template From Scratch 2023

Tailwind-Merge Solves 3 0:15:37

Tailwind-Merge Solves 3 Big Problems & Mistakes in Tailwind CSS

Tailwind CSS Aspect 0:00:34

Tailwind CSS Aspect Ratio 🚀

Build a Website 0:01:58

Build a Website with AI - ChatGPT and Tailwind CSS Tutorial

Hacker News Clone 0:00:22

Hacker News Clone Tailwind CSS in One Click

building with tailwindcss: 0:42:12

building with tailwindcss: Step-by-Step Responsive EpicZoo SignUp Figma design to HTML and tailwind

Form and Inputs 0:06:37

Form and Inputs | HTML CSS & Tailwind Course | Ep 4

This Cursor Setup 0:14:23

This Cursor Setup Changes Everything (Claude Code)

Tailwind CSS Tutorial 0:21:10

Tailwind CSS Tutorial #01: Introduction + Installation of Tailwind CSS | Step By step Tutorial #2024

Build A Recipe 1:17:47

Build A Recipe Application With Nuxt & Tailwind CSS (Nuxt Crash Course 2025)

Advanced CSS Programming: 0:30:24

Advanced CSS Programming: Responsive ChatGPT UI

Build & Deploy: 6:00:02

Build & Deploy: Full Stack AI Course Generator SaaS with NextJS 13, OpenAI, Stripe, TailwindCSS

Creating a Website 0:27:25

Creating a Website Layout with Tailwind CSS in 5 Minutes | Urdu Tutorial

Email SaaS Course 8:28:47

Email SaaS Course – Build and Deploy with Next JS 14, Prisma, OpenAI, Stripe, TypeScript, Tailwind

Create templates for 0:01:13

Create templates for Tailwind, Material UI, Bootstrap, and Bulma in minutes

Oliver Davies - 1:01:38

Oliver Davies - Taking Flight with Tailwind CSS

Build & Deploy 4:23:06

Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)

Setting up UIkit 0:21:47

Setting up UIkit with Sass

Useful resources to 0:00:59

Useful resources to practice your front-end skills! #shorts

Semantic HTML Tutorial 0:03:51

Semantic HTML Tutorial | HTML CSS & Tailwind Course | Ep 4

VPN Connection App 0:11:11

VPN Connection App | UI Design to HTML, CSS Using Tailwind CSS

Building a Product 1:27:51

Building a Product in Public with Next.js 13, PostgreSQL, Figma, React, and TailwindCSS - Part 1

Комментарии
Автор

Tailwind CSS v4 ini membuat kejutan. Saya awalnya emosi karena konfigurasinya susah apalagi untuk integrasi dengan Flowbite dan Vue. Tapi sekarang sudah tahu.

yters
Автор

Asyik, video yang ditunggu-tunggu.

Tip tambahan untuk yang pakai Next.js:
Saat pertama kali setup project, jangan dulu pakai Tailwind karena masih pakai v.3. Tailwind-nya diinstal setelah setup project.

LangitAmaravati
Автор

Ini nih yang ditunggu. Thank you Pak Sandhika🙏🏻🙏🏻🙏🏻

johanessetiadi
Автор

Ini nih yang paling di tunggu 🔥🔥
terimakasih pak🙏

titanprasetyo
Автор

Makasih pak dah dibuatin videonya hehe,

Jauhdariharimu
Автор

Makasih pak dhika, saya sudah mencobanya. dan sudah coba buat web portfolio. enak banget

BuatPakaiNonton
Автор

Menyala pak sandhika🔥🔥 gas tutorial container nya pak🙌

sandeeffendi
Автор

Wah pas bgt ini pak sy lagi cari pembahasan tailwindcss versi terbaru

anugrahsultan_
Автор

Vue atau Svelte dong pak, saya cari keduanya kok kebanyakan sudah lama yah. Ndak ada yang fresh.

bukangolongan
Автор

Menarik kalo berbagai next event bahas Tailwind CSS v4, biar menambah semangat untuk semakin banyak yang pindah dari Bootstrap, Material UI, dsb 👀

mhaidarhanif
Автор

Alhamdulliah lebih ngerti
Terimakasih pak🙏🙏

mallann
Автор

mantap pak, kalau bisa tutorial nextjs dan typescript pak dika ditunggu....

agungkurniawanid
Автор

pak karena banyak yang pengen materi typescript

Maka saya juga ikutan request materi typescript juga

imamwidodoGH
Автор

Tailwind v4 dengan v3 hampir masih sama sih, cuman beda dikit semisal di v3 gak ada px-21 (dari px-20, px px-24 ) tapi di v4 bisa pake px-21, px-22 dkk

siMeowGamimg
Автор

Pak mau tanya, gimana sih cara remove scrollbar di tailwind 4 ? 🙏

BintangIndraMaulana-wr
Автор

liat tutor tailwind pak dika dari v1 sampe sekarang udah v4 wkwk makasi pak

BegalInsaf
Автор

Nunggu tailwind 9 ja ...Ninetail wind css (kurama)

MasBagz
Автор

Menurut saya TailwindCSS 4 lebih pintar 💯 dari V3, ketika salah/typo saat bikin custom css, TW4 langsung kasi tahu letak kesalahanya. Tapi, sepintar-pintarnya TW4, masih belum bisa kita panggil custom css ke custom css lainnya👎, kalau soal handle custom css nested, TW3 masih lebih keren 👍. Semoga TW4 dapat update nested custom CSS 💥.

pozanmatang
Автор

Pak Dika bahas Laravel 12 dong sekaligus studi kasusnya

webdev_lpg
Автор

yallah aku dm bapak akhirnya dibuatin jugaaa😭😭

indariska
join shbcf.ru