Tutorial Membuat WEBSITE RESPONSIVE dengan HTML & CSS (2025)🔥

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery... Pada video kali ini, kita akan Membuat Website Responsive dengan HTML dan CSS, tanpa ada campuran dari Javascript. - Yang akan kita Pelajari - 1. Membuat Website Responsive hanya dengan HTML dan CSS. 2. Membuat Tampilan Desktop/Laptop, Tablet dan Mobile dengan CSS Media Query. 3. Belajar CSS Layouting dengan CSS FLEXBOX dan CSS GRID. 4. Cara pakai Font Awesome Icon dengan CDN. 5. Cara mengganti Icon Website. 6. Cara menggunakan API Whatsapp untuk mengirim Pesan. 7. dan lain sebagainya. - 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 00:17 - Overview Website 00:40 - Download Starter Template + Assets 03:08 - Open Folder Starter Template 04:36 - Starter Project 09:52 - Section Navbar 23:05 - Section Hero 30:24 - Section Tentang 37:48 - Section Proyek 49:43 - Section Footer atau Kontak 58:05 - Whatsapp API 1:00:45 - Link Direct disetiap Section 1:02:46 - Closing - Starter Template + Assets - https://drive.google.com/drive/folders/1W92e2-AjlCj4IoXYHtGeqFV-1kh9ZRX7?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 - Playlist Tailwind CSS Website - https://www.youtube.com/watch?v=-o_tBBtLS4U&list=PLxLtIf3VX_3C-Oe5VtgUBmONbScnGBYPB - Playlist NGOJEK (NGOding proJEK) - https://www.youtube.com/watch?v=WgSCJSG1lOw&list=PLxLtIf3VX_3BnAbuL-XDaPmq6AkL41K6g - Playlist Website LANDING PAGE Responsive - https://www.youtube.com/watch?v=hXPb8v4SFbI&list=PLxLtIf3VX_3D8y0acpsIzIlME_5J_6Ns6 - Playlist Library CSS & JAVASCRIPT - https://www.youtube.com/watch?v=hErSquN7vS0&list=PLxLtIf3VX_3C7p1royoHxX0KFflbhUFAH - Playlist BOOTSTRAP Website - https://www.youtube.com/watch?v=rK92ZoMMU7U&list=PLxLtIf3VX_3BHLe9ijLFzX9o7N2f3dUfB - Playlist HTML CSS JS Website - https://www.youtube.com/watch?v=eYFN_TL8Ycw&list=PLxLtIf3VX_3ALfhQfe37qKRPk4eJquGrU - Playlist REST API (Node Js, Express Js, MongodDB) - https://www.youtube.com/watch?v=6vMWoJsG4YQ&list=PLxLtIf3VX_3BMqiadv2dATYotfYKq0SjJ - Playlist GITHUB - https://www.youtube.com/watch?v=s0bNDmqlHO0&list=PLxLtIf3VX_3CtzHU1jnGR-iuyqh08W1NW - Playlist Website Responsive Sederhana - https://www.youtube.com/watch?v=AQP80QaYhK8&list=PLxLtIf3VX_3At0wacILmuuSm_06as1oNy https://unsplash.com/ https://cdnjs.com/libraries/font-awesome https://fontawesome.com/icons ------------------------------------------------------------------------------- Like and Subscribe Jika Teman - Teman Suka 😁 ------------------------------------------------------------------------------- #tutorialmembuatwebsite #tutorialwebsiteresponsive #tutorialhtmldancss #belajarmembuatwebsite #websiteresponsive #landingpage #membuatwebsitelandingpage #forbeginners #pemula #ngoding #learnwebsite #websiteresponsiveforbeginner #htmlcss #pemulabelajar #flexbox #cssflexbox #grid #cssgrid