[ETS] Question and coding Task

Nama : Muhammad Utsman Ardyansyah

NRP : 5053231025

Kelas : Pemrograman Web (M)

1.  Apa itu responsive web design dan sebutkan dua teknik yang sering digunakan untuk mencapainya?

>  Responsive web design (RWD) ialah pendekatan dalam pengembangan website yang membuat situs web dapat beradaptasi dengan perangkat user / penggunanya . Tujuannya agar situs web dapat digunakan dengan optimal dan terlihat menarik di berbagai jenis perangkat yang digunakan penggunanya.

> Media Queries: Teknik ini memungkinkan pengembang untuk menerapkan gaya CSS yang berbeda berdasarkan karakteristik perangkat, seperti lebar layar

> Menggunakan Flexibilitas Elemen Desain: Ini mencakup penggunaan tata letak yang fleksibel dan gambar yang dapat menyesuaikan ukuran berdasarkan ukuran layar pengguna.

2. Apa fungsi elemen <meta> dalam HTML dan sebutkan salah satu atribut penting yang dimilikinya? Berikan contoh penggunaan dalam bentuk kode kemudian berikan penjelasan!

> Elemen <meta> dalam HTML digunakan untuk menyimpan metadata tentang halaman web. Metadata sendiri adalah informasi yang tidak ditampilkan langsung kepada pengguna, tetapi penting bagi browser dan mesin pencari. Fungsi utama elemen <meta> meliputi penentuan karakter encoding, deskripsi halaman, pengaturan viewport untuk perangkat mobile, dan arahan kepada mesin pencari.

salah satu atribut penting yang dimiliki <meta> adalah atribut "name" , Atribut ini digunakan untuk menentukan jenis metadata yang disimpan. 

Contoh implementasi dalam code : 

> kode diatas menginisiasi jenis meta data dari atribut "name" yang berisikan inisial atribut description, digunakan untuk memberikan deskripsi singkat tentang isi halaman web yang sering ditampilkan oleh search engine.

3. Website Landing Page E-commerce  

kriteria : header dengan logo dan navigasi, konten utama dan button utama (beli sekarang), serta footer berisi alamat outlet dan link sosial media

> web : E-commerce landingPage

> Kode: code

4. Seorang Klien membutuhkan data member dalam halaman web produk, Buatlah sebuah form dan pengecekannya dengan JavaScript untuk memastikan isian datanya benar.

> web :  Form member

> Kode : code