World Countries

Proyek ini adalah hasil dari proses pembelajaran JavaScript yang bertujuan untuk mempraktikkan keterampilan dalam pengembangan web dan penggunaan API. Dengan mengintegrasikan RestCountries API, proyek ini menyediakan informasi tentang negara-negara di seluruh dunia. Proyek ini mencakup implementasi fitur-fitur seperti pencarian, penyaringan berdasarkan wilayah, dan tampilan data yang interaktif. Ini adalah langkah penting dalam memperdalam keterampilan pemrograman web dan mengaplikasikan teori ke dalam praktik.

Teknologi yang digunakan :

• HTML
• Tailwind CSS
• JavaScript

Beberapa hal yang dipelajari dari proyek ini :

• ✅ JavaScript Basics: Menggunakan konsep dasar JavaScript seperti const dan let untuk deklarasi variabel. Memahami cakupan dan penggunaannya dalam konteks yang berbeda.
• ✅ Functions and Asynchronous Programming: Menerapkan fungsi untuk menyusun kode dengan efisien. Menggunakan async dan await untuk menangani operasi asinkron seperti permintaan API, memastikan pengambilan dan pemrosesan data yang lancar.
• ✅ API Integration: Mengintegrasikan RestCountries API untuk mengambil dan menampilkan data negara secara dinamis. Mempelajari cara menangani data JSON dan mengekstrak informasi yang relevan.
• ✅ Data Filtering and Sorting: Mengembangkan fungsionalitas untuk memfilter dan mengurutkan data berdasarkan input pengguna. Menggunakan metode seperti filter(), sort(), dan includes() untuk memanipulasi array dan memberikan hasil yang bermakna.
• ✅ Event Handling: Menambahkan listener acara pada elemen HTML untuk menangani interaksi pengguna, seperti mengklik tombol dan mengetik di input pencarian. Menerapkan pencarian waktu nyata dan penyaringan berdasarkan wilayah.
• ✅DOM Manipulation: Menggunakan metode seperti querySelector(), querySelectorAll(), innerHTML, dan appendChild() untuk memperbarui dan memodifikasi DOM secara dinamis. Menampilkan data dalam format yang terstruktur dan mengelola perubahan UI berdasarkan tindakan pengguna.
• ✅ Error Handling: ' Menggabungkan mekanisme penanganan kesalahan untuk mengelola dan menampilkan kesalahan dengan baik. Menggunakan blok try-catch untuk menangkap pengecualian dan memberikan pesan kesalahan yang ramah pengguna.
• ✅ Responsive Design: Menerapkan kelas Tailwind CSS untuk membuat tata letak yang responsif dan menarik secara visual. Memastikan bahwa antarmuka pengguna beradaptasi dengan baik pada berbagai ukuran layar dan perangkat.
• ✅ Interactive UI Elements: Mengimplementasikan komponen interaktif seperti tombol dan kolom pencarian. Menambahkan perubahan kelas dinamis untuk memberikan umpan balik visual dan meningkatkan pengalaman pengguna.