Posts

Showing posts from March, 2023

Kuis 1 Pemrograman Web (News Website)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://zx-news.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-news-website Demo Youtube :  https://youtu.be/8cryvjEXarU Penjelasan  :  Kuis 1 Pemrograman Web, membuat website berita interaktif. Saya memasang latest news dengan 2 berita yang dilengkapi gambar, judul, deskripsi, tanggal, dan juga penulis. Juga terdapat aside section untuk about, navigation, dan archive. Saya juga menyertakan fitur darkmode di dalamnya sebagai perwujudan bentuk "interaktif"  atas saran dari asisten.   Dokumentasi :

Tugas 6 Pemrograman Web (AJAX Login Page)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://zetsux-ajax-login.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-ajax-login-page Penjelasan  :  Tugas keenam dari mata kuliah Pemrograman Web yakni membuat halaman login sederhana dari contoh yang diberikan menggunakan AJAX. Saya sendiri membuatnya dengan menambahkan rule untuk validation, menambahkan pewarnaan, sedikit mengubah style dari halamannya, dan juga mengubah request method typenya menjadi GET agar tidak melanggar CORS access karena hanya untuk contoh. Dokumentasi :

Tugas 5 Pemrograman Web (Redstore with Bootstrap)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://redstore-zetsux.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/bootstrap-redstore-landing-page Penjelasan  :  Tugas kelima dari mata kuliah Pemrograman Web yakni membuat landing page untuk Redstore, sebuah website e-commerce peralatan olahraga dengan menggunakan bootstrap, dimana terdapat contoh yang harus ditiru dan direplikasikan sesuai dengan kemampuan masing-masing. Navbarnya sendiri menggunakan class navbar dengan element dropdown milik Bootstrap. Kemudian, untuk bagian utamanya menggunakan class col-lg-5 untuk text dan gambarnya, sementara menggunakan col-lg-1 untuk pemisah di tengah-tengah keduanya. Dokumentasi :

Tugas 4 Pemrograman Web (Submit & Signup Form)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://simple-login-signup.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/simple-login-signup Penjelasan  :  Tugas keempat dari mata kuliah Pemrograman Web yakni membuat submit dan signup form dengan menggunakan JavaScript dasar. Dimana pada submit form digunakan JavaScript untuk mengembalikan alert apabila login telah berhasil, sementara itu JavaScript pada signup form digunakan untuk melakukan validasi terhadap data yang dimasukkan seperti pengecekkan terhadap email, username, password, keterisian data, dan lain-lain. Saya melakukan sedikit pengembangan seperti menggunakan tag <form> pada submit form dan menggunakan css untuk styling pada kedua page yang ada. Dokumentasi :

Tugas 3 Pemrograman Web (Landing Page)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://campden.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/campden-landing-page Penjelasan  :  Tugas ketiga dari mata kuliah Pemrograman Web yakni membuat landing page menggunakan struktur HTML 5. Saya sendiri membuat 1 page html yakni index.html yang berisi 6 section yakni navbar, home, products, reviews, about, dan footer. Merupakan website dengan konsep menjual peralatan dan barang-barang yang penting untuk camping. Barang-barang yang dijual sendiri ditampilkan dalam bentuk card beserta dengan reviews. Dokumentasi :