Trischan Mahdy Arangga
5053231024
Soal Pemrograman Web
Apa itu responsive web design dan sebutkan dua teknik yang sering digunakan untuk mencapainya?
Responsive web design adalah design web yang responsif, alias dapat berubah-ubah/beradaptasi sesuai dengan viewport/layar dimana web itu dibuka, contoh: Handphone dan Tablet, kedua device tersebut memiliki dimensi layar yang berbeda, yang mana mempengaruhi tampilan dari web, dengan mengimplementasikan web yang responsive maka kita membuat web kita enak dilihat dan sesuai dengan device-device yang membukanya.
Teknik yang sering digunakan ialah dengan menggunakan media query yakni dengan mengimplementasikan web dalam viewport-viewport yang di definisikan, dan dengan itu ketika viewport-viewport berubah maka akan ada lompatan dari viewport yang satu ke yang lain, hal ini bisa kita polish dengan menggunakan teknik transition dalam css.
Apa fungsi elemen <meta> dalam HTML dan sebutkan salah satu atribut penting yang dimilikinya? Berikan contoh penggunaan dalam bentuk kode kemudian beri penjelasan.
Fungsi dari tag meta dalam HTML adalah informasi-informasi untuk memberi tahu search engine dan juga orang-orang yang melihat nya, hal ini mempengaruhi engagement rate dari website tersebut, dan kemungkinan juga mempengaruhi ranking website tersebut.
Salah satu atribut penting dari tag meta adalah title dan description, title itu untuk judul dari web dan title ini harus unik untuk setiap page yang di publish, lalu description, tag ini digunakan untuk memberi deskripsi dari content-content di web anda.
<title>{{pageTitle}}</title>
<meta name="description" content="Kantin TC adalah kantin paling enak dari seluruh kantin-kantin yang ada di ITS">
<meta name="keywords" content="Kantin ITS, kantin enak di its">
Dalam kode ini, kita membuat meta tag “description” yang isinya merupakan deskripsi dari page kita di search engine, contoh: Google Search, jadi description adalah deskripsi tentang page kita/isi page kita.
Dan juga kita membuat tag “keywords”, yang akan membantu menampilkan website kita jika keyword-keyword yang kita buat dicari/search oleh pengguna di search engine.
Buatlah halaman landing page sederhana untuk sebuah toko online yang menjual produk elektronik. Halaman ini harus mencakup:
Header dengan logo dan navigasi (Home, Produk, Tentang Kami, Hubungi Kami)
Bagian utama dengan gambar produk unggulan dan tombol “Beli Sekarang”,
Footer dengan alamat toko dan link media sosial
Seorang klien membutuhkan data member dalam halaman web produk, Buatlah sebuah form dan pengecekannya dengan javascript untuk memastikan isian datanya benar.
Pengecekan/Validasi:
