APA ITU FLEXBOX? | Bagian 1 - Pendahuluan
HTML-код
- Опубликовано: 21 авг 2024
- Hostinger : www.hostinger....
Kode Promo (DISKON UP TO 91%) : WEBUNPAS
---
🔥 Kelas Online "Menjadi FullStack Web Designer" 🔥
👉🏼 fullstackdesig... 👈🏼
---
Sumber Belajar FlexBox :
- developer.mozi...
- css-tricks.com...
---
Yang harus dipelajari :
- 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
---
FOLLOW ME
- / sandhikagalih
- / webprogrammingunpas
- codepen.io/webp...
- github.com/san...
- / sandhikagalih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan selamat #ngoding!
@sandhikagalih
15:28 flex direction
16:58 flex wrap
18:52 justify content
21:09 align items
23:55 align content
24:34 order
26:09 flex
29:11 align self
thanks
Container harus dikasik setting display: flex;
Flex-direction : mengatur arah elemen dalam container, apakah dari kiri kekanan atau sebalinya, atau dari atas ke bawah atau sebaliknya
Flex-wrap: mengatur elemen agar memindahkan elemen ke bawahnya atau sebaliknya, jika containernya tidak muat
Justify-content : ngatur rata item secara horizontal
align-items : ngatur rata item secara vertikal
Flex-grow: mengatur ukuran elemen mengikuti container
align-self: properti mengatur satu elemen dalam satu baris
biasanya saya nyari tutor dari orang luar, tapi setelah ketemu video ini saya baru sadar ternyata ada produk dalam negeri yang lebih bagus hehe
pembahasannya lengkap dan mudah dimengerti, ditunggu video2 selanjutnya. thanks
Ilmu yg bermanfaat, saya backend merasa sangat terbantu krn jarang ngulik css , makasi bapake
Alhamdulilah sudah ga bingung lagi setelah menonton video ini...
Soalnya selama saya maraton video playlist frontend bapak, saya selalu menggunakan float, makannya bingung pas melihat kawan-kawan menggunakan flexbox.
Terima Kasih pak atas sharing² ilmunya sangat bermanfaat, semoga sehat selalu pak..
enak banget cara pemyampaian nya pak dika, sangat mudah di pahami bahkan untuk seorang pemula seperti saya, klo lupa flex declaration, tinggal buka video ini haha.
kebetulan lagi bingung belajar flexbox. Baru inget kalau pernah lihat ada video pak dhika tentang flexbox. Auto nonton dan ga bingung lagi wkwk. Terima kasih pak dosen
alhamdulilah, ada solusinya, pernah bingung untuk center element di dalam container
Alhamdulillah, Terimakasih pak untuk ilmunya, sangat mencerahkan. Ditunggu kelanjutannya. Terimakasih....
Alhamdulillah... semoga keberkahan yang besar diterima sama Pak Sandika. Terimakasih atas sharing ilmu-ilmunya.
saya orang backend yang di paksa jadi frontend, dan css adalah kelemahan saya
kalau ada kesulitan, saya pasti ke channel WPU
terima kasih ilmunya pak
the explanation presented is very helpful in my understanding of the how actually to explore the CSS's flexbox design
Mantap pak dika,keren videonya soal flexbox,selalu mendasar dan detail dan jelas.sehat selalu ya pak dika and team.
ada notif baru.. asikkkkk.. lanjut belajarrrr
Saya lagi main react native, kebetulan flex box ini ada direact native, jadi ga bingung lagi mengenai layoutnya, thx pak
baru tau flexbox sekarang,nyesel dari dulu ga tau
sangat mempermudah hidup :D
Wkwkwk, baru juga part 1, udah banyak banget ilmu nya. Thanks pak. Murah rezeki
Nah ini dia ni pak... Saya masih bingung kwwkwk dan akhirnya muncul juga dichannel tercinta..smoga bermanfaat amin
Alhamdulillah sudah sampai sini. Terima kasih Pak🙏🙏
Wah terima kasih pak, saya baru lihat videonya, bagus ini, paham Flexbox dan CSS Grid itu sangat penting
terimakasih materinya pak, penyelamat kami kaum otodidak😁
Keren pak, habis playlist ini lanjut ke grid & sass, baru masuk framework js
scss bukan sass
Barokallahu laka pak sandika👍
Akhirnya....ada tutorial bhs indonesia yg sangat jelas...trmkasih....😀
Mantap Pak, detail banget, sungguh membantu, sekali nonton, langsung ngerti. Terima kasih Pak.
Terimakasih pak, akhirnya permintaan sya terkabul
akhirnya muncul versi unpas 🌻🤘 smngat pak!
YEES akhirnya wkwk semoga lanjut lagi nih materi2 CSS dan FrontEndnya pak dika 😁😁
Terima kasih pak, ilmunya sangat bermanfaat...
Waini yang ditunggu-tunggu 🔥
Mkasih buat materi nya. Lncar dimudahkn segala urusan nya. Karena telah berbagi🙏🙏🙏🙏
Numpang like aje. Alhamdulillah Uda mengerti dengan flexbox
Thanks pak dika.. sangat bermanfaat🙏
Sangat bermanfaat dan membantu, Terima kasih dan jazaakallahu khoyron kang Dika
Sehat selalu pak Sandika dan keluarga🤲 terima kasih banyak ilmu nya
Akhirnya dibahas juga yang ditunggu-tunggu
Thanks
Jadi nggak sabar nunggu pembahasan CSS Grid
Jarang bgt bosen liat penjelasan di sini, malahan sering nya lupa waktu Walaupun kadang sambil liat ulang video
Akhirnya ada video tentang flexbox
Atur nuhun kang atas ilmunya semoga sehat selalu ditunggu video selanjutnya dan bikin video tentang Full frame work javascript
bahagia bangt sy ada yang lebih simple.. hehe.. trima kasih pak dika.. sehat selalu pak
jazakallahu khairan pal sandhika. dr dulu baca di internet teu mudeng, akhirnya di dieu mudeng. jozzz
Finally, I can "center a div"
Syukron pak, berkah selalu setiap usahanya
Kebetulan upload tdi ngulik flexbox tpi gak ngerti eh ada yang jelasin ..makasih ya pa😁😁
Alhamdulillah
Alhamdulillah yang saya tunggu akhirnya dibahas juga terimakasih kang Dhika 👍
Mantep pak, berguna sekali flex kalo make React Native :D
Alhamdulillah, akhirnya... Haturnuhun pak dika 😍
mantap sekali pembahasan mengenai flexboxnya pak dika!. terima kasih.
pembahasan mengenai react js dong pak
Keren pak.. Jangan lupa titik koma, salam ngodingpintar 😇
Ada notif langsung tonton
#pejuang notif
sangat mudah di pahami. terima kasih pak. sehat dan sukses selalu. aminn
Keren mas, terus berbagi ilmunya ya mas😁👍
Manat Pk Sandilaka 👍👍
Dari NTT hadir
Akhirnya materi yg ditunggu ditunggu
akhirnya seri yang di tunggu, hehe. mantap pak
Aaaakkk request saya diwujudkan. Makasih banyak, Pak.
Lagi banyak bikin print, bermanfaat banget niiiih
Terima kasih Padika...
As always, keren!!
Terima kasih. Channel youtubenya bagus. 👍👍👍.
Pa buatin tutorial laravel lagi.
yg setuju like!!!!!
laravel 7 yang udah ada vuenya
Setuju pak dhika. Kulik tuntas Laravel 7 pak 😀
keren banget nih channel, jadi semangat lagi
Sama kyk flutter, main axis alignment dan cross axis alignment...
Makasi bang..
Sangat membantu..
Sehat selalu❤
Bahas SEO, plugin, dan segala fungsinya pak dosen
top kang, lanjut mudah bagi pemula kek saya.
Ntappss ditunggu kelanjutannya
Next Css GRID Pak... Walaupun sudah liat di channel wesbos tapi klo yg jelasin bapak kayanya lebih paham lagi
Thank you ilmunya pak🙏. Sangat bermanfaat
masalah di project latihan css3 ternyata terjawab di css-flexbox hehehe
tolong buatkan playlist flexbox nya pak sandhika
pak dhika, mau nanya nih dimenit 17:47 kalau container displaynya udh flex, items bakalan maksa di dalam container kan, nah kalau saya terapin di konten CSS3 yang buat Gallery foto kok itemsnya tetap turun ke bawah ya? Mohon pencerahannya
Pak sandika, bikin tutor bikin side bar menggunakan HTML CSS (gapake JS)
Mantep kang .,., terus berkarya
Terima kasih Pak dika ilmunya🙏
feel like ti is ticking way too fast for lol. but hey, as long as you do what you love- the sky is the limit! also just a little advice to
jelas bgt penjelasannya, makasih videonya pak:D
Pa ditunggu pembahasan react JS nya. 🙏
Iyah pak setuju. Ditunggu pembahasan react Js nya hehe
Up
Up, setuju
up
Up
Pak Dika tolong buat istilah dan kegunaan dalam css dan contoh nya
mantul, pas ini yg lg saya pelajari ( + css grid)
Alhamdulillah
Makasi pak. Wah gila si ini, bener2 bermanfaat :D
Mantap pakk,, lanjutkann🔥🔥
perbedaan penggunaan css layouting css flex atau css grid ? hhe
Lanjut kan 👍
Alhamdulillah, sangat terbantu
terimakasih pak Dika sangat membantu sekali😁😁
Abis flexbox, CSS Grid kang 😁
ini nih yang cari tekniknya
maximiliannya indo..
mantap pak
izin download semua video pak
Mantap pak, sangat bermanfaat
Alhamdulillah 😀
terimakasih atas ilmunya pak
Nah ini yg bikin males bikin style css manual. Bootstrap makin ditinggal. Hehe
Pak saya mau bertanya, apakah properti flex-grow pada konten dapat digunakan pada saat kita menggunakan properti flex-wrap pada container?
Terimakasih sudah sharing ka
Pak bikin playlist tutorial web desaign pake PHP maker dong.....
Kebetulan lg belajar flebox dan grid.
Pa dika, tutorial biat admin dashboard ath, 😁 ada tabel sama inputnya,, 🙏
bang buatin lagi lanjutan tutorial laravel, tentang hak ases user
makasih pak jadi paham alhamdulillah