Part 1 | Tutorial Membuat Website Landing Page Responsive dengan HTML CSS JS Lengkap bagi Pemula



Published
*Gunakan Earphone / Headphone for Recommendation

Hallo semuanya, selamat datang di Channel Ngoding Mastery, pada video kali ini kita akan membuat sebuah Website Landing Page Responsive dengan menggunakan HTML CSS (FLEXBOX) & JAVASCRIPT serta pada Website yang akan kita buat pada video kali ini, akan kita tambahkan animasi yang di ambil dari Website animate css dan animate on scroll (AOS).

- chapter -
00:00 - Intro
00:38 - Overview Website yang akan dibuat
03:14 - Membuat Struktur Folder
04:24 - Membuat Struktur HTML
04:59 - Menambahkan Font Poppins dari Font Google
06:29 - Menambahkan Icon dari Remix Icon
07:32 - CSS Reset
08:19 - Membuat Navigation Bar di ukuran Desktop
24:13 - Membuat Navigation Bar (Sidebar) di ukuran Tablet atau Mobile
31:20 - Memfungsikan Menu Bar dengan menggunakan Javascript
34:35 - Menambahkan Style ketika Menu Bar Aktif
40:55 - Menambahkan Icon pada Menu Navigation (Sidebar)
48:00 - Menambahkan Text dibagian Header
55:14 - Membuat sebuah Section About di ukuran Desktop
1:04:24 - Mengubah Style Section About di ukuran Tablet sampai Mobile
1:14:22 - Memperbaiki Posisi Sidebar ketika di ukuran Mobile
1:17:37 - Memperbaiki Icon di ukuran Tablet kebawah
1:19:20 - Penutupan

- Assets Image -
https://drive.google.com/drive/folders/1X_EogIeGZs9t7b5WD5mD-_U3M0zs88Au?usp=sharing

- SAWER WER | SUPPORT ME -
https://saweria.co/dikydev27

- Playlist Video Tutorial Flexbox -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3At0wacILmuuSm_06as1oNy

- Part 2 -
https://www.youtube.com/watch?v=kr4Z61iyFug&t=26s

- Final / Part 3 -
https://www.youtube.com/watch?v=-gzs8Jq2CBM&t=9s

- Artist Attribution
Music By: "KaizanBlu"
Track Name: "Time Flies" ENTENDED VERSION 'Time'
• Instagram - https://www.instagram.com/kaizanblu/
• SoundCloud - https://soundcloud.com/kaizanblu/
• Facebook - https://www.facebook.com/kaizanblumusic/
• TikTok - @kaizanblu http://vm.tiktok.com/aCYwfx/
• YouTube - https://www.youtube.com/channel/UCUtx...
Licence: Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
• Music published by: Chill Out Records @ https://goo.gl/fh3rEJ

- Credit Image -
https://www.pexels.com/

------------------------------------------------------------------------
Terimakasih telah mengunjungi Channel ini
------------------------------------------------------------------------
Subscribe dan Like video ini jika kalian suka
Category
Web design
Be the first to comment