Posts

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 :

Tugas 2 Pemrograman Web (Website Warung)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://warung-bu-bos.vercel.app/ Link Github Repository  :  https://github.com/ZetsuX/bu-bos-stall-website Penjelasan  :  Tugas kedua dari mata kuliah Pemrograman Web yakni membuat website warung menggunakan struktur HTML 5. Saya sendiri membuat 3 page html yakni index.html sebagai halaman utama (beranda), menu.html sebagai halaman untuk menampilkan menu-menu, dan about.html untuk menampilkan halaman tentang warung. Untuk tag <header> diisi dengan logo beserta title dan juga navbar yang dibungkus dengan tag <nav>, kemudian digunakan tag <section> untuk menampilkan konten utama dan juga <aside> untuk menampilkan sidebar. Terakhir, juga diberikan footer dengan tag <footer>. Saya juga memberikan animasi loading yang cukup lucu untuk memberikan waktu bagi loading konten setiap ka...

Tugas 1 Pemrograman Web (HTML CV)

Image
Nama  : Kevin Nathanael Halim NRP  : 5025211140 Kelas  : Pemrograman Web A Tahun Ajaran  : 2022/2023 (Semester Genap) Link Deploy  :  https://html-only-cv.vercel.app Link Github Repository  :  https://github.com/ZetsuX/html-only-cv Penjelasan  :  Tugas pertama dari mata kuliah Pemrograman Web yakni membuat CV / Biodata dalam bentuk web dengan menggunakan HTML. Saya sendiri menggunakan tag <div> sebagai penanda setiap bagian, dimana terdapat 6 bagian yakni Navbar, General, Study, Experience, Skills, dan More yang dapat diakses secara mudah dengan menekan tulisan sesuai dengan nama bagiannya pada Navbar. Saya juga menggunakan tag <center> pada semua bagian untuk memposisikan mereka di tengah laman dan juga memakai tag <style> untuk beberapa styling seperti pemberian warna serta pengaturan posisi. Dokumentasi  :