Tutorial Membuat WEBSITE RESPONSIVE dengan Bootstrap 5 (2024)š+ Deploy ke GITHUB PAGES
Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery... Pada video kali ini, di Tutorial Membuat WEBSITE RESPONSIVE dengan BOOTSTRAP 5 (2024), kita akan membuat sebuah website responsive dari nol step by step untuk pemula, dan juga kita akan menambahkan sedikit bumbu yaitu Animate Style dan AOS. Yang akan kita Pelajari - 1. Membuat Website Responsive dengan Bootstrap 5 untuk Pemula dari nol. 2. Belajar menggunakan component - component yang ada pada Bootstrap. 3. Belajar Bagaimana penerapan System Layout Flexbox dan Grid pada Boostrap. 4. Belajar bagaimana caranya website dapat ditampilkan di Mobile, Tablet dan Desktop dengan Bootstrap. 5. Belajar menggunakan Animate Style dan AOS untuk memberikan Animasi Transisi. 6. Belajar Mendeploy atau Menyimpan Project Website kedalam Github. 7. Belajar Menampilkan Website dengan Github Pages agar Website dapat dilihat oleh orang lain. Extension Front End - 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 Extension Back End - 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 - 1. Andromeda 2. Git History 3. Live Preview 4. Live Server 5. Live Share 6. Material Icon Theme 7. Prettier - Code Formatter Extention Chrome - 1. What Font 2. Mobile Simulator - responsive testing tools 3. ColorPick Eyedropper 4. React Developer Tools 5. CSS Viewer chapter - 00:00 - Opening 01:00 - Overview Website yang akan dibuat 04:21 - Download Assets dan Starter Project 11:31 - Membuat Section Navbar 22:45 - Membuat Section Hero 36:14 - Membuat Section About 40:24 - Membuat Section Services 49:00 - Membuat Section Projects 1:04:30 - Membuat Section FAQ 1:16:03 - Membuat Section Footer 1:30:27 - Membuat Section Copyright 1:33:20 - Menambahkan Animate Style 1:40:19 - Menambahkan Animate On Scroll 1:52:45 - Deploy ke Github 1:57:38 - Menampilkan Website dengan Github Pages 2:00:05 - Closing 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://unsplash.com/ https://getbootstrap.com/ https://cdnjs.com/libraries/font-awesome https://fontawesome.com/icons https://michalsnik.github.io/aos/ https://animate.style/ ------------------------------------------------------------------------------- Like and Subscribe Jika Teman - Teman Suka š ------------------------------------------------------------------------------- #bootstrap #bootstrap5 #bootstraptutorial #bootstrapwebsite #ngoding #ngodingpintar #ngodingmastery #bootstrapindonesia #programmerindonesia
Relaxing Rain Sounds and Soft Piano Music for Deep Sleep, Stress Relief, and Peaceful Nights
Membuat Website REAL ESTATE dengan BOOTSTRAP 5 - Landing Page Projects #2
Web Builder Series #4 | Make Website Professional #webdesign #webdevelopment
Chinaās Secret | The Most Unbelievable Megaprojects in China | 4K Travel Documentary
Ocean Waves for Deep Sleep LIVE š Rolling Waves & Dark Screen Reduce Anxiety, Stress & Sleep Aid
Cara mengubah font di html | webdev | programming
Membuat Website dengan NextJs, TailwindCSS dan Framer Motion untuk Pemulaš
NGOBAR Membuat website COMPANY PROFILE Perusahaan Property BOOTSTRAP 5 || Navbar & Persiapan #1
Website COMPANY PROFILE Responsive dengan HTML CSS JS - Landing Page Projects #3
Place your brain in the frequency of wealth, prosperity and total abundance - Attraction Law
Dimulai dengan Yang Sederhana Saja | Membuat Website dengan Tailwind CSS
(REALLY) Build a WordPress Website with Claude in 2026
NGOBAR#27 - Membuat Website Portfolio dengan BOOTSTRAP 5
Tutorial HTML CSS JS - Membuat WEB PORTFOLIO dari Nol cocok untuk Pemulaš„
LANGKAH DEMI LANGKAH! MEMBUAT WEBSITE SEDERHANA DENGAN BOOTSTRAP 5 | DILENGKAPI DENGAN JQUERY
Bootstrap 5 | How to create a Responsive Navbar | Step by Step Tutorial
FROM START TO DEPLOY | BUILDING A SIMPLE WEBSITE WITH REACT JS
Tutorial Membuat WEBSITE SEKOLAH dengan HTML CSS JAVASCRIPT + AOS cocok untuk PEMULA
EnglandāÆāāÆKroatien āÆHighlights | Gruppe L, FIFA WM 2026 |āÆsportstudio
