Sesi 25 Array Asosiatif dan Media Query

ASSALAMUALAIKUM WR.WB
Hallo Guys,Bagaimana kabar anda ??? saya harap kabar anda baik-baik saja dan kali ini saya akan membahas tentang Array asosiatif dan media query,Terus apa sih asositif dan media query itu,nah kalau dalam array sendiri itu perlu sekali,contohnya ketika anda mempunyai lemari pakaian yang mana setiap laci berbeda pakaian yang disimpan,contoh lemari pertama diisi dengan baju kaos,lemari kedua diisi dengan celana pendek,lemari ketiga diisi dengan celana dalam,nah begitu juga dengan array dalam setiap jenis harus mempunyai tipe data yang sama (dalam satu paket).
Biar lebih jelasnya lagi,kita akan membahas bebrapa materi:
1. Array Asosiatif
2. Array Asositif Feat Looping
3. Array Asosiatif 2 dimensi
4. Studi kasus

1 .Latarray Asosiatif.php

Hasilnya

2. Arrayasosiatif feat Looping.php

Hasilnya

3. Studi Kasus.php

Hasilnya

CSS MEDIA QUERY ???
CSS Media Query digunakan untuk menangani perbedaan tampilan pada bebrapa resolusi layar

Resolusi Layar ssat ini terbagi menjadi 3 kelompok :

1. Computer: Lebar 1440px dan panjang 900px
2. Tablet  : Lebar 768px dan panjang 1024px
3. Mobile : Lebar 320pc dan panjang 480px

Nah jadi ada  bebrapa contoh dengan menggunakkan media query,yang mana website yang kita punya bisa lewat computer,tablet,dan mobile ataupun android anda.
Seperti apakah tampilannya dari beberapa jenis dari media query :

Contoh Tampilan Ketika di Computer

Contoh Tampilan Ketika di Mobile Phone atau Tablet

• Manfaat CSS Media Query???

Web Browser modern yang sudah dapat mengenali CSS Media Query (Chrome,Chrome Mobile Browser,Opera,Opera Mini,UC Browser,dsb) sehingga programer tifak perlu memulai kode html untuk menyesuaikan pada semua resolusi.

4. Media Query.php

Hasilnya

Hasil Kedua(menjadi diandroid)

Nah Jadi Ketika anda ingin mengubah hasil codingananda dibrowser maka anda tinggal Klik Kanan,Kemudian Pilih Inspect Elelmen dan pilih item yang ada disamping elemen,makan nanti akan muncul resolusi untuk beberapa jenis android dan kalian pun bisa mengatur lebar dan tingginya.

Mungkin Cukup Sekian dari saya bila banyak salah saya mohon maaf sebesar-besarnya,karena saya juga masih belajar dan saya hanya sekedar memberikan ilmu,kiranya baik diambil dan kiranya jelek menjadi pembelajaran khusunya bagi saya dan umumnya bagi anda.

Create By 

Emir Othman Jordan

WASSALAMUALAIKUM WR WB