Web Jadwal Sholat Sederhana: Proyek Awal Belajar HTML, CSS, dan JavaScript (Agustus 2024)

Halo para mahasiswa!

Saya ingin membagikan proyek sederhana saya dari semester 1, yaitu Web Jadwal Sholat. Proyek ini saya kembangkan pada bulan Agustus 2024 sebagai bagian dari proses belajar saya mengenai dasar-dasar pengembangan web front-end. Meskipun sederhana, proyek ini sangat berkesan bagi saya karena merupakan langkah awal dalam memahami bagaimana HTML, CSS, dan JavaScript bekerja bersama.

Proyek ini dibangun sepenuhnya menggunakan HTML, CSS, dan JavaScript murni, tanpa framework atau library tambahan. Fitur utamanya adalah menampilkan jadwal sholat harian yang diperbarui secara dinamis dengan mengambil data dari API eksternal menggunakan Fetch API. Ini adalah salah satu pengalaman pertama saya dalam berinteraksi dengan API, dan saya belajar banyak tentang bagaimana data dapat diambil dan ditampilkan di halaman web.

Desainnya dibuat agar responsif, sehingga tampilan jadwal sholat dapat menyesuaikan dengan baik di berbagai ukuran layar, baik di desktop maupun perangkat mobile. Proyek ini menunjukkan kemampuan dasar dalam:

• Strukturisasi konten web menggunakan HTML semantik.

• Penataan gaya visual dengan CSS, termasuk layout responsif.

• Logika interaktif dan manipulasi DOM menggunakan JavaScript.

• Mengambil dan memproses data dari API menggunakan Fetch API.

Proyek "Web Jadwal Sholat" ini mungkin tidak kompleks, namun ini adalah bukti perjalanan belajar saya di awal perkuliahan. Saya berharap proyek ini bisa menjadi inspirasi bagi teman-teman yang juga sedang memulai perjalanan di dunia pengembangan web.

Anda dapat melihat langsung proyek ini di: https://my-old-learning.netlify.app/tugas_jadwal/solat.html

Kode sumbernya tersedia di GitHub: https://github.com/Ridhsuki/web-learning-archive/tree/master/Tugas_Jadwal

Terima kasih atas perhatiannya! Jangan ragu untuk memberikan feedback atau pertanyaan.

Hubungi Saya

Jika Anda ingin terhubung atau melihat proyek-proyek saya lainnya, Anda bisa menemukan saya di berbagai platform media sosial:

• 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 (Second Channel): https://www.youtube.com/@RIDHO_AG

• Website Pribadi: https://ridhsuki.my.id/