PORTFOLIO WEBSITE Menggunakan HTML CSS JAVASCRIPT + Deploy GITHUB PAGES | NGODING PROJECTS #3

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery, pada video kali ini kita akan membuat PORTFOLIO WEBSITE Menggunakan HTML CSS JAVASCRIPT, kemudian kita akan Men-Deploy Website yang sudah kita buat kedalam GITHUB, dan kita akan menjalankan GITHUB PAGES nya agar Website yang kita buat dapat diakses oleh orang lain.

- Yang akan kita pelajari -
1. Membuat Website dengan HTML CSS JS (Beginner Friendly).
2. Membuat Website Responsive.
3. Best Practice menggunakan CSS Flexbox.
4. Best Practice menggunakan CSS Grid.
5. Cara membuat Navbar di ukuran Mobile dengan Button Hamburger.
6. Cara menambahkan Pre Loader / Animasi Loading.
7. Cara menambahkan Animasi ketika Masuk ke Website dengan Animate Style.
8. Cara menambahkan Animasi ketika Scroll dengan Animate On Scroll.
9. Cara Upload atau Deploy kedalam Github.
10. Cara Hosting Gratis agar Website dapat diakses dengan menggunakan GITHUB PAGES.

- 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 - responsive testing tools

- chapter -
00:00 - Overview Website
00:45 - Intro
02:21 - Setup
14:49 - Membuat Section Navbar
45:27 - Membuat Section Header
1:11:52 - Membuat Section About
1:32:40 - Membuat Section Skills
1:47:12 - Membuat Section Projects
2:20:29 - Membuat Section Resume
2:28:17 - Membuat Section Footer
2:37:59 - Memperbaiki Navbar dan Menambahkan Link Direct
2:42:02 - Membuat Pre Loader
2:48:13 - Menambahkan Link Animate Style dan Animate On Scroll
2:50:29 - Menambahkan Animasi dengan Animate Style
2:58:53 - Menambahkan Animasi dengan Animate On Scroll
3:07:54 - Deploy ke Github
3:13:00 - Menjalankan Github Pages
3:14:30 - Penutupan

- Assets -
https://drive.google.com/drive/folders/16RwLdNgWStQCueiqUsg9W8B6dr-uibj8?usp=share_link

- Playlist Bootstrap 5 -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3BHLe9ijLFzX9o7N2f3dUfB

- Playlist Website Responsive -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3Dz36dJKWYVmzl1-bZFkrGD

- Playlist HTML CSS JS -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3ALfhQfe37qKRPk4eJquGrU

- Playlist HTML CSS -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3D7D_ISKHBA7EfD-C2KR6W9

- Playlist Tutorial CSS FLEXBOX -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3Co1DAIVs2BlMlsTYjjtJga

- Playlist CSS GRID -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3B_WYa7EX80et7A_IwKXLpI

- Playlist RESTFUL API -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3BMqiadv2dATYotfYKq0SjJ

- Playlist React Website -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3DeamMkQsC2rZluIPmXiVbY

- Playlist Animasi -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3CgG4iqZU4Y8fG0gajxpnCd

- Playlist GITHUB -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3CtzHU1jnGR-iuyqh08W1NW

https://unsplash.com/
https://cdnjs.com/libraries/font-awesome
https://fontawesome.com/
https://jonsuh.com/hamburgers/
https://animate.style/
https://michalsnik.github.io/aos/
https://undraw.co/illustrations

-----------------------------------------------------------------------------
Like dan Subscribe jika teman - teman Suka 😁
-----------------------------------------------------------------------------

#htmlcssjavascript #portfolio #portfoliowebsite #website #websiteportfolio #websiteresponsive #responsivewebsite #programmerindonesia #indonesia #ngoding #ngodingmastery #frontend #frontenddeveloper

Видео PORTFOLIO WEBSITE Menggunakan HTML CSS JAVASCRIPT + Deploy GITHUB PAGES | NGODING PROJECTS #3 канала Ngoding Mastery