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/folder...

Playlist Bootstrap 5 -
   • Bootstrap Website (INDONESIA)  

Playlist Website Responsive -
   • Плейлист  

Playlist HTML CSS JS -
   • HTML CSS JS Website (INDONESIA)  

Playlist HTML CSS -
   • Плейлист  

Playlist Tutorial CSS FLEXBOX -
   • Плейлист  

Playlist CSS GRID -
   • Плейлист  

Playlist RESTFUL API -
   • Плейлист  

Playlist React Website -
   • Плейлист  

Playlist Animasi -
   • Плейлист  

Playlist GITHUB -
   • Плейлист  

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