Membuat WEBSITE PORTFOLIO RESPONSIVE dengan REACTJS dan TAILWINDCSS untuk PEMULA🔥- Tutorial ReactJS

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery...

Pada video kali ini, kita akan Membuat Website Portfolio Responsive dengan ReactJS dan TailwindCSS untuk Pemula, serta kita juga akan menambahkan beberapa animasi transisi dengan menggunakan animatestyle dan animate on scroll.

- Yang akan kita Pelajari -
1. Membuat website responsive dengan vite, reactjs dan tailwindcss.
2. Melooping data kedalam sebuah elemen pada reactjs.
3. Menambahkan animasi transisi dengan animate style dan aos di reactjs.
4. Membuat fungsi pre loader pada website.
5. dan lain sebagainya.

- chapter -
00:00 - Pembukaan & Preview Website
02:47 - Download Assets
03:17 - Installing Project
15:10 - Navbar Section
34:06 - Hero Section
47:51 - Tentang Section
1:06:03 - Proyek Section
1:19:38 - Kontak Section
1:28:05 - Formsubmit
1:30:53 - Footer Section
1:35:21 - Revisi Kontak Section
1:37:28 - Pre Loader
1:41:59 - Animate Style
1:44:34 - Revisi Navbar & Error
1:45:56 - Animate On Scroll
1:54:45 - Section Link Direct
1:57:04 - Penutupan

- Assets -
https://drive.google.com/drive/folders/1-Fg6srJVXvyf9E6NZ1zHod_YW8_MNf4r?usp=sharing

- WER TEKEWER KEWER😁☕ -
https://saweria.co/dikydev27

- Playlist PORTFOLIO Website -
https://www.youtube.com/watch?v=C_4x_N8SMSY&list=PLxLtIf3VX_3C7ooq2RuEo7XEeZ-G6omxD

- Playlist React Js Website -
https://www.youtube.com/watch?v=r9kAp2zeU5s&list=PLxLtIf3VX_3A5RJFRZTtdHCLcA69el96o

https://react.dev/
https://vite.dev/
https://tailwindcss.com/
https://animate.style/
https://michalsnik.github.io/aos/
https://remixicon.com/
https://unsplash.com/

-------------------------------------------------------------------------------
Like and Subscribe Jika Teman - Teman Suka 😁
-------------------------------------------------------------------------------

#reactjs #tailwindcss #tailwind #portfolio #portfoliowebsite #portfolioprojects #reactproject #reactprojects #learnreact #learnreactjs #reactjsprojects #reactjsforbeginners #reactjswebsite #reactjsproject #reactjswebsite #reactjsforbeginners #reactjstutorialforbeginners #reactjsfullcourse #ngodingpintar #ngoding #wpu #webdeveloper #websiteproject #coding #codinglife #codingtutorial #codingtips #codingforbeginners #codingtime #pemula #programmer #programmerzamannow

Видео Membuat WEBSITE PORTFOLIO RESPONSIVE dengan REACTJS dan TAILWINDCSS untuk PEMULA🔥- Tutorial ReactJS канала Ngoding Mastery