PWPB - Pertemuan 25 (PHP)

Assalamu'alaikum Wr.Wb.
Salam sejahtera bagi kita semua...

Halo guys,
Balik lagi di SekolahQue kali ini kita akan belajar mengenai Array Asosiatif dan CSS Media Query.


Array adalah tempat menyimpan tipe data yang sama, biasanya menggunakan tipe data integer dan untuk menghitung suatu data pada Array dimulai dari angka 0..hingga seterusnya.
Array Asosiatif merupakan sebuah array yang berupa index string maksudnya yaitu Array Asosiatif setiap elementnya tidak menggunakan nomor element (index) tapi menggunakan string, dan nomor element tersebut dengan key (kunci), nah dengan menggunakan key tersebut dapat membuat data secara berpasangan.

  • Macam-macam Array :

- Array 1 dimensi
- Array 2 dimensi (Multi dimensi)

Jika belum tahu bisa di lihat di Pertemuan 24.
Langsung saja kita ke codingannya yukk😊
(Untuk melihat codingan klik setiap judul tugas).

 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------LET'S GO-----------------------------------------------------------

Seperti codingan di atas, pada sintaks tersebut dicantumkan hanya sebuah NIS saja akan tetapi yang muncul malah nama. Nahh...seperti itulah Array asosiatif yang menggunakan String tidak seperti array biasanya yang menggunakan index angka atau integer.

SCREENSHOT:


Nahh...disini kita memadukan atau mengkolaborasikan array dengan Struktur perulangan (Looping) foreach. Seperti yang kita ketahui perulangan foreach merupakan perulangan khusus untuk pembacaan nilai array. Penjelasannya adalah :

-$siswa merupakan nama dari array yang telah didefinisikan sebelumnya.
-$nis merupakan nama 'variabel perantara' (Kunci) yang berisi data array pada perulangan tersebut. Anda bisa membuat penamaan sesuai yang anda inginkan.
-dan yang terakhir adalah, terdapat (isi / nilai) pada Array atau perulangan tersebut.

SCREENSHOT:

SCREENSHOT:


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------CSS MEDIA QUERY-----------------------------------------------------


CSS MEDIA QUERY merupakan sebuah layout agar user dapat mengatur resolusi suatu web berdasarkan perangkat yang digunakan contohnya LAPTOP / PC dan Tablet / HandPhone.

Langkah-langkah atau step by step yang harus diperhatikan ketika kita akan mengatur suatu resolusi agar dapat dilihat baik di smartphone ataupun di laptop adalah :
  1. Membuat codingan CSS,
  2. Menambahkan tag <meta> sebelum tag <tittle></tittle>.
Contoh :



   3.Testing di Aplikasi browser(Chrome, Mozila, Internet Explorer, Mobile Browser, UC Browser,           Opera, dan sebagainya).
   4. Klik kanan kemudian tekan inspect atau CTRL + SHIFT + I.
   5. Seteleh masuk, klik icon mobile atau CTRL + SHIFT + M dan setelah muncul kalian bisa atur resolusi layar yang kalian inginkan atau klik responsive untuk melihat resolusi setiap SmartPhone baik itu android ataupun Ios.



SCREENSHOT:
(TAMPILAN LAPTOP / PC)


(TAMPILAN SMARTPHONE)


CATATAN : "CODINGAN-CODINGAN DIATAS SEMUA SESUAI DENGAN APA YANG DITUGASKAN DAN KALIAN BISA SALIN DAN COBA CODINGAN TERSEBUT, SERTA PADA CSS QUERY DI ATAS TERDAPAT SUATU SCREENSHOT TAMPILAN SMARTPHONE YANG DIMANA TERDAPAT SEBUAH TANDA UNTUK MENGATUR RESOLUSI WEB ANDA!"

Sekian dulu ya guys...
Mohon maaf apabila terdapat suatu kesalahan...
Tunggu terus postingan SekolahQue yang berikutnya ya...
Coba dirumah dan jangan takut salah...
#KITABELAJARBERSAMA

Assalamu'alaikum Wr.Wb

Komentar

Posting Komentar

Loading...

Postingan Populer