Evaluasi Pemrograman Web-A

Nama : Layyinatul Fuadah

NRP : 5025211207

Kelas : Pemrograman Web-A

Pertanyaan

Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web.
Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
Sebuah perpustakaan ingin membuat aplikasi web. Fungsi aplikasi untuk display koleksi buku, peta lokasi, informasi berita/ kegiatan, dan pendaftaran online. Desainkan front end website perpustakaan.
Implementasikan desainmu dan buat dokumentasi.
Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.

Jawaban

1. HTML, CSS, JavaScript, dan Bootstrap adalah teknologi dan alat yang digunakan dalam pengembangan aplikasi web. HTML, CSS, JavaScript, dan Bootstrap memiliki fungsi yang berbeda - beda dalam proses pengembangan aplikasi web:

1. HTML (Hypertext Markup Language):

HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar halaman web. Ini berfungsi untuk menentukan elemen-elemen dasar seperti teks, gambar, tautan, tabel, formulir, dan lainnya.
Struktur Dasar: HTML digunakan untuk mendefinisikan struktur dasar halaman web. Ini termasuk elemen-elemen seperti header, paragraf, tautan, gambar, tabel, dan lain-lain. Dengan HTML, Anda dapat mengatur bagaimana elemen-elemen ini ditempatkan dan berinteraksi di halaman web.
Konten: HTML memungkinkan Anda untuk menambahkan konten ke halaman web. Anda dapat menyisipkan teks, gambar, video, audio, dan elemen-elemen media lainnya ke dalam dokumen HTML.
Formulir: Dengan elemen-elemen seperti <form>, <input>, <button>, dan lain-lain, HTML memungkinkan Anda membuat formulir interaktif. Formulir ini dapat digunakan untuk mengumpulkan informasi dari pengguna, seperti formulir pendaftaran, penelusuran, atau komentar.

2. CSS (Cascading Style Sheets):

Dengan CSS, dapat memisahkan presentasi (tampilan) dari struktur (konten) halaman web, sehingga memudahkan pengelolaan tampilan yang konsisten.
Pengaturan Gaya: CSS digunakan untuk mengatur tampilan dan gaya visual dari elemen-elemen halaman web. Ini termasuk warna teks, warna latar belakang, jenis huruf, ukuran huruf, jarak antar elemen, dan banyak lagi. Dengan CSS, Anda dapat menciptakan tampilan yang menarik dan konsisten.
Responsif: CSS memungkinkan untuk membuat desain yang responsif, yang berarti halaman web akan menyesuaikan diri dengan berbagai ukuran layar, termasuk perangkat seluler dan tablet. Ini dicapai dengan menggunakan media queries dan teknik tata letak responsif.
Animasi dan Transisi: CSS dapat digunakan untuk membuat animasi dan transisi elemen-elemen halaman. Anda dapat mengatur efek peralihan yang halus, mengendalikan pergerakan elemen, dan memberikan interaktivitas yang lebih besar kepada pengguna.

3. JavaScript:

JavaScript adalah bahasa pemrograman yang digunakan untuk menambahkan interaktivitas dan fungsionalitas dinamis ke halaman web.
Ini memungkinkan untuk merespons tindakan pengguna, mengubah konten halaman secara dinamis, memvalidasi formulir, dan berinteraksi dengan server untuk mengambil atau mengirim data.
Manipulasi DOM: JavaScript memungkinkan Anda untuk mengakses dan memanipulasi elemen halaman melalui DOM (Document Object Model). Anda dapat menambahkan, menghapus, atau mengubah elemen, atribut, dan teks pada halaman web secara dinamis.
Validasi Formulir: JavaScript sering digunakan untuk melakukan validasi formulir pada sisi klien. Dengan ini, Anda dapat memeriksa apakah pengguna telah mengisi formulir dengan benar sebelum mengirimkan data ke server.

4. Bootstrap:

Bootstrap adalah kerangka kerja (framework) CSS dan JavaScript yang menyediakan komponen dan gaya pra-dibuat untuk mempercepat pengembangan aplikasi web.
Bootstrap menghadirkan komponen UI seperti tombol, formulir, navigasi, tabel, dan banyak lagi, yang dapat dengan mudah disesuaikan dan digunakan dalam proyek web.
Bootstrap membantu dalam menciptakan tampilan yang responsif (sesuai dengan berbagai perangkat dan ukuran layar) dan memberikan dasar yang solid untuk desain web yang konsisten.

2. 1. HTML

Membuat CV / Biodata Diri

link Blog : https://ayyfd.blogspot.com/2023/09/tugas-pemrograman-web.html
Link Github : https://github.com/ayyfuadh/Tugas1-Pweb-CV

2. CSS

Menerapkan css pada sebuah website yang bertemakan tentang portofolio kursus.

Link Blog : https://ayyfd.blogspot.com/2023/09/tugas-3.html
Link github : https://github.com/ayyfuadh/Tugas3-Pweb-5025211207

3. JavaScript
Membuat Form dengan HTML, CSS, dan Javascript