NGOBAR#27 - Membuat Website Portfolio dengan BOOTSTRAP 5

Показать описание

---
▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
02:27 - Hacktiv8
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
- Figma
- Download Mockup PDF
- Visual Studio Code
- Squoosh Image Converter
- Waves Generator

---

---
🔥 SUPPORT WPU 🔥

👕 Beli Hoodie & T-Shirt di WPU Official Store 👕

👾 Gabung Server Discord WPU 👾

- Traktir Pa Dhika Kopi (OVO / GoPay / Dana / LinkAja)

---
📢 FOLLOW SOCIAL MEDIA 📢

terimakasih dan #janganlupatitikkoma!

@sandhikagalih

Рекомендации по теме

Комментарии

Sangat membantu pak. Di awal2 saya tahu bapak jelasin sampai sedetail itu demi orang2 yang masih kurang mengerti. Salut banget sama bapak. GBU pak...

DavidGTech

dulu kami belajar buat HTML dari notepad biasa tahun 2003, baru setelah itu pakai dreamweaver. sekarang perkembangan web desain sungguh luar biasa. Terima kasih dengan ilmu nya bos. semoga bermanfaat dan tidak ada yang merasakan penderitaan capek ngetik kodenya seperti dulu.

BROZSONE

kalo bootstrap 5.3.0 sekarang untuk nyari skrip starter template ada di RTL (right to left) di menu yang sama yaitu getting started, tapi tulisan hello worldnya berubah jadi tulisan arab dan posisi teksnya ada di sebelah kanan, dan ini syntax css untuk merubah posisi tulisannya :
<style>
h1 {
text-align: center;
}
</style>

kalau dari video tutorial ini, untuk teksnya bisa diubah menggunakan syntax dari bootstrapnya jadi,
<h1 class="text-center">Hello World</h1> (untuk posisi kiri berubah jadi end dan untuk posisi kanan berubah jadi start)

kalo mau merubah tulisan tinggal ubah saja syntax bahasa yang paling atas dari <html lang="ar"> menjadi <html lang="en">

rosalinarosa

jujur perantara saya bisa ngoding-ngoding dari channel ini, terimakasih pak atas ilmunya semoga bapa di berikan kesehatan dan selalu di lancarkan rezekinya

fajardillah

ga pernah bosen bilang terima kasih buat konten konten yang pak dhika berikan secara gratis serta mudah di pahami.

terima kasih pak. sehat selalu 🙏

MuhammadAli-coux

ga bisa berkata kata sama pak dosen ini, yang udah mau berbagi ilmu yg sebenarnya mahal diberikan secara cuma", dengan cara menjelaskan sangat jelas, terimakasih pak galih, semoga berkah

xir_muhammadrafirahman

Mantap pak, makasih banyak ilmu nya pak, semoga pak dhika dan keluarga sehat selalu.
Saya sangat minat buat mendalami pemrograman web, nyari banyak tutorial tapi lambat memahami hingga muncul jenuh dan kayanya mau balik kanan, tapi setelah saya nemu WPU Alhamdulillah makin semangat pak karena penjelasannya gampang sekali dipahami, keren pak 👍 Saya jadi pengen ketemu langsung sama pak dhika hehe...
Semoga saya bisa sehebat pak dhika. Aamiin

Jazakallohu khair pak 🙏

asepsaepulanwar

Akhirnya ada juga pengajar yg boleh buat aku faham . ( done first project ) Salam dari Malaysia !!

husnasyhda

" Dokumentasi Akan Selalu Menyelamatkan Kita " 👍

rudirazak

yang kayak gini yang harus trending, banyak manfaat nya

denihikmanto

Mungkin hanya dengan ber terima kasih menurut sy pribadi tidak cukup pak, tapi saya jarang skip iklan video bapak kecuali lagi penasaran banget. Semoga sehat selalu pak🙏🏻

galilei

Jangan berhenti ya pak buat berbagi ilmunya, ilmunya sangat bermanfaat untuk saya bisa menyelasaikan tugas harian saya...terimakasih 🙏 semoga sukses terus yaa pakk...semangattt 👍💪

irginoviaananda

Terima kasih. Ini salah satu channel kesukaan saya. Dari HTML, CSS, sampai Bootstrap. Sangat membantu.

