Tutorial Bikin Portofolio Website Responsive Pakai HTML, CSS dan Javascript | Part 2
6Daftar Isi :
00:00 : Setup Awal dan Intro
04:56 : Service Section
---04:56 : Kerangka Service Section
---15:10 : Styling Service Section
---54:06 : Hasil Akhir Service Section
56:10 : Works Section
---56:10 : Kerangka Works Section
---1:07:23 : Styling Works Section
---1:11:43 : Script Works Section
---1:29:26 : Hasil Akhir Works Section
1:32:51 : 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