Timestamp: 0:00 Teori 4:13 Latihan 1 - Dasar Columns & Rows 8:45 Latihan 2 - Explicit & Implicit Grid 15:27 Latihan 3 - Auto Flows 18:08 Latihan 4 - Grid Values 19:07 Latihan 5 - Fraction
sehat terus pak dika.. terimaksih atas ilmunya.. saya lebih cepet paham dg penjelasan pak dika daripada baca karna pak dika jelasin skenario2 nya lebih lengkap daripada yg tertulis di web
Assalamualaikum pak nnti beljr membuat website dgn lengkap menggunakan CI donk pak.mmng di Chanel UA-cam lain sdh bnyk.tp saya mngti pemhsannya cmn dgn bpk.contohnya membuat pembuatan website perpustakaan yang lngkp gt pak
sebenarnya bagusan mana sih pak ? bagus kita belajar lewat youtube atau baca documentation officialnya , atau lewat w3school ? kalau di youtube, kelebihannya ya bapak jelaskan dengan bagus dan baik, dan mudah dimengerti, dan menjelaskan berbagai kasus dalam pembuatan website, kelemahannya ya hanya pada waktu terlalu banyak dihabiskan.
ga ada cara belajar yg salah dan bener. aku biasanya nyampurin dari byk media dan sumber. Dan harus mau berkorban waktu juga untuk belajar. Aku sendiri ga masalah sih waktuku 20menit habis buat belajar lewat video spt ini, karna itu akan memangkas waktuku yg bisa kuhabiskan klo aku ga paham2 ketika belajar lewat dokumentasi/w3school misalnya. Intinya ya jalani yg menurut kita enak, jangan terlalu itungan dg waktu yg kita hbiskan untuk belajar, terutama klo cuma 20menit mah gada apa2nya
Pak dika, gimana sih cara buat text mining dengan php, saya mau belajar tapi cukup kesulitan dalam mencari materinya. tolong di bantu siapa tau jadi konten baru bapak hehehe
Memang penjelasannya detail tpi butuh waktu untuk memahami ini karena memang susah untuk di pahami ... Butuh waktu memang ... Kalau flexbox cuma butuh waktu 2 3 hari buat memahami kalau CSS grid karena gabungan dari column dan rows jadi butuh pemahamana extra
pak dika, tolong buat tutorial Codeigniter 4 dong. strukturalnya kan sudah berubah nih pak. siapa tau bisa membantu teman2 yang lain, saya cari tutorial nya blm banyak pak hehehe
asslamualaikm wrwb pak dika.. saya terakhir ini belajar cara membuat URL SEO Friendly, tapi mash kurang menguasainya.. bisa gk pak, bikin tutorial pelajaran dan contoh membuat URL SEO Friendly.. Terimkasih.. ditunggu pak :)
Pak dosen ijin bertanya pak, kalau kita mau pelajari tentang properti atau referensi properti dari css display yang lain seperti block, inline dan table ada petunjuk pak..?
saya nyoba di chrome tahun ini 2022 udh ada view gridnya sama persis, cuman ngk bisa liat garis explisit dan implisit gridnya, jadi tetep harus coba di firefox biar keliatan. -just info
Pak mau tanya kok saya tidak timbul warna merah nya yah?? Saya menulis seperti bapak.. apakah ada yg salah pak?? Tolong di koreksi .item : nth-child (even) { background-color: rgb(255, 142, 142); }
Assalamualaikum pak dika,bisa gak buat video tentang admin dasbord WEB kayak blogspot pak biar ngerubah text website gak perlu ngopreck HTMLnya. Smoga berkenan dibales comment saya.
Pak dika, saya mau tanya pak, kalau di bootstrap belajar gridnya lebih simpel, kenapa harus mempelajari CSS Grid yang ini pak? Soalnya saya perhatikan ini lebih rumit
menurut saya jika menggunakan bootstrap,untuk membuat baris baru ,harus membuat class row dulu,kalau menggunakan css grid tinggal ditambahin aja item barunya di dalam container ,akan otomatis ngebuat baris baru.
Bootstrap juga pasti dibangun dari CSS Grid, bedanya kalo bootstrap itu framework yang kita "tinggal make" Dan manggil class nya Aja, kalo CSS Grid kita yang bikin manual.
Bang kalau bikin grid sistem seperti gallery di Pinterest, dibagi 2 colom (atau 4 colom di desktop), image nya dari kiri ke kanan > terus turun baris berikutnya, tapi "tinggi image nya beda-beda". Gmn solusi CSS nya?
Menurut saya, karena grid-template-rows didefinisikan secara eksplisit untuk dua baris, jadi tiap dua cell (dua nomor) akan pindah ke bawah. Seperti pada video, cell nomor 1 dan nomor 2 akan saling tindih. Begitu juga jika grid-template rows didefinisikan secara eksplisit untuk tiga baris - tiap tiga cell akan membentuk satu buah kolom. CMIIW
ASK: bagaimana cara buat tampilan menggunakan grid dengan tampilan column sebanyak 2 dan auto row (tergantung data) akan tetapi yang di fill duluan adalah column pertama dulu,, sampai setengah-nya,, lalu setelahnya ke column berikutnya misalakan banyak data ada 9 buah 1 6 2 7 3 8 4 9 5 terima kasih 🙏
Timestamp:
0:00 Teori
4:13 Latihan 1 - Dasar Columns & Rows
8:45 Latihan 2 - Explicit & Implicit Grid
15:27 Latihan 3 - Auto Flows
18:08 Latihan 4 - Grid Values
19:07 Latihan 5 - Fraction
Mantap pak dika saya suka dengan penjelasn anda mudah dimengerti ga bosen semoga menjadi amal jariyah yg terus mengalir🙏
Selalu memberikan pemahaman fundamental yang sangat mendetail. Semangat terus Pak Sandikha
Terima kasih pak sandhika, berkat pak sandhika saya selalu belajar Pemograman dari jam 6 malam sampai jam 10 malam
terimakasih pak dika atas ilmunya, saya cuma bisa bayar dengan tidak skip iklan.
Matursuwun mas atas ilmunya yg diberikan .. Titik koma selalu diinget🙏🙏
sehat terus pak dika.. terimaksih atas ilmunya.. saya lebih cepet paham dg penjelasan pak dika daripada baca karna pak dika jelasin skenario2 nya lebih lengkap daripada yg tertulis di web
Tetap support channel lu bg,apapun yg terjadi👌
penjelasannya mudah dipahami, mantap
Wah mantap, terima kasih , saya sering lupa istilah istilah di css grid ini , terutama mulai dari 15:58
Auto kilik ada notif 👌
senang bange nontom video pak sandhika dengan kecepatan 1.75x dan terimakasih untuk ilmunya😎😎
Ini yang di tunggu tunggu thanks ilmunya pak
Terimakasih pak atas pembelajarannya
Materinya sangat memudahkan utk dipelajari.. semangat berbagi ilmu pak.. 🙌
Baru lirik css grid gara-gara masalah sama drag n drop di cms. Mudah mudahan mempermudah overlap element yg bikin pusing 😁
Terima kasih banyak pak.sangat ditunggu video selanjutnya😁😄
gak sabar episode selanjutnya pak. thank you so much. :)
Keren nih pak belajar makin semakin semangat karena ada modulnya jadi klo kelupaan bisa review lagi hehehe, terimakasih banyak pak
Akhirnya nemu chanel mantap!
Perfect.. tutorial thanks pak dhika
Terima kasih bnyk pak, ditunggu video selanjutnya :)
Firefox yang baru sudah bisa nampilin nama nya loh pa Dhika... heheheh e kereeeeen
Gak sabar nunggu yang bagian subgrid :D
Syukron pak
Trimakasih pak dika...
terima kasih pak dika, ilmunya
di microsoft edge juga udh ada grid inspect gitu, sm flexbox layout. lumayan make ms edge bisa dapet poin buat dituker voucher alfamart🤣
mantap pak, pertamax
sangat bermanfaat
Terima Kasih banyak pak
the best teacher
Halo pak Sandhika, saya tunggu kelas "Backend PHP & Bootstrap". Terima kasih :))
terima kasih pak dika.
mantappp pak
akhirnyaaa
Thanks Pak :)
Tks atas ilmunya kk
Assalamualaikum pak nnti beljr membuat website dgn lengkap menggunakan CI donk pak.mmng di Chanel UA-cam lain sdh bnyk.tp saya mngti pemhsannya cmn dgn bpk.contohnya membuat pembuatan website perpustakaan yang lngkp gt pak
Mantap Pak...
sebenarnya bagusan mana sih pak ? bagus kita belajar lewat youtube atau baca documentation officialnya , atau lewat w3school ? kalau di youtube, kelebihannya ya bapak jelaskan dengan bagus dan baik, dan mudah dimengerti, dan menjelaskan berbagai kasus dalam pembuatan website, kelemahannya ya hanya pada waktu terlalu banyak dihabiskan.
ga ada cara belajar yg salah dan bener. aku biasanya nyampurin dari byk media dan sumber. Dan harus mau berkorban waktu juga untuk belajar. Aku sendiri ga masalah sih waktuku 20menit habis buat belajar lewat video spt ini, karna itu akan memangkas waktuku yg bisa kuhabiskan klo aku ga paham2 ketika belajar lewat dokumentasi/w3school misalnya. Intinya ya jalani yg menurut kita enak, jangan terlalu itungan dg waktu yg kita hbiskan untuk belajar, terutama klo cuma 20menit mah gada apa2nya
@@ra6160 oke
Terima kasih pak
Nyimak pak
Makasih bg
Jelasin sinkronisasi pak di Next video
Dosen quhhh
Pak dika, gimana sih cara buat text mining dengan php, saya mau belajar tapi cukup kesulitan dalam mencari materinya. tolong di bantu siapa tau jadi konten baru bapak hehehe
Buatin tutorial css media query pak
super sekali
mantap makasih pak!!
Memang penjelasannya detail tpi butuh waktu untuk memahami ini karena memang susah untuk di pahami ... Butuh waktu memang ... Kalau flexbox cuma butuh waktu 2 3 hari buat memahami kalau CSS grid karena gabungan dari column dan rows jadi butuh pemahamana extra
bahas codeigniter 4 dong pak :D
Mantaappps bang !!
First bang hehe
pak dika, tolong buat tutorial Codeigniter 4 dong. strukturalnya kan sudah berubah nih pak. siapa tau bisa membantu teman2 yang lain, saya cari tutorial nya blm banyak pak hehehe
Kang... Kalo pake flexbox ada fr ga kang?
Kembali lagi nonton grid, karena terlalu nyaman belajar JS jadi lupa cara pake grid :v
asslamualaikm wrwb pak dika.. saya terakhir ini belajar cara membuat URL SEO Friendly, tapi mash kurang menguasainya.. bisa gk pak, bikin tutorial pelajaran dan contoh membuat URL SEO Friendly..
Terimkasih.. ditunggu pak :)
Pak dosen ijin bertanya pak, kalau kita mau pelajari tentang properti atau referensi properti dari css display yang lain seperti block, inline dan table ada petunjuk pak..?
GG
pak dika maaf mau tanya, kenapa grid-template-columns saya di css warnanya putih (tidak terbaca) ?
saya nyoba di chrome tahun ini 2022 udh ada view gridnya sama persis, cuman ngk bisa liat garis explisit dan implisit gridnya, jadi tetep harus coba di firefox biar keliatan. -just info
Auto nonton hehe
Habis playlist css grid ajarin ci4 pa dika yah..
Bang gimana cara buat website market place dan di kaitka ke aplikasi tolong bang
Pak mau tanya kok saya tidak timbul warna merah nya yah??
Saya menulis seperti bapak.. apakah ada yg salah pak?? Tolong di koreksi
.item : nth-child (even) {
background-color: rgb(255, 142, 142);
}
bang cara buka mendapatkan username sama pass di shapshoter gimana ya
Assalamualaikum pak dika,bisa gak buat video tentang admin dasbord WEB kayak blogspot pak biar ngerubah text website gak perlu ngopreck HTMLnya.
Smoga berkenan dibales comment saya.
Pak dika, saya mau tanya pak, kalau di bootstrap belajar gridnya lebih simpel, kenapa harus mempelajari CSS Grid yang ini pak? Soalnya saya perhatikan ini lebih rumit
menurut saya jika menggunakan bootstrap,untuk membuat baris baru ,harus membuat class row dulu,kalau menggunakan css grid tinggal ditambahin aja item barunya di dalam container ,akan otomatis ngebuat baris baru.
kalau udah paham malah css grid lebih mudah diimplementasiin dibanyak case, dan dari struktur html menjadi lebih singkat
Erlangga_Hadir
bagaimana membuat tampilan full screen pada grid pak ?, soalnya seperti ada margin dipinggir.
Html sama body nya kasih properti css, margin sama padding nilai nya 0
Assalamualaikum, mas sandhika... Punya saran gak laptop khusus programmer yang budjetnya 6-7 jutaan? Terimakasih
cari di channel-nya jagat review gan
Pak dosen saya kok bru smpai css dah mumet kpala bnyak materi yg di lwati lupa kmbali
Pak bagusan pake bootstrap atau CCS grid ?
Bootstrap juga pasti dibangun dari CSS Grid, bedanya kalo bootstrap itu framework yang kita "tinggal make" Dan manggil class nya Aja, kalo CSS Grid kita yang bikin manual.
Bang kalau bikin grid sistem seperti gallery di Pinterest, dibagi 2 colom (atau 4 colom di desktop), image nya dari kiri ke kanan > terus turun baris berikutnya, tapi "tinggi image nya beda-beda". Gmn solusi CSS nya?
itu keknya pakai flexbox juga bisa mas
8:40
#ask kurang mengerti di menit 17:35 ?
Menurut saya, karena grid-template-rows didefinisikan secara eksplisit untuk dua baris, jadi tiap dua cell (dua nomor) akan pindah ke bawah. Seperti pada video, cell nomor 1 dan nomor 2 akan saling tindih. Begitu juga jika grid-template rows didefinisikan secara eksplisit untuk tiga baris - tiap tiga cell akan membentuk satu buah kolom. CMIIW
css grid lebih bikin pusing drpda flexbox 😅
haha. Flexbox cuma ngurus column atau baris. grid dua duanya sekaligus 😅
jawaban video berikutnya => repeat(9, 1fr);
haha betul
Kenapa kita belajar web programming? Jika CMS untuk membuat web sudah disediakan dan tinggal drag n drop
ASK:
bagaimana cara buat tampilan menggunakan grid dengan tampilan
column sebanyak 2 dan auto row (tergantung data) akan tetapi yang di fill duluan adalah column pertama dulu,, sampai setengah-nya,, lalu setelahnya ke column berikutnya
misalakan banyak data ada 9 buah
1 6
2 7
3 8
4 9
5
terima kasih 🙏
izin menjawab
1
2
3
4
5
6
7
8
9
.container {
width: 600px;
margin: 50px auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(5, 1fr);
grid-auto-flow: column;
}
.item {
background: salmon;
display: flex;
justify-content: center;
align-items: center;
}
.item:nth-child(even) {
background: lightblue;
}
Terimakasih pak