APA ITU FLEXBOX? | Bagian 1 - Pendahuluan

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.พ. 2020
  • Hostinger : www.hostinger.co.id/webunpas
    Kode Promo (DISKON UP TO 91%) : WEBUNPAS
    ---
    🔥 Kelas Online "Menjadi FullStack Web Designer" 🔥
    👉🏼 fullstackdesigner.id 👈🏼
    ---
    Sumber Belajar FlexBox :
    - developer.mozilla.org/en-US/d...
    - css-tricks.com/snippets/css/a...
    ---
    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/webprogrammingunpas
    - github.com/sandhikagalih
    - / sandhikagalih
    ---
    UNIVERSITAS PASUNDAN BANDUNG
    www.unpas.ac.id/
    www.if.unpas.ac.id/
    terimakasih dan selamat #ngoding!
    @sandhikagalih

ความคิดเห็น • 296

  • @Wilydesu
    @Wilydesu 2 ปีที่แล้ว +77

    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

  • @mjazulicmiiw
    @mjazulicmiiw 11 หลายเดือนก่อน +21

    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

  • @padma_santika
    @padma_santika 3 ปีที่แล้ว +53

    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

  • @satriyoginanjar3568
    @satriyoginanjar3568 4 ปีที่แล้ว +22

    Ilmu yg bermanfaat, saya backend merasa sangat terbantu krn jarang ngulik css , makasi bapake

  • @zulhamsy
    @zulhamsy 4 ปีที่แล้ว +2

    YEES akhirnya wkwk semoga lanjut lagi nih materi2 CSS dan FrontEndnya pak dika 😁😁

  • @KarimAmrullah029
    @KarimAmrullah029 2 ปีที่แล้ว +5

    Mantap pak dika,keren videonya soal flexbox,selalu mendasar dan detail dan jelas.sehat selalu ya pak dika and team.

  • @RianY2K
    @RianY2K 4 ปีที่แล้ว +3

    Wah terima kasih pak, saya baru lihat videonya, bagus ini, paham Flexbox dan CSS Grid itu sangat penting

  • @DWZHAMZAH
    @DWZHAMZAH 4 ปีที่แล้ว +2

    Alhamdulillah... semoga keberkahan yang besar diterima sama Pak Sandika. Terimakasih atas sharing ilmu-ilmunya.

  • @aweimngok
    @aweimngok 4 ปีที่แล้ว +3

    Wkwkwk, baru juga part 1, udah banyak banget ilmu nya. Thanks pak. Murah rezeki

  • @ad3x5
    @ad3x5 4 ปีที่แล้ว +5

    Alhamdulillah, Terimakasih pak untuk ilmunya, sangat mencerahkan. Ditunggu kelanjutannya. Terimakasih....

  • @user-lb8wg9zc4l
    @user-lb8wg9zc4l 4 ปีที่แล้ว

    Akhirnya dibahas juga yang ditunggu-tunggu
    Thanks
    Jadi nggak sabar nunggu pembahasan CSS Grid

  • @iyannfleon9877
    @iyannfleon9877 4 ปีที่แล้ว +2

    akhirnya muncul versi unpas 🌻🤘 smngat pak!

  • @gilangardian4732
    @gilangardian4732 2 ปีที่แล้ว +4

    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..

  • @salmanalfaridzi1191
    @salmanalfaridzi1191 4 ปีที่แล้ว

    Alhamdulillah, akhirnya... Haturnuhun pak dika 😍

  • @satuuntuksemua9039
    @satuuntuksemua9039 3 ปีที่แล้ว +1

    Alhamdulillah sudah sampai sini. Terima kasih Pak🙏🙏

  • @ibnualhakim1599
    @ibnualhakim1599 2 ปีที่แล้ว +2

    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

  • @neotdwiid766
    @neotdwiid766 3 ปีที่แล้ว +6

    the explanation presented is very helpful in my understanding of the how actually to explore the CSS's flexbox design

  • @nanotech7431
    @nanotech7431 4 ปีที่แล้ว

    Alhamdulillah yang saya tunggu akhirnya dibahas juga terimakasih kang Dhika 👍

  • @briansteve8453
    @briansteve8453 2 ปีที่แล้ว

    Mantap Pak, detail banget, sungguh membantu, sekali nonton, langsung ngerti. Terima kasih Pak.

  • @imaeaja
    @imaeaja 4 ปีที่แล้ว +1

    ada notif baru.. asikkkkk.. lanjut belajarrrr

  • @nendijuliansyah2491
    @nendijuliansyah2491 4 ปีที่แล้ว +1

    Waini yang ditunggu-tunggu 🔥

  • @muhammadluffi1030
    @muhammadluffi1030 ปีที่แล้ว +3

    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.

  • @rezapahlevi1166
    @rezapahlevi1166 4 ปีที่แล้ว +1

    Nah ini dia ni pak... Saya masih bingung kwwkwk dan akhirnya muncul juga dichannel tercinta..smoga bermanfaat amin

  • @muhammadirfansuherman8157
    @muhammadirfansuherman8157 4 ปีที่แล้ว +2

    Atur nuhun kang atas ilmunya semoga sehat selalu ditunggu video selanjutnya dan bikin video tentang Full frame work javascript

  • @zulfios
    @zulfios 4 ปีที่แล้ว +11

    alhamdulilah, ada solusinya, pernah bingung untuk center element di dalam container

  • @MohammadaAprilianto
    @MohammadaAprilianto 4 ปีที่แล้ว

    jazakallahu khairan pal sandhika. dr dulu baca di internet teu mudeng, akhirnya di dieu mudeng. jozzz

  • @ridhosurya5692
    @ridhosurya5692 4 ปีที่แล้ว

    akhirnya seri yang di tunggu, hehe. mantap pak

  • @abuqeisimran9676
    @abuqeisimran9676 9 หลายเดือนก่อน

    Sangat bermanfaat dan membantu, Terima kasih dan jazaakallahu khoyron kang Dika

  • @saradaayu506
    @saradaayu506 4 ปีที่แล้ว +3

    Thanks pak dika.. sangat bermanfaat🙏

  • @ihsannurulhabib9729
    @ihsannurulhabib9729 4 ปีที่แล้ว +3

    Mantep pak, berguna sekali flex kalo make React Native :D

  • @pilotgundul
    @pilotgundul 4 ปีที่แล้ว

    Terima kasih Padika...
    As always, keren!!

  • @afr4715
    @afr4715 2 ปีที่แล้ว

    Mkasih buat materi nya. Lncar dimudahkn segala urusan nya. Karena telah berbagi🙏🙏🙏🙏

  • @firzatullahramadhan2440
    @firzatullahramadhan2440 4 ปีที่แล้ว +2

    mantap sekali pembahasan mengenai flexboxnya pak dika!. terima kasih.
    pembahasan mengenai react js dong pak

  • @eryfiandaaja8568
    @eryfiandaaja8568 4 ปีที่แล้ว

    sangat mudah di pahami. terima kasih pak. sehat dan sukses selalu. aminn

  • @BukanSiiinchan
    @BukanSiiinchan 4 ปีที่แล้ว +2

    Saya lagi main react native, kebetulan flex box ini ada direact native, jadi ga bingung lagi mengenai layoutnya, thx pak

  • @YosiOliver
    @YosiOliver 4 ปีที่แล้ว

    Akhirnya....ada tutorial bhs indonesia yg sangat jelas...trmkasih....😀

  • @budi-dev8814
    @budi-dev8814 3 ปีที่แล้ว

    Syukron pak, berkah selalu setiap usahanya

  • @virgiawanlistiyandi1418
    @virgiawanlistiyandi1418 4 ปีที่แล้ว

    Akhirnya ada video tentang flexbox

  • @rheinhardheberwiroutomo3109
    @rheinhardheberwiroutomo3109 2 ปีที่แล้ว

    Terima kasih. Channel youtubenya bagus. 👍👍👍.

  • @printeex
    @printeex 4 ปีที่แล้ว

    bahagia bangt sy ada yang lebih simple.. hehe.. trima kasih pak dika.. sehat selalu pak

  • @izzajimi4393
    @izzajimi4393 4 ปีที่แล้ว +1

    Terima kasih pak, ilmunya sangat bermanfaat...

  • @adiptabagas1803
    @adiptabagas1803 ปีที่แล้ว +1

    baru tau flexbox sekarang,nyesel dari dulu ga tau
    sangat mempermudah hidup :D

  • @ahmadalimutezar6991
    @ahmadalimutezar6991 4 ปีที่แล้ว

    Akhirnya materi yg ditunggu ditunggu

  • @verlin971
    @verlin971 4 ปีที่แล้ว

    Makasi pak. Wah gila si ini, bener2 bermanfaat :D

  • @nouvalandestanugraha3878
    @nouvalandestanugraha3878 4 ปีที่แล้ว

    Thank you ilmunya pak🙏. Sangat bermanfaat

  • @LangitAmaravati
    @LangitAmaravati 4 ปีที่แล้ว

    Aaaakkk request saya diwujudkan. Makasih banyak, Pak.

  • @suryaaditya311
    @suryaaditya311 2 ปีที่แล้ว +1

    terimakasih materinya pak, penyelamat kami kaum otodidak😁

  • @azizcanva123
    @azizcanva123 5 หลายเดือนก่อน

    Sehat selalu pak Sandika dan keluarga🤲 terima kasih banyak ilmu nya

  • @killitgame7161
    @killitgame7161 4 ปีที่แล้ว

    top kang, lanjut mudah bagi pemula kek saya.

  • @sabri859
    @sabri859 4 ปีที่แล้ว +1

    Keren mas, terus berbagi ilmunya ya mas😁👍

  • @syafikihidayah9276
    @syafikihidayah9276 4 ปีที่แล้ว +1

    Terimakasih pak, akhirnya permintaan sya terkabul

  • @agussanjaya1306
    @agussanjaya1306 4 ปีที่แล้ว +2

    Keren pak, habis playlist ini lanjut ke grid & sass, baru masuk framework js

  • @adipati27ma
    @adipati27ma 4 ปีที่แล้ว

    Mantap pakk,, lanjutkann🔥🔥

  • @1233farhan
    @1233farhan ปีที่แล้ว

    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

  • @jenn3651
    @jenn3651 3 ปีที่แล้ว

    jelas bgt penjelasannya, makasih videonya pak:D

  • @dausankscreek1836
    @dausankscreek1836 3 ปีที่แล้ว

    keren banget nih channel, jadi semangat lagi

  • @Denyjoe2
    @Denyjoe2 4 ปีที่แล้ว

    Mantep kang .,., terus berkarya

  • @mamansetiawan2044
    @mamansetiawan2044 4 ปีที่แล้ว +2

    Barokallahu laka pak sandika👍

  • @rikoandsa
    @rikoandsa 4 ปีที่แล้ว

    Ada notif langsung tonton
    #pejuang notif

  • @wisnupratama5538
    @wisnupratama5538 4 ปีที่แล้ว

    Lagi banyak bikin print, bermanfaat banget niiiih

  • @charlosandhesta4694
    @charlosandhesta4694 4 หลายเดือนก่อน

    Makasi bang..
    Sangat membantu..
    Sehat selalu❤

  • @frasticahasnaamira645
    @frasticahasnaamira645 4 ปีที่แล้ว

    Next Css GRID Pak... Walaupun sudah liat di channel wesbos tapi klo yg jelasin bapak kayanya lebih paham lagi

  • @donnymaulana4441
    @donnymaulana4441 4 ปีที่แล้ว

    Ntappss ditunggu kelanjutannya

  • @imanadam8710
    @imanadam8710 10 หลายเดือนก่อน

    Terima kasih Pak dika ilmunya🙏

  • @hasbishuhada6268
    @hasbishuhada6268 4 ปีที่แล้ว

    Mantap pak, sangat bermanfaat

  • @tedyaudi3256
    @tedyaudi3256 3 ปีที่แล้ว

    izin download semua video pak

  • @muhammadhanifrifqi9830
    @muhammadhanifrifqi9830 2 ปีที่แล้ว

    Alhamdulillah, sangat terbantu

  • @dailykocak
    @dailykocak 4 ปีที่แล้ว

    playlist yg ku tunggu

  • @cuanable1319
    @cuanable1319 4 ปีที่แล้ว

    Trimakasih pak, sangat membantu

  • @dhimasbudiarso6132
    @dhimasbudiarso6132 3 ปีที่แล้ว

    terimakasih atas ilmunya pak

  • @tarantulalabaz2294
    @tarantulalabaz2294 4 ปีที่แล้ว

    Terima kasih pak, mantap👍👍👍

  • @garudaputro
    @garudaputro 4 ปีที่แล้ว

    Lanjut kan 👍

  • @ryukochank3114
    @ryukochank3114 ปีที่แล้ว

    terimakasih pak Dika sangat membantu sekali😁😁

  • @hannayusdiniherliana5221
    @hannayusdiniherliana5221 2 ปีที่แล้ว

    Bagus, ngajar nya.

  • @ofratiting4972
    @ofratiting4972 3 ปีที่แล้ว

    Manat Pk Sandilaka 👍👍
    Dari NTT hadir

  • @lonerunner3733
    @lonerunner3733 4 ปีที่แล้ว

    mantul, pas ini yg lg saya pelajari ( + css grid)

  • @denandaprayoga5269
    @denandaprayoga5269 4 ปีที่แล้ว

    kayanya bakalan ada series responsive web nih 😁

  • @abieilhamprasetyo4412
    @abieilhamprasetyo4412 3 ปีที่แล้ว

    makasih pak jadi paham alhamdulillah

  • @syahrulsodikin7574
    @syahrulsodikin7574 3 ปีที่แล้ว

    Makasiih Bang sangat membantu

  • @galihal7030
    @galihal7030 4 ปีที่แล้ว

    terimakasih pak .....

  • @s1-a-harithyawisesa441
    @s1-a-harithyawisesa441 4 ปีที่แล้ว

    Kebetulan upload tdi ngulik flexbox tpi gak ngerti eh ada yang jelasin ..makasih ya pa😁😁

  • @hariyanto2698
    @hariyanto2698 4 ปีที่แล้ว +2

    Numpang like aje. Alhamdulillah Uda mengerti dengan flexbox

  • @theresiaalfareja8840
    @theresiaalfareja8840 4 ปีที่แล้ว

    Terimakasih sudah sharing ka

  • @davidmahbubi
    @davidmahbubi 4 ปีที่แล้ว

    Makasih banyak pak dosen 😄

  • @NgodingPintar
    @NgodingPintar 4 ปีที่แล้ว +2

    Keren pak.. Jangan lupa titik koma, salam ngodingpintar 😇

  • @MyOwntuahur
    @MyOwntuahur 4 ปีที่แล้ว

    Mantap pak.. makasih banyak

  • @budisetiahadi1219
    @budisetiahadi1219 4 ปีที่แล้ว +2

    Bahas SEO, plugin, dan segala fungsinya pak dosen

  • @tolkon4128
    @tolkon4128 4 ปีที่แล้ว

    Mantapp pak!

  • @a_muhammadwahfiudin5945
    @a_muhammadwahfiudin5945 2 ปีที่แล้ว

    mantap pak

  • @andiadzanbintanghawari4273
    @andiadzanbintanghawari4273 3 ปีที่แล้ว

    Terima Kasih pak

  • @firstpoint97
    @firstpoint97 2 ปีที่แล้ว

    Jarang bgt bosen liat penjelasan di sini, malahan sering nya lupa waktu Walaupun kadang sambil liat ulang video

  • @nabillaaaaa
    @nabillaaaaa 4 ปีที่แล้ว

    Terima kasih pak

  • @ayyraxx3257
    @ayyraxx3257 3 ปีที่แล้ว

    Alhamdulillah 😀

  • @derranurman
    @derranurman 4 ปีที่แล้ว +1

    bang buatin lagi lanjutan tutorial laravel, tentang hak ases user

  • @dominicnaufal5576
    @dominicnaufal5576 4 ปีที่แล้ว +1

    Pak sandika, bikin tutor bikin side bar menggunakan HTML CSS (gapake JS)

  • @rifkytidagtau6026
    @rifkytidagtau6026 ปีที่แล้ว

    Makasih bangett bang 😭😭😭😭👌

  • @mesakhlolo8611
    @mesakhlolo8611 ปีที่แล้ว

    masalah di project latihan css3 ternyata terjawab di css-flexbox hehehe

  • @sangpembelajar3488
    @sangpembelajar3488 4 ปีที่แล้ว

    WAHHHH KERENNNNNNNN

  • @Hanyamanusiabiasa
    @Hanyamanusiabiasa 2 ปีที่แล้ว +2

    Finally, I can "center a div"

  • @septiantonrezkirahmatulloh3837
    @septiantonrezkirahmatulloh3837 4 ปีที่แล้ว

    Makasih refrensinya pak