APA ITU FLEXBOX? | Bagian 2 - Latihan

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025
  • Kali ini kita akan melanjutkan materi FlexBox kita sebelumnya dengan menerapkannya pada 5 buah latihan sederhana.
    Video Sebelumnya :
    • APA ITU FLEXBOX? | Bag...
    ---
    🔥 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

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

  • @NgodingPintar
    @NgodingPintar 5 ปีที่แล้ว +50

    Keren pak, selalu belajar dan belajar, latihan dan latihan.. Semoga kita semua sehat dan sukses selalu. Aamiinn..

  • @ronaldj.barung849
    @ronaldj.barung849 4 ปีที่แล้ว +20

    Sy dosen Public Health, tapi disela-sela waktu sedang ingin mengembangkan diri,mempelajari hal baru mengenai programming. ketemu channel ini serasa mendapat yg dicari-cari selama ini. Sudah beberapa waktu ini sy mengikuti video pak Dika dari awal, sekarang baru sampai di seri CSS 3. Sy Ibarat sedang mengikuti kuliah, yg diatur capaian pembelajarannya dgn rapi..Channel yg sangat bermanfaat.. Terima Kasih.
    Semangat terus pak berbagi ilmunya, ilmu semakin dibagikan, semakin berlimpah utk si pemberi.
    mudah-mudahan selalu diberi kesehatan dan rejeki yg berlimpah.

  • @flirtatiousmeow
    @flirtatiousmeow 4 ปีที่แล้ว +26

    mas saya doakan rezekinya lancar ya :') masya Allah bener-bener mas nya guru terbaik yang pernah saya temuin. Saya baru mulai belajar web programming dan pembelajaran mas bener2 mudah dipahami dan enak.

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

    2:39 Latihan 1 - Kolom
    12:08 Latihan 2 - Services
    19:50 Latihan 3 - Gallery
    25:19 Latihan 4 - Card
    30:32 Latihan 5 - Centering

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

    34:27 margin: auto bisa diganti pake align-self: center. Biar sekalian flexbox semua hehehe

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

    Saya sangat mengucapkan rasa terimakasih secara langsung. saya bukan web design. namun saya bisa edit web saya karena anda pak. semoga bisa japri langsung dengan Anda.

  • @RianY2K
    @RianY2K 5 ปีที่แล้ว +18

    terima kasih pak sandhika, video latihan yang berguna buat terus ditonton ulang, karena Flexbox CSS ini sering lupa cara nulisnya :D .

  • @nafil._
    @nafil._ ปีที่แล้ว +2

    2:42 //Latihan 1
    12:10 //Latihan 2
    19:52 //Latihan 3
    25:23 //Latihan 4
    30:30 //Latihan 5
    //buat diulang-ulang

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

      kerja bagusss

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

    Tambah semangat terus lihat Pak Dika.., terimaksih .. sukses selalu Pak sandhika...

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

    watasiwa suka sekali content ini.. rasanya sangat mudah dipahami, ibarat kata saskeh ini sangat mengamaterasukan..arigato WPU DIKA Sense

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

    Thanks pak sudah ngasih tutorial boostrap, html, css, javascript saya sekarang sudah kerja sebagai junior programmer sukses selalu pak ^-^

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

      Semangat kak

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

    woww sangat keren !!! memang terbaik pak sandhika galih !!!

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

    Terimakasih banget pak udah di buatin konten2 coding. saya belajar banyak dari video - video bapak. keep it up🔥🔥

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

    Sangat berguna dan membantu saya, newbie. Thanks a ton Jazaakallahu khoyron kang Dhika wa Baarakallahu fiyk

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

    hal lain yang saya suka dari channel bapak adalah mendengar suara ketikan keyboardnya, terasa satisfiying

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

    Sumpah flexbox ini enak banget buat layouting, terima kasih banyak Padika

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

    best teacher of programming.....

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

    Waahh boleh di lengkapin lagi pakk.. Mantap, ini materinya hampir sama lengkapnya sama di kelas materi dicoding Web Developer deh kayanya👏🏻

  • @biscuanmax
    @biscuanmax 7 หลายเดือนก่อน

    penjelasannya mudah banget dimengerti pak, thanks pak dika

  • @aldiirsanmajid4235
    @aldiirsanmajid4235 8 หลายเดือนก่อน

    Terimakasih Pak Sandhika, sangat bermanfaat

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

    Tutorialnya sangat bermanfaat, penjelasan mudah dimengerti, kualitas video dan suaranya juga mantap, semoga makin banyak subscribernya pak!! Sukses..

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

    Nambah ilmu lagi tq MASTER SANDHIKAGALI maju terus channel dan sukses selalu.

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

    Keren banget pak, akhirnya setelah lama bljr html Ama CSS dasar, trnyata bisa bagus banget kyk gini. Trimakasih banyak pak Dhika

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

    makasih pak. akhirnya bisa tahu flexbox. :)

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

    Terimakasih pak untuk pelajaran flexboxnya🙏

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

    Penjelasan pak Dhika mantap sekali..
    Sehat selalu pakk, semoga dilimpahkan rezekinya, berkah barokah.. Aamiin, bantu do'anya kawan

  • @muhammadizzaturrahim9419
    @muhammadizzaturrahim9419 5 ปีที่แล้ว

    Semoga bapak mendapat rezeki yang berkah nan banyak

  • @kebunbuah8150
    @kebunbuah8150 4 ปีที่แล้ว +13

    Pak buat pembelajaran algoritma dasar dong.
    Yang setuju like 👍

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

    Terima kasih....
    Belajar di sekolah(no)
    Belajar progremer sama Sandika galih(yes)
    Guru progreming gua...
    Doain saya supaya bisa seperti anda....dan mungkin harus lebih dari anda....👍
    Terima kasih telah mengajari saya Sandika galih....😁

  • @dadan_hendri816
    @dadan_hendri816 5 ปีที่แล้ว

    Alhamdulillah dapat ilmu baru lg

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

    Dengan video ini saya semakin suka sama flexbox 😍

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

    terima kasih pak sandhilka

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

    alhamdulillah terimakasih pak ilmunya , semoga anda beserta keluarga sehat selalu

  • @FutuhIqramMultazam
    @FutuhIqramMultazam 6 หลายเดือนก่อน

    Assalamualaikum , bismillah, izin menggunakan cara simpel bapa di menit 32:17 sebenernya kita hanya menambahkan
    display: flex;
    align-items: center;
    justify-content: center;
    di kedua selector itu juga udah bisa di tengah tengah, terimakasih

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

    Tambahan bro, dilatihan 5 kita ga usah pakai text align lagi kalau span nya display block.
    Videonya kereeeen 👍

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

    Mantab pak sandhika

  • @kagari21
    @kagari21 4 ปีที่แล้ว +7

    Pak Sandhika.. bahas cara penggunaan SVG dong, kyaknya seru bgt
    gambar yg kita buat bisa jadi/di convert jadi html..
    smoga dibaca 😁😆

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

    terimakasih pak ilmunya.. semoga sehat selalu

  • @gimmegame0
    @gimmegame0 5 ปีที่แล้ว

    Saya nambah ilmu ttg centering. Makasih, pak

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

    MasyaAllah keren pak🎉😮😮 aku sukaa

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

    Terima kasih pak dika saya termotivasi lagi

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

    mantapp juga ya,, responsiv pula

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

    Terimakasih pak galih, semoga sehat selalu!

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

    coba Pak dika buat tulis buku juga pak, dari sebuah pembuatan project dan dilengkapi juga dengan penjelasannya. itu saya pasti beli pak Insya Allah laris manis

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

    terima kasih pak semoga jadi amal jariyah bapak

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

    Amazing pak ilmunya. Terima kasih sdh berbagi

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

    Hadir malem..bossku...wow keren videonya..m

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

    Terima Kasih Ilmunya Pak

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

    sangat bermanfaat sekali pak dosen

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

    Akhir nya saya sampai di flexbox
    Makasih pak 🙂🙏

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

    Sangat bermanfaat pak, terima kasih

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

    Keren pak terima kasih ilmu nya

  • @nuraini-yd6sy
    @nuraini-yd6sy 3 ปีที่แล้ว

    Alhamdulillah ...

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

    Bro! it's Amazing You solved my problem! Thanks!!!

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

    Let's show our best to the world

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

    sangat mudah sekali dipahami, terimakasih pak semoga sehat selalu

  • @amallubis3901
    @amallubis3901 5 ปีที่แล้ว

    keren pak.. thanks pak sandhika..

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

    Thanks pa dhika ilmu nya

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

    mantap pak. ngebantu banget buat tugas akhir

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

    terima kasih pak, sangat bermanfaat

  • @brandan2199
    @brandan2199 5 ปีที่แล้ว

    Langsung download,terima kasih pak

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

    Makasih banyak Pak Dhika🙏
    Ilmunya sangat bermanfaat

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

    Pak convert dan upload ke podcast dong biar bisa sambil denger sambil kerja..

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

    MAKASIH MASSS, SUKSES SELALU YAA!!

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

    Suka banget penjelasannya sangat mudah dimengerti, semoga terus memberikan kami materi :D

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

    Good job sir, thanks.

  • @nafil._
    @nafil._ ปีที่แล้ว

    keren pak sandikah.

  • @mr.z3d.1t37
    @mr.z3d.1t37 3 ปีที่แล้ว

    Thank you sir
    I am now able to understand and understand html

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

    Terimakasih banyak pak, akhirnya bisa bikin text di tengah pke flex. hehehe

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

    Makasi mas.

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

    Terima kasih banyak pak, sangat membantu 🙏🙏

  • @codatever
    @codatever 5 ปีที่แล้ว

    Terimakasih pak ilmunya

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

    keren banget

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

    Thanks pak dika..

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

    Terima kasih Pak Dika atas ilmu yang telah diberikan, materinya jadi mudah dipahami 😁

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

    Terimakasih pak informasinya semoga sehat selalu

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

    Terima kasih pak

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

    orang baek memang beda cara menjelaskannya 👍

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

    Makasih banyak, Pak. Sangat bermanfaat dan lebih mudah ngertinya. Habis ini CSS grid, kan? (request mulu) Saya sering bingung bagian mana yang pakai CSS grid, bagian mana yang sebaiknya pakai flexbox ketika mendesain web. Nuhuuun.

  • @erik1029
    @erik1029 5 ปีที่แล้ว

    Keren pak. Mantap

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

    Mantap mas bro, sangat bermanfaat 👍

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

    Mantap pak👍🏻👍🏻

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

    keren........!

  • @ariefugi2000
    @ariefugi2000 5 ปีที่แล้ว

    sadissss, terima kasih pak dika ilmu nya

  • @adeyusuf9641
    @adeyusuf9641 5 ปีที่แล้ว +41

    Pak request tutorial pembuatan full website yang responsif tanpa bantuan framework donk.

  • @shobi2710
    @shobi2710 5 ปีที่แล้ว

    Suwun kang

  • @andrisetyahermawan2431
    @andrisetyahermawan2431 5 ปีที่แล้ว

    Dosen impian🔥

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

    kalo ada ajang pemilihan dosen IT terbaik se indonesia, saya pasti milih bapak wkwkw :D

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

    latihan terakhir mantap beud pakk :D

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

    mantap pak!
    tolong materi yang display grid juga ya pak hehe
    makasih

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

    Mantap bg

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

    mantap pak

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

    mantap learn by doing

  • @novandiramadhan6459
    @novandiramadhan6459 5 ปีที่แล้ว

    Terimakasih pak dosen 😊

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

    Thks for sharing

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

    mau salim dulu ama pak dhika
    makasih banyak pak !!

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

    Pak Buat tutorial Dasar Node JS untuk pemula

  • @alfianizzah3394
    @alfianizzah3394 5 ปีที่แล้ว

    Terima Kasih Pak.

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

    Mantap pak !

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

    Keren pak ❤️