timrobbygo

Niat Itikad Baik Pengen jadi Web Programming.. walaupun blom ada rezeki buat beli laptop, yang penting paham dulu baru praktek.. hehee. Makasih bang atas Ilmu, Insyaallah Ane pantau Terus Video Selanjutnya.. Salam

zaliroz

akan support terus channel ini, ngasih ilmu mahal dan totalitas banget semoga tuhan selalu memberkahi pak shandika

gadget

bnyk" pak videao bootstrap 5, soalnya mau pkl pak, untuk mempersingkat project walauapun sudah tau dasar" nya

galangartama

1 hari bljar sama Pak Galih, udh kek website builder professional bgt gw. Apalagi kalau tiap hari kan, auto nyaingin microsoft. wkwkwkwwk

Thank's Pak Galih^^

fadhilkn

Gw masih smk, kemarin 2020 awal gw belajar coding sampe nggk tidur beberapa hari, gw cuma tau html, CSS, JS mau ke php agak susah belum nangkep. Terus gw stop belajar coding, ganti belajar desain logo/edit foto. Dan sekarang gw dah lupa semuanya😆 pingin belajar lagi.

BangHab

duluuu, , tahun 90-an, belajar program sederhana...pake bhs pemograman basic, cobol, susahnya harus dihapal rumus2nya..belum lg harus memperhatikan titik, titik koma dll, kurang titik satu aja, program ndak bisa jalan, , , sekarang sdh mudah membuat program sederhana...beljar mandiripun pasti bisa...yg penting semangat...ayo semanggat buat generasi2 muda....isi diri kalian dengan keterampilan, jadikan diri kalian bernilai tinggi..
kl saya udah ngak sanggup lg belajar kayak gini lagi...tp sya paham ke mana arahnya..sudah 50 tahun...udah capek belajar ... kayak gini..☺

imelbarubaru

1:22:09 buat temen-temen yang gak pengen pakai padding karena ngerubah jarak. mungkin bisa pakai scroll-margin-top: .. di cssnya

gilangpratama

NGOBAR#27 - Membuat Website Portfolio dengan BOOTSTRAP 5

NGOBAR#27 - Membuat Website Portfolio dengan BOOTSTRAP 5

Membuat Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #32

NGOBAR#28 - Mengupload Website Ke Internet Menggunakan GitHub Pages & Web Hosting

Membuat Website Portfolio Lengkap dengan HTML, CSS & Javascript | Responsive

Ngobar#1 Uji Coba Membuat WebSite Portfolio - Bootstrap 5

Ngobar#2 Uji coba Membuat Web Portfolio

Website PORTFOLIO untuk PROGRAMMER

Bikin website portofolio dibawah 5 detik aja!? 🤤

Membuat WEBSITE Kedai Kopi RESPONSIVE dengan HTML & CSS dari 0 + Autodeploy ke WEB HOSTING

5 PROJECT untuk PORTFOLIO Web Developer PEMULA

Website Portfolio Professional dengan Bootstrap 5 | Kita lengkapi halamannya

Tips Bikin Portfolio Kerja Pake HP #shorts

Ketika deadline sudah semakin dekat 😵💻

Akibat terlalu gegabah 🤕

Cara Membuat WEBSITE PORTFOLIO dengan WordPress + Elementor - TANPA KODING!!

Cara jadi programmer handal 😭

Cara Mudah Membuat Web Portfolio Bagi Pemula | Membuat Web Portfolio Menggunakan Template Bootstrap

Belajar Membuat WEBSITE Dari 0 Sampai Di PUBLISH Untuk Pemula

Membuat Website PORTFOLIO Responsive dengan BOOTSTRAP 5 + AOS | LOADER | ANIMATE STYLE ...

Belajar Parenting Lewat CSS 😁 | CSS Selector Combinator - Part 1

Tutorial Bootstrap 5 - PART 1 (Bikin Web Portofolio Kerja Programmer)

Bikin Website Portofolio dengan 1 Klik! | NEO Web Space

Portfolio Website using only Bootstrap 5

FULL LENGKAP CARA BUAT WEBSITE PORTOFOLIO UNTUK PEMULA SAMPAI JADI