Membuat Website Responsive dengan ReactJs dan TailwindCSS dari Nol untuk Pemula

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery... Pada video kali ini, kita akan membuat website responsive dengan reactjs dan tailwindcss, yang dimana kita akan membuat websitenya dari nol, dengan menggunakan sebuah alat pengembang yaitu vite, kemudian frameworknya reactjs dan tailwindcss sebagai stylenya. Yang akan kita Pelajari - 1. Belajar Membuat Website dengan Vite, ReactJs, TailwindCSS Step by Step dari Nol. 2. Belajar Membuat Fungsi onClick/Toggle untuk mengaktifkan Menu Bar. 3. Belajar Membuat Fungsi menambah class baru ketika scroll pada Navbar. 4. Belajar menggunakan Remix Icon pada Website. 5. Belajar membuat Website Reponsive (Dekstop, Tablet, Mobile) dengan TailwindCSS. Extension Front End (install sesuai kebutuhan) - 1. HTML CSS Support 2. Color Highlight 3. Color Info 4. Auto Close Tag 5. Auto Rename Tag 6. Better Comments 7. Error Lens 8. PostCSS Language Support 9. Tailwind CSS Intellisense 10. ES7+ React/Redux/React-Native snippets (dsznajder) Extension Back End (install sesuai kebutuhan) - 1. EJS Language Support 2. Error Lens 3. ES7+ React/Redux/React-Native snippets (dsznajder) 4. ESLint 5. Javascript (ES6) code snippets 6. Rest Client 7. Thunder Client Extension For VsCode (install sesuai kebutuhan) - 1. Andromeda 2. Git History 3. Live Preview 4. Live Server 5. Live Share 6. Material Icon Theme 7. Prettier - Code Formatter Extention Chrome (install sesuai kebutuhan) - 1. What Font 2. Mobile Simulator - responsive testing tools 3. ColorPick Eyedropper 4. React Developer Tools 5. CSS Viewer chapter - 00:00 - Pembuka 01:05 - Tampilan Website yang akan dibuat 04:51 - Download Assets 05:30 - Membuat Folder penyimpanan website 07:22 - Menginstall React dan Tailwind dengan Vite 12:58 - Merubah dan Menambahkan Icon Website dan Font Poppins 17:51 - Membuat File - File 22:27 - Membuat Section Navbar 55:43 - Membuat Section HomePage (Hero) 1:06:49 - Membuat Section HomePage (About) 1:12:48 - Membuat Section HomePage (Services) 1:21:28 - Membuat Section HomePage (Proyek) 1:29:06 - Membuat Section Footer 1:35:04 - Menambahkan Link 1:37:10 - Penutupan Assets - https://drive.google.com/drive/folder... WER TEKEWER KEWER😁☕ - https://saweria.co/dikydev27 Playlist PORTFOLIO Website -    • PORTFOLIO WEBSITE Menggunakan HTML CSS JAV...   Playlist React Js Website -    • Tutorial Membuat Website dengan React Js &...   Playlist Tailwind CSS Website -    • Tutorial membuat Website Responsive Lengka...   Playlist NGOJEK (NGOding proJEK) -    • Tutorial Membuat REAL ESTATE Website denga...   Playlist Website LANDING PAGE Responsive -    • Landing Page Projects #1 - Tutorial Membua...   Playlist Library CSS & JAVASCRIPT -    • ANIMASI Ketika Website di REFRESH Sangat M...   Playlist BOOTSTRAP Website -    • Membuat Website PORTFOLIO Responsive denga...   Playlist HTML CSS JS Website -    • Tutorial Membuat Website Landing Page Resp...   Playlist REST API (Node Js, Express Js, MongodDB) -    • Tutorial Membuat RESTFUL API (Node Js, Exp...   Playlist GITHUB -    • Tutorial GITHUB dan GITHUB PAGES untuk Pem...   Playlist Website Responsive Sederhana -    • Tutorial Membuat Website Responsive Sederh...   https://vitejs.dev/ https://tailwindcss.com/ https://react.dev/ https://unsplash.com/ https://remixicon.com/ ------------------------------------------------------------------------------- Like and Subscribe Jika Teman - Teman Suka 😁 ------------------------------------------------------------------------------- #reactjs #reactjsdeveloper #reactjswebsite #reactjsforbeginners #vitejs #tailwind #tailwindcss #ngoding #ngodingpintar #ngodingmastery