Aplikasi Sederhana Jadwal Adzan Dengan Jquery

Javascript

Intro

Hallo teman-teman kali ini saya akan berbagi tulisan yang cukup singkat, kita belajar frontend lagi tidak menggunakan framework yang populer seperti angular, vue ataupun react tapi kita akan menggunakan library lama yaitu jquery hehe.

Studi kasus kali ini yaitu kita akan membuat aplikasi web base tentang jadwal adzan hari ini yang akan mengambil api dari situs https://waktusholat.org/ yang nanti nya akan ditampilkan ke aplikasi web base kita dengan style bootstrap dan library javascript jquery, yuk langsung coding.

Buka teks editor kesayangan anda dan buat satu file dengan nama index.html lalu copy paste code di bawah ini :

Hasil Output Aplikasi Jadwal Adzan

Contoh di atas hanya menampilkan jadwal adzan hari ini untuk kota sukabumi teman-teman bisa coba dengan kota teman masing-masing ubah bagian sukabumi, dan sedikit tips dari saya sebagai bahan pembelajaran teman-teman coba explore modif code dari saya ini dengan inputan kota melalui combobox sehingga bisa menjadi dinamis, dan juga untuk mengasah kemapuan teman-teman supaya lebih tajam lagi hehe.

Dokumentasi lengkap ada di sini teman-teman bisa filter berdsarkan bulan dan lain sebagai nya, dan juga beberapa paramter yang tersedia untuk filter data json nya.

Semoga bermanfaat bagi teman-teman, jika ada yang tidak mengerti, ada kesalahan dalam penulisan dan ada yang ingin ditanyakan atau di tambahkan bisa tulis dikolom komentar terimakasih.

Tetap berkarya sesuai dengan selera masing-masing