Finall TailwindCSS Pert-12

Apa itu TailwindCSS?

• A utility-first CSS framework

• A graphic design software

• A backend development tool

• A JavaScript framework

Apakah TailwindCSS merupakan framework CSS atau JavaScript?

• HTML

• React

• Python

• CSS

Jelaskan konsep utility-first pada TailwindCSS!

• Utility-first pada TailwindCSS adalah konsep dimana pengembang menggunakan kelas-kelas utilitas bawaan seperti 'text-green-500' atau 'mx-2' untuk membuat animasi CSS.

• Utility-first pada TailwindCSS adalah konsep dimana pengembang menggunakan kelas-kelas utilitas bawaan seperti 'bg-blue-500' atau 'm-8' untuk mengatur layout halaman web.

• Utility-first pada TailwindCSS adalah konsep dimana pengembang menggunakan kelas-kelas utilitas bawaan seperti 'bg-red-500' atau 'p-4' untuk langsung mengaplikasikan gaya pada elemen HTML tanpa perlu menulis CSS khusus.

• Utility-first pada TailwindCSS adalah konsep dimana pengembang menggunakan kelas-kelas utilitas bawaan seperti 'bg-yellow-500' atau 'p-6' untuk menambahkan efek parallax pada elemen HTML.

Bagaimana cara mengintegrasikan TailwindCSS dengan framework JavaScript seperti React?

• Manually write all TailwindCSS styles in your components without importing

• Use Angular instead of React for TailwindCSS integration

• Install TailwindCSS via npm, configure it in your project, import TailwindCSS styles in your components, and use tools like Craco or Create React App for easier integration.

• Ignore npm installation and directly link TailwindCSS CDN in your project

Apa saja jenis framework JavaScript yang cocok digunakan bersama TailwindCSS?

• Svelte

• Alpine.js, React

• Vue.js

• Angular

Berikan contoh penggunaan TailwindCSS dalam membuat tombol!

• Press here

• Click me

• Tap me

• Push this

Apakah TailwindCSS mendukung responsive design?

• Hanya untuk desktop

• Kurang jelas

• Tidak

• Ya

Bagaimana cara mengubah warna background menggunakan TailwindCSS?

• bg-yellow

• bg-green

• bg-red

• bg-blue

Apa itu JIT mode pada TailwindCSS?

• JIT mode that generates CSS styles based on user input

• Just-In-Time mode that compiles CSS styles at build time

• Just-In-Time mode that optimizes CSS for older browsers

• Just-In-Time mode that dynamically generates CSS during development to reduce the final bundle size by only including styles that are actually used in the project.

Sebutkan 3 komponen dasar yang sering digunakan dalam TailwindCSS!

• Utility classes, Components, Configuration

• React

• HTML

• JavaScript