Tutorial GRID SYSTEM Bootstrap 5 - Membuat Layout Web Design || Belajar Bootstrap 5
HTML-код
- Опубликовано: 20 июн 2024
- #Bootstrap #Frontend #Gridsystem
di video kali ini kita akan membahas gridsystem,
membuat layout untuk website.
Time Stamp :
00:00 Intro
00:28 Apa itu Grid
02:03 Fungsi Grid System
03:20 Istilah pada Grid System
06:56 Membuat Grid
22:25 Outro
Source Code :
drive.google.com/file/d/1yNCB...
Wireframe Design :
drive.google.com/file/d/1rcUW...
Gabung Group Discord : / discord
Dokumentasi Bootstrap :
getbootstrap.com/
Ikuti playlist Bootstrap 5 ini sampai selesai
Playlist Framework Bootstrap5
• Belajar Framework Boot...
Playlist UI UX Design
• UI dan UX Design Playlist
Belajar Teori Dasar Desain Grafis
• Belajar Desain Grafis ...
Jangan Lupa follow Akun instagram aku di
My Instagram : aguscreative.id...
Creative Product : creativestore.i... Pre-Order Custom Wall Decor || Gift etc.
Jangan Lupa Suport Kami disini : / @creativeacademyid Stay Class
Keren bang, SPJ gak banyak basa basi dan mudah di mengerti. Semoga ilmunya berkah bang.
mantap bosq. sangat membantu. dan mudah di mengerti
🔥🔥
Bagus ini tutornya, ga cuman dijelasin pengertian tapi di kasih juga contoh case project langsung jadi ada gambaran dan bisa sekaligus ikut coba, mantab
Keren, pembawaan & penjelasannya sangat mudah dimengerti
keren, dan mudah dipahami. Thanks mas!
Mantap Mas, penjelasannya detail sekali. Semoga diberikan kesehatan selalu dan terus berbagi ilmu Insya Allah akan menjadi ladang ibadah yang tidak henti. Aamiin YRA.👍👍👍
Keren ....sgt manfaat..👍👍
tutorial & penjelasannya sangat mudah dipahami 😄terima kasih mas 😃
gokil sih penjelasan nya cukup detail , auto subrek
Lengkap dan detail mantap
Bermanfaat banget!!!! Terimakasih yaa
Auto sukribek, mantap penjelasan nya
Chanel favorit makasih bang
mantap bang, bagus bgt buat saya yg lagi belajar boostrap, selalu aku like di setia videonya bang
mantap bang !!
pembawaannya sangat mudah dimengerti, dari segi mengajar dan bicaranya sangat bagus
jangan pernah berhenti bikin konten bang, karna sangat membantu saya dalam belajar pemrograman
semangat terus ngontennya bangg!!💪💪
lu asik bang jelasinnya... ga bertele tele bahasanya. gw rasa lu akan jadi orang selanjutnya menjadi tutoring setelah pak sandhika dan dea afrizal
lengkap sekali penjelasnya
Alhamdulillah, sangat cerdas. izinkan saya belajarnya kak. Smoga jadi ladang amal telah berbagi ilmunya.
Amiin terimakasih saudaraku.
Mantap nih bang aslinya kurang suka di sisi front jadi skrng suka :v
Keren boss. Lu membahasnya dgn baik dn enak di mengerti, bravo.. Semangat bikin konten kayak gini 🔥 🔥 🔥
Semoga bermanfaat 🤙
Penjelasannya keren bangeet
respek dengan publik spiking nya mas.. top lah buat saya..
terima kasih kak Agus 👍👍👍.. terus berkarya.sangat bermanfaat banget. saya jadi ngerti tentang bootstrap 5🙏🙏
Sama sama, Semoga bermanfaat 🤙
Bang tolong buatin framework yang lain juga, penjelasannya bener bener bikin paham banget...
nice kali tutorialnya
di konten ini baru saya paham cara kerja bootstrap, layout, dan css grid. thanks bang
You're Welcome.
Terimakasih banyak kakk
bagus bang, jadi paham. bang, buatin tutorial ini juga doong, pake framework vuejs, sama vuetify
penjelasan nya okr banget
kerenn bg penjelasannya
baru kali ini paham bootstrap. Mantap channel nya bg, semangat berkarya bg
Semangat bre 🔥
TERIMAKASIH
mantapppp
Mantaaaaap pol,
Thankful
Mantap
Gasskeun
Keren parah bro
Tengkiu...
masnya bilang gampang aja, pas saya praktekin jadi susah aja hahaha :((. tapi setelah nonton video ini jadi lebih ngerti mengenai grid. makasih mas. sukses selalu.
Berprosess 🔥🔥
Mantapp Masss
Tengkyu 🤙
Mantaaap
🔥🔥🔥🔥🔥
mantap bang keren banget mudah dipahami videonya, kalau boleh request buat yang tailwinds bang
Stay Tuned.
keren mas.. baru nemuin chanel youtube ttg coding codingan gini tp yg ngajarin kayanya seumuran wkwk tp dah hebat. 👍 terimakasih.
Mudah mudahan kalo seumuran, bisa klop gituh 😂, karena disini sama sama belajar bareng 🔥🔥
aaminn wkwk
ttp smngt ✊
thanks bang
🤙
Ditunggu video mengenai flexbox bootstrap dan responsive grid nya bang
🔥🔥
oke makasih bang tutornya tolong buatin yang gabunging card dengan gird
Di seri ngobar sudah ada..
mantap bang tutorialnya, bikinin tutorial tailwind bang, katanya lebih mudah di custom dari pada bootstrap
Okey, Ditunggu
keren nih deliver materinya, lanjutkan terus masbro, sub += 1;
Increment hehe
Mas, bagaimana kalau mau membuat 5 kolom dalam 1 row?
Bang tolong lanjut flexbox dan responsive breakpoint ya :)
Okey Bro
@@CreativeAcademyId mksh bang~
itu kode formatternya pake apa ya biar rapi?
bang itu applikasi editor web nya pakai applikasi apa ya?
Bootcam geratis ya kita😜
Mari join server discord.gg/nfTG3wA3
bang buat tutorial untuk objek motion grafik, bisa ga ya kira kira>..BTW sy udh nonton + mengikuti
+ Sub, thanks
Mungkin seperti animation di CSS..,
Atau pake javascript..
@@CreativeAcademyId.. Untuk UI nya seperti website snack, ada kemasan dan isi, objek'' ini memiliki animasi interakytif yg bagus. Sangat menarik.. Tp kebanyakan di luar negeri.. Di indo produsen'' kebanyKN ini belum menggunakan website interaktif
maaf bang, domisili abang di perumnas karawang bkn ya?
makasih sblmnya bang, bermanfaat banget
Bukan bang..
Kak mau ty, maaf baru belajar kakak ketik container , langsung keluar div dan class , caranya gimana?
.container + Tab
Bang cara ambil gambar1->3 nya di mana,soalnya di drive dapet sourc & file xd nya aja
Bisa export langsung dari XD
Kalau ini bisa dipahami... Kalau awalnya kita buat col-md-12 semua utk tampilan hp, trus kalau mau ngubah nya ke dalam bentuk col-lg-3 gimna yaa bg? Koq ga beraturan jdinya? Saya coba utk 9 foto
Maksudnya di Layar LG 3 kolom, Di medium jadi 12 Kolom..?
@@CreativeAcademyId iyaa mas
Udah mas, tak bagi aja jadi 3 row
Mas boleh minta file AdobeXD nya?
itu pakai snippet atau ekstensionnya apa ya ?
Yang mana..? Emmet..?
@@CreativeAcademyId waktu ngetik py-5 lngsung muncul gitu, itu pakai snippet atau ekstension apa ya?
membuat grid lain kali mampir sekalian ke doc bootstrapnya dek
Siap om 😊
1:54
3:28
3:44
4:31
4:43
5:17