Rahasia Memanfaatkan TailwindCSS untuk Mendesain Website

Langkah demi Langkah Menginstall TailwindCSS, Menggunakan Class, dan Menulis Kode Program untuk Mendesain Website

4.75 (2 reviews)
Udemy
platform
Bahasa Indonesia
language
Web Development
category
Rahasia Memanfaatkan TailwindCSS untuk Mendesain Website
2
students
3 hours
content
Nov 2021
last update
$29.99
regular price

What you will learn

Menginstall TailwindCSS

Mendesain website menggunakan TailwindCSS

Menulis kode TailwindCSS ke dalam Visual Studio Code

Mengenal Margin, Padding, Box, dan Grid

Bekerja dengan Font Family, Size, Smoothing, Style

Lebih lanjut dengan Text Align, Color, Opacity, Decoration

Memanfaatkan Background, Extension VSC, Gradient

Efek khusus menggunakan Filter dan Transform

Flex, Flex Initial, dan Grid serta Gap

Bekerja dengan Button, Border, Ring, dan Class Lainnya

Walkthrough mendesain website menggunakan TailwindCSS

Navigation Bar, Footer, dan Content

Description

Apakah Anda ingin menjadi desainer website KEKINIAN? Atau apakah ingin menantang diri Anda untuk mengenal teknik CSS yang paling populer di dunia?


Jadi, mulailah dari video course ini. Video ini adalah online course yang paling lengkap, to-the point, dan mudah dipahami untuk mempelajari TAILWIND CSS di Udemy! Tidak hanya itu, semua penjelasan di dalam video course ini disampaikan dalam Bahasa INDONESIA dengan jargon-jargon awam. Tidak memandang apakah Anda ingin mengambil profesi apapun yang ada hubungannya dengan programming, atau sudah mengetahui dasar-dasar pemrograman video course ini dirancang tentu saja untuk Anda! Dalam kursus ini, kami akan mengajari Anda pemrograman Tailwind CSS efektif dan singkat, tepat, serta jelas!

Dilengkapi dengan berjam-jam video course, latihan coding, dan artikel, kursus komprehensif ini mengupas cara membuat website dengan Tailwind CSS! Anda bisa mengoperasikannya menggunakan MS Windows, Linux, atau MacOS selama memiliki Visual Studio Code.

Jangan lupa pula, seluruh tools yang dibahas di sini dapat dimiliki GRATIS!

Video course  ini akan mengajarkan Anda memahami Angular dengan setiap bab dilengkapi screencast yang mengajarkan sintaks, fungsi, dan aturan pemrograman lengkap dan penjelasan-penjelasan yang menarik! Tunggu apa lagi, ayo belajarlah dengan cara  yang terbaik untuk Anda!

Kami akan memulainya dengan pengenalan Tailwind CSS. Lantas, kami akan membantu Anda  topik-topik yang lebih spesifik.

  • Menginstall TailwindCSS

  • Mendesain website menggunakan TailwindCSS

  • Menulis kode TailwindCSS ke dalam Visual Studio Code

  • Mengenal Margin, Padding, Box, dan Grid

  • Bekerja dengan Font Family, Size, Smoothing, Style

  • Lebih lanjut dengan Text Align, Color, Opacity, Decoration

  • Memanfaatkan Background, Extension VSC, Gradient

  • Efek khusus menggunakan Filter dan Transform

  • Flex, Flex Initial, dan Grid serta Gap

  • Bekerja dengan Button, Border, Ring, dan Class Lainnya

  • Walkthrough mendesain website menggunakan TailwindCSS

  • Navigation Bar, Footer, dan Content


Ayo, tunggu apa lagi! Jangan khawatir tentang kualitas video course ini sebab kami menawarkan GARANSI 30 HARI UANG KEMBALI TANPA SYARAT. Betul! Jika Anda tidak puas, silakan ajukan refund tanpa syarat.

Tetapi kami bisa mengatakan kepada Anda bahwa video course ini adalah yang terlengkap dan terbaik tentang Tailwind CSS. Tidak percaya? Buktikan sendiri!


Content

Pendahuluan

Pendahuluan
Bagaimana Mendapatkan e-Certificate?

Instalasi TailwindCSS

Instalasi Node.js dan Visual Studio Code
Membuat Folder Baru dan Package.json
Menginstall TailwindCSS dan Membuat Directives
Membuat tailwind.config.js
autoprefixer dan compiling css
Kode Program style.css, tailwind.config.js, dan postcss
Pertanyaan Dasar Seputar CSS

Margin, Padding

Membuat Starter HTML
Menggunakan Margin
Memanfaatkan Padding

Typography

Font Family, Size, Smoothing, Style, Weight, Variant Numeric
Text Align, Color, Opacity, Decoration, Transform, Overflow
Pertanyaan Seputar Margin, Padding, dan Typography

Background dan Filter

TailwindCSS Intellisense untuk VSC
Background Color dan Gradient
Filter
Transform

Layout

Mempelajari Layout
Flex, Flex Initial, Flex Col
Grid dan Gap

Button & Border

TailwindCSS untuk Button
Border Radius
Border Width, Color, Opacity, Style
Ring Width, Ring Color, Ring Offset, dan Ring Offset Color
Membuat Group Buttons
Kuis Lanjutan Seputar TailwindCSS

Walkthrough Desain Website

Merancang Website dengan TailwindCSS
Membuat Navigation Bar
Cursor Not Allowed
Menambahkan Footer
Desain Content Bag 1
Desain Content Bag 2
Menambah Avatar
Kode Program Home HTML
Halaman Kontak Bag 1
Halaman Kontak Bag 2
Kode Program Contact HTML
Kuis Pamungkas TailwindCSS

Charts

Price

Rahasia Memanfaatkan TailwindCSS untuk Mendesain Website - Price chart

Rating

Rahasia Memanfaatkan TailwindCSS untuk Mendesain Website - Ratings chart

Enrollment distribution

Rahasia Memanfaatkan TailwindCSS untuk Mendesain Website - Distribution chart

Related Topics

4384656
udemy ID
11/6/2021
course created date
11/23/2021
course indexed date
Bot
course submited by