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