NGOBAR#27 – Membuat Website Portfolio dengan BOOTSTRAP 5
Gabung di Hacktiv8 : bit.ly/H8SDYT
Dapatkan potongan sebesar 500 ribu dengan menggunakan kode promo : SG500
—
▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 – Intro
02:27 – Hactiv8
05:05 – Pendahuluan Bootstrap
06:28 – Bootstrap 5
08:26 – Mockup Website
12:04 – Menyiapkan Visual Studio Code
12:50 – Persiapan Awal Ngoding
14:56 – Menambahkan Extension VSCode
18:20 – Mencoba Fitur Bootstrap 5
24:32 – Membuat Bagian Navbar
33:29 – Membuat Bagian Jumbotron
41:42 – Membuat Gelombang
44:50 – Membuat Bagian About
53:00 – Membuat Bagian Projects
01:00:54 – Responsive Breakpoints
01:06:35 – Membuat Bagian Contact
01:12:25 – Membuat Bagian Footer
01:17:02 – Bootstrap Icons
01:19:13 – fixed navbar
01:20:53 – Scroll Nav Links
01:23:15 – Outro
—
Link Penting :
– Bootstrap 5
https://getbootstrap.com/
– Figma
https://www.figma.com/
– Download Mockup PDF
https://drive.google.com/file/d/1q-JfFLIQSIsS8-0i9Uw3BklNQoUdAWOQ/view?usp=sharing
– Visual Studio Code
https://code.visualstudio.com/
– Squoosh Image Converter
https://squoosh.app/
– Waves Generator
https://getwaves.io/
—
Credit Gambar (https://unsplash.com)
1, 3, 5 : https://unsplash.com/@jay_zhang
2 : https://unsplash.com/@pinjasaur
4 : https://unsplash.com/@hellolightbulb
—
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
🎓 Ikuti KELAS ONLINE “Full Stack Web Designer” 🎓
https://fullstackdesigner.id
👾 Gabung Server Discord WPU 👾
https://discord.gg/S4rrXQU
– Beli Hoodie TitikKoma
http://bit.ly/hoodiewputitikkoma
– Beli T-Shirt TitikKoma
http://bit.ly/kaoswputitikkoma
– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih
—
📢 FOLLOW SOCIAL MEDIA 📢
– http://instagram.com/sandhikagalih
– http://twitter.com/sandhikagalih
– https://github.com/sandhikagalih
—
UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
NGOBAR#27 – Membuat Website Portfolio dengan BOOTSTRAP 5
NGOBAR#27 – Membuat Website Portfolio dengan BOOTSTRAP 5
pak saya bikin web pake bootstrap 4 teru d deploy pake netlify pas d buka linknya keluar kode 404.
Vue js donk pak.
Wah mantap nih, baru mau nyari referensi buat update portfolio langsung muncul diberanda
Lighting nya keren pak, fresh
mas.. saya buka getbootstap.com kok lemot yaa… dan gagal terus
tambah ilmu baru. makasih pak dhika 🙏
INI YG SAYA TUNGGU" PAK, MAKASIHHHH
Jangan lupa pak buat tentang tailwind css
Pak kalo ada kesempatan waktu boleh buat tutorial tentang lightbox tapi mengganggu vanilla JavaScript. Sebelumnya Terimakasih pak atas tutorialnya sangat membantu.
Moga sehat terus pa Dhika, mudah rezeki nya
Amin ya rabbal'alamin
Wah udh 400k lebih subscribe nya selamat pak otw 500k 🔥😀
sehat selalu pak dhika
cara bikin navbar fixed tp ketika scroll teratas dia bg nya transparan itu gmn ya?
Pak Dika terbaik❤️
pak dhika saya udah coba bikin portfolio pake bootstrap tapi masih kurang mungkin sayaya masih kurang paham 😂
mana suaranya yang selalu belajar di web programming unpas?!! hahahaha kita doakan pak sandhika selalu sehat bugar untuk mengajar kita semua aminn
btw boleh buka chanel saya ya ini tentang web design/programming 😀
Bang aku ada tugas disuruh buat wireframe sama prototype, ada tutorial nya ga?
Tutorial compilenya pak pake sass
mau tanya, fungsi alt di img itu apa yaa??
Make live server aja pak. Jd gausah refresh2 lg.
Sebenarnya gak harus chrome sih buat mode mode inspect di menit 26.54 pak menurut saya soalnya saya pengguna edge versi terbaru dan ada juga tools seperti itu namanya developer tools 😅
Boleh minta source code nya gk pak, gk sempet nonton ini soalny lg bnyk tugas + ujian wkwk🤣🤣