Скачать или смотреть Tutorial membuat Website Responsive Lengkap dari Nol (TAILWIND CSS)

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery, pada Tutorial video kali ini kita akan membuat website responsive lengkap dari nol dengan menggunakan Tailwind CSS serta membuka sesi baru pada Channel Ngoding Mastery yaitu Tailwind CSS Website

Highlight pada video kali ini -
1. Membuat website responsive dengan tailwind css versi 3.
2. Tips penggunakan Tailwind CSS 3 untuk membuat Website Responsive.
3. Tips and Trick membuat Website Responsive dengan Tailwind CSS
4. Tips and Trick penggunakan FLEX dan GRID pada Tailwind CSS
5. Cara mengirim Pesan ke Gmail dengan Formspree dan Formsubmit.
6. Cara menambahkan Animasi ketika onload dengan Animate Style.
7. Cara menambahkan Animasi ketika Scroll dengan Animate On Scroll.

Extension Vs Code -
1. HTML CSS Support
2. Color Highlight
3. Color Info
4. Prettier - Code formatter
5. Auto Rename Tag
6. css-auto-prefix
7. Material Icon Theme
8. Andromeda
9. Error Lens
10. Better Comments
11. Live Server
12. Tailwind CSS Intellisense

Extension Chrome -
1. What Font
2. Mobile Simulator - responsive testing tools

chapter -
00:00 - intro
00:44 - overview Website yang akan di buat
02:35 - inisialisasi npm init
04:33 - instalasi Tailwind CSS
13:04 - tips menjalankan tailwind css
19:45 - download assets
22:12 - menyiapkan Komponen - Komponen
28:33 - membuat section navbar
1:02:00 - membuat section header
1:27:01 - membuat section about
1:34:16 - membuat section services
1:51:03 - membuat section projects
2:01:35 - membuat section contact
2:12:13 - menambahkan formspree dan formsubmit pada section contact
2:18:59 - membuat section footer
2:29:44 - membuat fungsi button back to top
2:40:08 - menambahkan link direct disetiap section
2:44:04 - memperbaiki menu dan button hamburger di ukuran mobile
2:45:47 - menghubungkan animate style dan animate on scroll
2:48:32 - menambahkan animasi dengan animate style
2:55:13 - menambahkan animasi dengan animate on scroll
3:03:32 - penutupan

Assets -
https://drive.google.com/drive/folder...

Playlist Bootstrap 5 -
   • Bootstrap Website (INDONESIA)  

Playlist Website Responsive -
   • Плейлист  

Playlist HTML CSS JS -
   • HTML CSS JS Website (INDONESIA)  

Playlist HTML CSS -
   • Плейлист  

Playlist Tutorial CSS FLEXBOX -
   • Плейлист  

Playlist CSS GRID -
   • Плейлист  

Playlist RESTFUL API -
   • Плейлист  

Playlist React Web Design -
   • Плейлист  

Playlist Animasi -
   • Плейлист  

Playlist GITHUB -
   • Плейлист  

https://unsplash.com/
https://cdnjs.com/libraries/font-awesome
https://fontawesome.com/
https://jonsuh.com/hamburgers/
https://animate.style/
https://michalsnik.github.io/aos/
https://formspree.io/
https://formsubmit.co/

-----------------------------------------------------------------------------
Like dan Subscribe jika teman - teman Suka 😁
-----------------------------------------------------------------------------

#tailwindcss #tailwindcsstutorial #tailwindcss3