Tutorial Bikin Portofolio Website Responsive Pakai HTML, CSS dan Javascript | Part 1
Daftar Isi :
00:00 : Setup Awal dan Intro
10:00 : Kerangka Website bagian Header, Hero Section dan About Section
---10:00 : Kerangka Header
---15:45 : Kerangka Hero Section
---20:59 : Kerangka About Section
24:30 : Styling Website bagian Header, Hero Section dan About Section
---24:30 : Styling Header
---52:14 : Styling Hero Section
---1:18:21 : Styling About Section
1:52:21 : Recap yang dipelajari di episode ini dan isi episode Berikutnya
Tools yang perlu temen miliki buat ikutin tutorial ini ( Gratis googling aja ) :
- Visual Studio Code ( VS Code )
- Ekstensi VS Code : Compile Hero Pro dan Live Server
Tech Stack :
- HTML pakai PUG / Jade
- CSS pakai SCSS / SASS
- Javascript pakai Jquery
Link berkaitan dengan video ini :
- Website yang kita jadikan study kasus : https://droitthemes.com/wp/mak/
- Github repo project ini : http://gestyy.com/er3NIG
- Playlist lengkap "Tutorial Bikin Portofolio Website" : http://gestyy.com/er3NSd
- Tutorial Flexbox Lengkap : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- Experiment tentang Margin & Padding : https://codepen.io/agungdlgs/pen/bgMgKQ
- Experiment tentang Layouting pakai Float : https://codepen.io/agungdlgs/pen/XpqpPX
- Experiment tentang Positioning : https://codepen.io/agungdlgs/pen/XpqpPX
Playlist ''Tutorial Dasar Bikin Website" : http://gestyy.com/er3NGc
Semoga bermanfaat temen - temen.
-----------------------------------------------------
Social Media :
Instagram : https://www.instagram.com/hapdesmith/
Twitter : https://twitter.com/hapdesmith/
Facebook : https://www.facebook.com/hapdesmith/
Github : https://github.com/hapdesmith