ETS Pweb

 Nama    : Dilla Wahdana

NRP       : 5025211060

Kelas      : Pweb A

ETS Pweb

1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web.

1. HTML (HyperText Markup Language):
           HTML adalah bahasa markah standar yang digunakan untuk membuat struktur dan konten halaman web. HTML menyediakan elemen-elemen dasar seperti judul, paragraf, gambar, formulir, dan banyak lagi. Ini memberi dasar bagi semua halaman web dan mendefinisikan struktur dasar dokumen web.
2. CSS (Cascading Style Sheets):
             CSS digunakan untuk mengontrol tata letak dan penampilan halaman web. Dengan CSS, Anda dapat mengatur warna, jenis font, ukuran, dan tata letak elemen HTML. Ini memisahkan struktur (HTML) dan presentasi (CSS) dari halaman web, memungkinkan pengembang untuk membuat halaman web yang estetis dan mudah dibaca.
3. JavaScript:
                JavaScript adalah bahasa pemrograman yang berjalan di sisi klien (di peramban web pengguna) dan memberikan interaktivitas pada halaman web. Dengan JavaScript, Anda dapat membuat efek animasi, memvalidasi formulir, berinteraksi dengan pengguna melalui jendela pop-up, dan memanipulasi elemen halaman web secara dinamis. JavaScript juga memungkinkan pengembang untuk mengakses dan mengubah data yang ditampilkan pada halaman web.
4. Bootstrap:
               Bootstrap adalah kerangka kerja pengembangan web front-end yang dirancang untuk mempercepat proses pengembangan. Ini menyediakan kumpulan alat dan gaya pradesain yang memungkinkan pengembang untuk membuat tata letak responsif dan desain yang menarik dengan mudah. Bootstrap menyediakan komponen UI, grid system, navigasi, formulir, dan banyak lagi, yang semuanya dirancang agar terlihat baik dan berfungsi dengan baik di berbagai perangkat dan ukuran layar.

    Jadi, dalam pengembangan aplikasi web, HTML digunakan untuk membuat struktur halaman, CSS digunakan untuk mengatur tata letak dan penampilan, JavaScript digunakan untuk memberikan interaktivitas, dan Bootstrap (atau kerangka kerja serupa) digunakan untuk mempercepat pengembangan dengan menyediakan komponen dan gaya pradesain yang dapat digunakan oleh pengembang. Kombinasi dari semua teknologi ini memungkinkan pembangunan aplikasi web yang dinamis, responsif, dan estetis.

2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.

1. Membuat CV sederhana menggunakan HTML
         Project yang saya buat ini menggunakan bahasa pemrograman HTML saja. Dimana project ini menampilkan  riwayat pendidikan, pengalaman, project, dan lain-lain.  HTML menggunakan sistem tag untuk mendefinisikan berbagai elemen pada halaman web, seperti judul, paragraf, link, gambar, formulir, dan banyak lagi. Untuk project yang telah saya buat bisa lihat di sini https://github.com/dilwdn/CV_HTML.git
   
   
   
   
2. Membuat portofolio Menggunakan CSS
        Project yang saya buat ini menggunakan CSS. Yang mana tampilannya lebih bagus daripada hanya menggunakan html. Disini berisi beberapa segmen ada home, about yang berisi riwayat pendidikan, portofolio yang berisi beberapa experience yang saya miliki, dll. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. Untuk project yang telah saya buat bisa lihat di sini
   
   
   
   
   
3. Membuat Form Registrasi menggunakan JavaScript
   Disini saya membuat website Registrasi menggunakan JavaScript. Dengan menggunakan javascript membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Untuk project yang telah saya buat bisa lihat di sini https://github.com/dilwdn/FormRegistrasi_PwebA.git
   
   
   
   
   
   
   
   
   
4. Membuat Page Login/Register menggunakan Bootstrap
          Project ini saya membuat web registrasi menggunakan Bootstrap. Dengan boostrap kita dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website, dengan cara yang mudah, hanya dengan memanggil fungsi CSS (class yang sudah disediakan oleh Bootstrap) dari berkas HTML yang telah didefinisikan. Untuk project yang telah saya buat bisa lihat di sini https://github.com/dilwdn/Tugas5_Bootstrap.git
   
   
   

3. 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.

4. Implementasikan desainmu dan buat dokumentasi.

    Link github: https://github.com/dilwdn/ETS_Pweb.git

5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.