CSS GRID | #1 Apa itu CSS GRID?
HTML-код
- Опубликовано: 21 авг 2024
- Kali ini kita akan memulai seri baru mengenai CSS GRID, dan seperti biasa kita akan awali dengan pembahasan mengenai definisi, konsep dan alasan kenapa kita harus mempelajari CSS Grid
--
Download Code & Slide :
github.com/san...
--
Sumber Belajar CSS GRID
1. CSS Tricks
css-tricks.com...
2. MDN
developer.mozi...
3. Morten Rand-Hendriksen: CSS Grid Changes Everything
• Morten Rand-Hendriksen...
---
🔥 Kelas Online "Menjadi FullStack Web Designer" 🔥
👉🏼 fullstackdesig... 👈🏼
---
Support Channel WebProgrammingUNPAS dengan berdonasi ke :
saweria.co/san...
---
Yang Harus kalian pelajari sebelum ini :
- HTML Dasar
• HTML Dasar
- CSS Dasar
• CSS Dasar
- CSS Layouting
• CSS Layouting
- CSS3
• CSS3
- Membuat Website Untuk Pemula
• Belajar Membuat Websit...
- NGOding BAReng
• NGOBAR: NGoding BAReng
- FlexBox
• Belajar FLEXBOX
---
FOLLOW ME
- / sandhikagalih
- / sandhikagalih
- github.com/san...
- / webprogrammingunpas
- codepen.io/webp...
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan selamat #ngoding!
@sandhikagalih
Orang kayak pak Sandhika Galih jarang banget ditemuin, sehat² pak, semoga lancar rejekinya.
Umur saya 38 tahun, dan rasa rasanya sudah agak ketinggalan dari anak anak sekarang, tidak punya background IT dan pemrograman.... hanya belajar dari Pak Dhika, di channel ini, dan sekarang udah bisa bikin web sendiri.... alhamdulillah bagus pula dan saya jadikan landing Page bisnis saya... Pak Dhika, kalo ketemu biar saya traktir bapak yaaaa hehehe... dan salam titik koma
Mantap mas 👍
YaAllah pak, bener-bener menginspirasi dan sangat membantu saya dalam memahami materi. terimakasih pak walau saya tidak kenal anda, semoga anda dan keluarga sehat selalu dan dilancarkan rezekinya, aamiin.
Jelas. Padat. Simple. Understandable. Audience-friendly. Good presentation.
setiap konten pak dika yang bikin semangat yaitu di berikan asal-usulnya terlebih dahulu, penjelasan singkatnya yang mana bikin kadar semangat belajar kita makin menggebu". hatur nuhun pk dika semoga selalu sehat jasmani serta rohani😊
Terima kasih Guru Onlen😁🔥🔥🔥
mashaAllah, tabarakallah... ilmunya pak Dhika jadi jariyah...adsence ga ada apa2nya, dan semua orang bener2 belajar ga harus ke kampus yg mahal
Selama ini bingung sma konsep css grid akhirnya muncul jga video ini. Terima kasih pak👍
Mantap, terima kasih pak, bisa mengisi waktu luang sambil kerja di rumah ini
akhirnya ada juga video tentang css grid
Wow seru banget nih belajar CSS Grid secara fundamental langsung. Kalo menurut saya CSS Grid ini cocok banget buat style layouting, tapi untuk styling css yg lebih kecil seperti component, atau atomic design kayaknya tetep cocok pake Flexbox ya. Gimana menurut Pak Dhika ?
Btw bahas design system dong pak, jarang2 channel youtube Indo bahas materi ini. Memang jatohnya di bagian UX bukan Developer, tapi bahas design system dari sisi developer kayaknya seru pak hehe. Good Luck Channel nya !
sebaik baik manusa adalah yang paling banyak bermanfaat bagi manusia lain,dan pak sandhakia adalah orang nya yang telah masuk ke dalam hadis baginda nabi muhammad saw.
Pak Dika amazing!! Thanks a lot, really appreciate :)
Alhamdulillah bisa semakin menunjang kreativitas bentuk responsive yg kita inginkan
sebelumnya saya belajar grid lewat chanel yt luar cuma gak paham paham, setelah lihat cannel pak dika jadi jelas cara kerja grid ini... terimakasih pak.... sangant membantu........
WOWWWW AKHIRNYAAAA YANG DITUNGGU TUNGGU KELUAR, terima kasih Pa Dhikaaa👌👌
THIS TUTORIAL REALLY WORKS I AM FROM PHILIPPINES! THIS MAN DESERVES A SUBSCRIPTION!
tetep sehat selalu pak dika dan tetep semangat bkin konten ilmu yang bermanfaat buat kita agar kita jg semakin semangat belajarnya. jg jgan sampe merasa berkecil hati disaat konten ga guna sperti "anjay" mendadak jadi viral. terimkasih untuk semua video2nya yg udah diupload
Keren penjelasan pak dosen, saya selalu jadi mahasiswa anda walaupun gak kuliah di UNPAS.
Kerem banget pak dika. The real mengamalkan ilmu. Semoga sehat2 selalu pak, rezekinya lancar jaya 🤲
Wiuh keren, otak ini terasa langsung jreeeenngg💥
Makasih Pak Dhika atas ilmu nya🙏
Kenapa gak dari awal semester kuliah yaa gw tau chanel ini huufft 😭 lebih² dari gru privat jelasinnya detail banget, makasih pak dika 🙏
Amazing, lg mau memperdalam css, muncul video ini makasih pak dika 😍😍
Wah, ini baru. Semakin dalam ilmu CSS saya bersama Pak Dhika. Terima kasih Pak Dhika.
SEMOGA SEHAT SELALU PAK DHIKA...
Gilak, hal yang aku ga paham liat video pak Sandhika langsung masuk. Mantap emang.
Disaat masih belajar css layouting tapi ada vidio css baru, yaudahlah nonton aja dlu :D
Sama wkwkwk
lanjuttttttttt
sudah gak sabar.......................
Terima kasih pejelasannya sangan membatu, dan terima kasih juga sudah menyertakan sumbernya, jadi bisa belajar tanpa habisin kuota, sukses terus channellnya
sebenarnya mau liat tutorial pas stelah upload dulu, tp nunggu video lainya di upload kan klo sudah banyak kan harus nunggu lagi tinggal langsung belajar wkwkwkwk...
sumpah keren banget pak css gridnya, soalnya saya sudah ngikutin tutorial css pak dika dari awal sampe sekrang, jadi say bisa lihat perkembangannya dri float, flex box dan sekrang, css grid. saya merasa selama ini saya ngitung" udah cara yang paling effektif ternyata masih ada lagi yang lebih efektif dan simpel, jadi lebih gampang dehh..., trus beri tutorial turial lain yang lebih menarik pak dan semangat bikin kontentanya dulu awal subs masih 34rb an sekrang udah 254rb
Materi yang menarik pak. Sukses selalu ya. Belajar HTML dan CSS jadi lebih mudah. Inspiratif pak.
Best Lecturer For Me
Mantap kang! Walaupun sy g ngerti dunia coding tp cara kang galih menjelaskan materi enak dipahami
CSS GRID udah ga ngotak sih wkwkwk bisa" nyaa elemen" pada pindah posisi , udah kek lagi maen futsaal wkwkwkwk,
kereeen" , mesti di pelajarii iniii
Mantap mantap pak dhika... Semangat semangat..
Baru smpe series css dasar, eh udh smpe sini 😂
Semangat kejar 💪
Start grid 15:09
Keren pa Dosen
Yang ditunggu tunggu muncul juga.. flexbox sudah... ini grid.. mantap.. thank pak.
Wahhh mantapp bangg, yang ditunggu akhirnyaa keluarrr
mudah bgt dipahami, jadi semangat lagi nih belajar nya. terimakasih pak
19:15 keren banget pak
sangat membantu buat org backend yg jarang ngulik css kaya saya hehe
terima kasih ilmunya pak dika ..
No SKIP iklan untuk ucapan terima kasih atas ilmunya Pak Dika🙏
Mantap pak jadi pengen cepet-cepet ntn video lanjutannya
Terimakasih Pak Sandhika, luar biasa bagus sekali, baiklah jadi siap untuk mencoba coding dengan menggunakan css.
yang seperti ini seharusnya tinggi subscribenya 🔥 terima kasih pak 🙏🏻
Semangat terus pak sandhika
Terimakasih pak dika ilmu nya. semoga semakin berkah ilmu nya
Penjelasan detail bgt makasih pak sandika .....panutan nih😊
Selalu siap 💪
Thanks pak Dika, bahasa dan cara penyampain sangat mudah dimengerti, semoga sehat selalu Pak. Amin
Udah lama nggak mampir nih 😄😄, ada materi menarik jadi mampir lagi,, yg dikangenin dari sini itu jelasin nya berdasarkan konsepp
wah mantap sekalli, jadi makin semangat belajar html dan css, terima kasih pak sandhika
The best pak dhika. Segera lanjut tutorialnya ya
Makasih pak karna channel.ini aku bisa menjadi hobi dunia Web Programming
Wah mantap pak... Mudah dimengerti, mantul... 👍👍
Keren pak, makasih sudah menemani disaat karantina di rumah saja 🙏🏻
Rilis New Vidio Nice Penjelasan Nya Pak 😁😄
keren bangeeet css grid, terima kasih pak dika atas ilmunya!
Yg ditunggu tunggu nih pak , nuhun udh bahas css grid .
Mantap ilmu nya pak, terima kasih banyak udah mau ngajarin kami dengan video seperti ini.. semoga makin sukses channel nya pak
makin semangat belajarnya. terimakasih pak dosen onlen😇
terima kasih pak, terbuka wawasan ku ttg css grid ternyata sekeren ini.. sehat selalu ya. :)
Terbaik bos.. terima kasih 👍👍
Semoga sehat selalu dan rejekinya nambah terus pak.
Ilmunya sangat berguna👍👍
Terimakasih pak sandika
Keren pak, cocok untuk #NgodingDiRumahAja 😇
good explaination... tahniah masbro
Terima kasih pak Dika Ilmunya
CSS Grid Sakti !
Waw, keren pak :) aku jadi semangat memperdalam css
🔥 🔥 🔥 CSS Grid emang keren 🔥 🔥 🔥
Terimakasih banyak pak dhikaa
wow keren pak materinya, saya tunggu video selanjutnya :)
Pak dhika,
Request content ttg keamanan dong 😅😅 vulnerability..
Rata - rata cari tutor indo yg bahas sprti itu jarang 😅
Pak kalo boleh request, mungkin next video bisa bikin tutorial dan pengenalan Django-python. Soalnya di beberapa company yang jadi client saya, mereka lebih banyak order Framework dari python daripada Php. Soalnya lebih dinamis dan mudah banget buat developmentnya. Ini juga bisa jadi referensi buat temen-temen yang mau masuk ke ranah perkodingan dan perproject-an duniawi, hehe😁.
Anyway, Salim pak dosen.
Videonya bagus dan bermanfaat🙏
Akhirnya yang di tunggu2, thx pak dhika :)
Buatkan playlist laravel dasar sampai membuat login form yang aman dong pak. Terima kasih semangat terus pak.
kerennn mantap thankss pak
Ini yg saya tunggu
Nice pak
terimakasih atas ilmunya ya pak
langsung suka sama css grid
Terimakasih banyak sensei..
Yg ditunggu tunggu
hatur nuhun kang 🙏🏻 sangat jelas penyampaiannya
yes css lagi
Waduh bagus pak, saya jadi pengen coba implementasi.
Punya dosen kek Pak Dika gini sih auto rajin masuk kelas wkwkwk.
Btw. Terimakasih atas ilmunya, sehat selalu makin sukses pak. Aamiin
Mau ada kelas pengganti di hari sabtu pun tetep hadir wkwk
Saya malah gini pak 🤣. Tutorial menyusahkan diri:
html, body {
margin: 0;
padding: 0;
}
body {
background-color: #555;
}
.container {
width: 300px;
height: 181px;
border: 1px solid white;
margin: 10px auto;
padding: 5px;
}
.container div { box-sizing: border-box; }
.satu {
width: 100%;
height: 15px;
background-color: lightblue;
text-align: center;
}
.dua {
width: 200px;
height: 150px;
background-color: lightcyan;
text-align: center;
float: right;
}
.tiga {
width: 100px;
height: 100px;
background-color: lightcoral;
}
.empat {
width: 100px;
height: 50px;
background-color: lightgoldenrodyellow;
}
.lima {
width: 100%;
height: 15px;
background-color: lightsalmon;
}
hmm lebih simpel & rapi ternyata grid
izin download semua video pak
thanks pak dhika!
Whoaaa makasih pak mudah banget dicerna, ditunggu video responsive nya pak😁😁
Thanks Pak, understandable sekalii 🙏🔥🔥
terimakasih ilmunya pak, sukses selalu
Tim notif hehe
😅baru nyampe css layoting tau tau nemu yang ini.. hehe jadi tambah semanget blajar ..biar bisa nyampe sini
Mantap pak, sehat terus ya hehe
nice tuto bro, that solved!