Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching Tutorial Membuat WEBSITE RESPONSIVE dengan HTML CSS JS (2024)๐- ditambah AOS SWIPER!!!. and this video is uploaded by Ngoding Mastery at 2024-05-12T17:00:19-07:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [wWRCvrBxbmw]
| Name | Tutorial Membuat WEBSITE RESPONSIVE dengan HTML CSS JS (2024)๐- ditambah AOS SWIPER!!! |
| Video Uploader | Video From Ngoding Mastery |
| Upload Date | This Video Uploaded At 13-05-2024 00:00:19 |
| Video Discription | Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery... Pada video kali ini, kita akan Belajar Membuat Website Responsive dengan HTML CSS JS, dan ditambah dengan beberapa komponen atau libary dari Javascript seperti AOS, SWIPER, Fungsi Load More dan juga sebagainya, Lengkap step by step. - Yang akan kita Pelajari - 1. Membuat Project Website Responsive dengan HTML CSS JS Beginner Friendly 2. Cara pakai CSS Flexbox dan CSS Grid 3. Cara pakai Button Hamburger dari Jonsuh Hamburger 4. Cara menampilkan Sidebar 5. Cara menggunakan Swiper pada Project HTML CSS JS 6. Membuat fungsi Load More dengan Javascript 7. Membuat tampilan website di desktop, tablet dan mobile 8. Membuat Animasi ketika Scroll dengan AOS - timeline - 00:00 - Opening 00:56 - Preview Website yang dibuat 09:21 - Download Assets 13:01 - Starter Project 22:58 - Membuat Section Header (Background) 26:47 - Membuat Section Header bagian Navbar 1:13:34 - Membuat Section Header bagian Hero 1:22:02 - Membuat Section Our House 1:45:31 - Membuat Section About Us 2:03:40 - Membuat Section Services 2:17:57 - Membuat Section Our Apps 2:29:56 - Membuat Section Feedback 2:53:05 - Membuat Section Footer 3:07:56 - Membuat Section Copyright 3:11:34 - Memberikan id pada Link 3:13:11 - Membarikan Fungsi Animate On Scroll (AOS) 3:20:30 - Closing - Hasil Akhir - https://nm-house-villa.netlify.app/ - Assets - https://drive.google.com/drive/folders/1tGFtVH2Xob0_6GePdfxvO7t48MuQCcz2?usp=sharing - WER TEKEWER KEWER๐โ - https://saweria.co/dikydev27 - 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. ES7+ React/Redux/React-Native snippets (dsznajder) 3. ESLint 4. Javascript (ES6) code snippets 5. Rest Client 6. 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 8. Error Lens - Extention Chrome - 1. What Font 2. Mobile Simulator - responsive testing tools 3. ColorPick Eyedropper 4. React Developer Tools 5. CSS Viewer - Playlist PORTFOLIO Website - https://www.youtube.com/playlist?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://swiperjs.com/ https://michalsnik.github.io/aos/ https://jonsuh.com/hamburgers/ https://code.visualstudio.com/ https://fonts.google.com/ https://cdnjs.com/libraries/font-awesome https://fontawesome.com/icons ------------------------------------------------------------------------------- Like and Subscribe Jika Teman - Teman Suka ๐ ------------------------------------------------------------------------------- #landingpage #htmlcssjs #htmlcssjavascript #htmlcssjavascriptproject #landingpages #ngoding [wWRCvrBxbmw] |
| Category | Education |
| Tags | tutorial membuat website responsive dengan html css js 2024 | tutorial membuat website responsive dengan html css js | tutorial membuat website responsive dengan html css javascript | tutorial membuat website dengan html css js 2024 | tutorial membuat website dengan html css js | tutorial membuat website responsive untuk pemula | tutorial membuat website responsive dari nol | tutorial html css js for beginner | tutorial membuat website responsive for beginner | ngoding mastery | html css js |
