Assignment 8-BD106-Sondang Visiana S

Pertanyaan:

1. Membentuk kelompok yang terdiri 2 orang
2. Buatlah rangkuman hasil menonton video  “Tutorial Membuat API Sederhana”
3. Buatlah project API sederhana per masing masing kelompok, kemudian presentasikan hasil projectnya

Status:
100% sudah tercapai

Pernyataan:
saya sudah mengerjakan dengan baik dan benar

Bukti:

  1. Zenith
    – Ncon
    – Sheila
    – Eka
  2. Interface Data:

    Buatlah file HTML (misalnya, index.html) yang berfungsi sebagai antarmuka pengguna.
    Gunakan elemen HTML (misalnya, tabel, daftar, atau elemen lainnya) untuk menampilkan data yang diambil dari API di GitHub.
    Bootstrap: dapat menggunakan Bootstrap, kerangka kerja CSS populer, untuk memperindah antarmuka pengguna Anda.
    Sertakan file Bootstrap CSS dan JavaScript di dalam index.html Anda.
    Gunakan kelas-kelas Bootstrap untuk mengatur tata letak, gaya, dan responsivitas antarmuka pengguna.
    Script.js: script.js yang bertanggung jawab untuk mengambil data dari API di GitHub.
    Di dalam script.js, gunakan XMLHttpRequest atau metode fetch untuk mengirim permintaan HTTP GET ke URL API yang ditentukan.
    Tangkap respons yang diterima dari API dan manipulasi data tersebut sesuai kebutuhan.
    Gunakan metode DOM untuk memperbarui elemen HTML di index.html dengan data yang diperoleh dari API.
    URL menggunakan api.php: api.php yang bertindak sebagai perantara antara aplikasi frontend Anda dan GitHub API.
    Di dalam api.php, gunakan fungsi cURL atau metode lainnya untuk mengambil data dari API GitHub yang relevan.
    Proses data yang diterima dari GitHub API sesuai kebutuhan dan kembalikan data tersebut sebagai respons HTTP.
    langkah-langkah di atas dapat membuat API sederhana dengan menggunakan GitHub. Antarmuka pengguna yang Anda buat akan mengambil data dari GitHub API melalui URL yang ditentukan dalam api.php, dan kemudian menampilkannya di dalam index.html. Pastikan untuk memperhatikan pengolahan data, penanganan kesalahan, dan keamanan dalam implementasi API Anda.

Leave a Comment