Membuat Website REAL ESTATE dengan BOOTSTRAP 5 - Landing Page Projects #2

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery... Pada Landing Page Projects yang kedua ini, kita akan Membuat Website REAL ESTATE dengan BOOTSTRAP 5, serta menambahkan beberapa komponen pihak ketiga seperti Animate Style dan Animate On Scroll. Highlight pada video kali ini - 1. Bootstrap 5 Projects untuk Pemula yaitu Landing Page. 2. Best Practice menggunakan Bootstrap 5. 3. Tips and Trick menggunakan FLEX dan GRID di Bootstrap 5. 4. Tips and Trick menggunakan Row dan Col di Bootstrap 5. 5. Cara menggunakan Accordion Component di Bootstrap 5. 6. Cara menambahkan Icon dengan Font Awesome. 7. Menambahkan Fungsi merubah Warna Background pada Navbar dengan menggunakan Javascript Vanilla (native). 8. Cara menambahkan Animasi ketika onload dengan Animate Style. 9. 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 Extension Chrome - 1. What Font 2. Mobile Simulator chapter - 00:00 - Intro 00:40 - Overview Project yang akan dibuat 02:14 - Membuat Struktur Folder / File 04:24 - Starter Tamplate Bootstrap 5 05:42 - Menambahkan Font Poppins 06:44 - Menambahkan Font Awesome CDN 07:30 - Mengganti Fav Icon 10:00 - Membuat Navbar 20:12 - Membuat Section Hero 29:06 - Membuat Section About 36:49 - Mengubah Warna Background pada Navbar ketika Scroll 45:02 - Membuat Section Projects 54:35 - Membuat Section Services 1:09:15 - Membuat Section FAQ 1:26:10 - Membuat Section Footer 1:42:32 - Membuat Link Direct ke setiap Section 1:44:28 - Menambahkan Animate Style dan Animate On Scroll 1:46:32 - Menambahkan Animasi dengan Animate Style 1:52:04 - Menambahkan Animasi dengan Animate On Scroll 2:01:21 - Penutupan Assets - https://drive.google.com/drive/folder... Playlist Bootstrap 5 -    • Bootstrap Website (INDONESIA)   Playlist Website Responsive -    • Playlist   Playlist HTML CSS JS -    • HTML CSS JS Website (INDONESIA)   Playlist HTML CSS -    • Playlist   Playlist Tutorial CSS FLEXBOX -    • Playlist   Playlist CSS GRID -    • Playlist   Playlist RESTFUL API -    • Playlist   Playlist React Web Design -    • Playlist   Playlist Animasi -    • Playlist   Playlist GITHUB -    • Playlist   https://getbootstrap.com/ https://unsplash.com/ https://cdnjs.com/libraries/font-awesome https://fontawesome.com/ ----------------------------------------------------------------------------- Like dan Subscribe jika teman - teman Suka 😁 ----------------------------------------------------------------------------- #landingpage #ngoding #pemula #css #html #tutorial #bootstrap #bootstrap5 #bootstrapgrid #tips #tricks #trick #bootstraptutorial #landingpages #responsive #website #websitedesign #websites #web #mudah #beginner #beginners #cssframework #programmer #pemrograman #frontend #fullstack #ngoding #mastery