Proyek ini merupakan halaman login sederhana yang saya buat sebagai bagian dari pembelajaran web development pada semester 1 di tahun 2024. Dibuat dengan menggunakan HTML, CSS, dan JavaScript, halaman ini dirancang untuk memberikan pemahaman dasar dalam membuat elemen form, styling responsif, dan interaksi pengguna. Meskipun tampilannya sederhana, proyek ini penting untuk pengembangan keterampilan awal saya di dunia pengembangan web.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
Login Page Project - Sebagai Bagian dari Proses Belajar di Semester 1 (2024)
Halo, saya Basuki Ridho Al Ghifari, mahasiswa yang sedang dalam perjalanan untuk mengembangkan keterampilan web development. Sebagai bagian dari pembelajaran saya di semester 1 tahun 2024, saya telah membuat proyek Login Page sederhana sebagai bahan eksperimen dan latihan. Meskipun tampilannya sederhana, proyek ini sangat berharga bagi saya karena memberikan pemahaman yang lebih mendalam tentang elemen-elemen dasar dalam pembuatan halaman web yang responsif dan fungsional.
Deskripsi:
Halaman Login ini dirancang menggunakan HTML, Tailwind CSS, dan sedikit JavaScript untuk memberikan pengalaman pengguna yang mudah dan intuitif. Tujuan utama proyek ini adalah untuk memahami konsep dasar struktur halaman web, penataan elemen-elemen dengan Tailwind CSS, serta interaksi pengguna sederhana dengan JavaScript.
Proyek ini adalah salah satu langkah awal saya untuk menguasai dasar-dasar web development dan juga sebagai sarana untuk berlatih membuat halaman dengan tampilan yang menarik namun sederhana. Kamu bisa melihat demo dari halaman login ini melalui tautan di bawah ini:
- Demo Online: https://my-old-learning.netlify.app/loginpage/
- Kode Sumber: https://github.com/Ridhsuki/web-learning-archive/tree/master/loginPage
Tujuan Pembelajaran:
- Mempelajari penggunaan elemen-elemen form di HTML
- Menguasai teknik styling menggunakan CSS Tailwind untuk tata letak dan desain
- Menerapkan dasar-dasar JavaScript untuk interaksi pengguna
- Menjadi lebih terampil dalam pengembangan halaman yang responsif dan ramah pengguna
Teknologi yang Digunakan:
- HTML
- CSS Tailwind
- JavaScript (untuk validasi form sederhana)
Hubungi Saya:
Jika kamu tertarik untuk berdiskusi lebih lanjut tentang proyek ini atau ingin berbagi tips seputar web development, jangan ragu untuk menghubungi saya! Kamu bisa mengikuti saya di berbagai platform media sosial atau mengunjungi website pribadi saya:
- Instagram: https://www.instagram.com/basukiridhoal/
- Tiktok: https://www.tiktok.com/@ritsuchi_dev
- Facebook: https://www.facebook.com/basuki.ridho.921/
- LinkedIn: https://www.linkedin.com/in/basuki-ridho
- Threads: https://www.threads.net/@basukiridhoal
- GitHub: https://github.com/Ridhsuki/
- BlueSky: https://bsky.app/profile/ridhsuki.bsky.social
- YouTube (Channel Kedua): https://www.youtube.com/@RIDHO_AG
- Website Pribadi: https://ridhsuki.my.id/
Saya berharap proyek ini dapat memberikan inspirasi dan juga membuka peluang untuk berkolaborasi dalam proyek-proyek web development lainnya. Terima kasih telah meluangkan waktu untuk melihat karya saya!
