Materi Front-End Web Dev dapat diakses di klik sini!
Panduan selengkapnya klik video berikut atau klik di sini!
Hanya dengan HTML & CSS, buatlah sebuah kartu Lebaran sederhana seperti gambar di bawah ini. Fitur yang diminta hanya gambar belah ketupat (bukan gambar/image!) dan teks dengan Google Fonts.
Catatan: Commit/upload project ini ke akun Github Anda dengan nama repo: Kartu-Lebaran-NamaAnda. Salin file HTML aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project ini. Lanjutkan ke soal nomor 2, Kemudian kirimkan via email ke lintang@purwadhika.com dengan subject email: Ujian-Front-1&2-namaAnda.
Buatlah sebuah project React yang memiliki 2 buah dropdown menu (Jenjang Pendidikan dan Tingkatan Pendidikan), di mana konten opsi menu dropdown kedua (Tingkatan Pendidikan) bergantung pada pilihan user di menu dropdown pertama (Jenjang Pendidikan). Opsi yang user pilih akan ditampilkan sebagai title pada button dropdown. Adapun susunan opsi menu sebagai berikut:
-
Pendidikan Pra Sekolah
- PAUD (Pendidikan Anak Usia Dini)
- TK (Taman Kanak-kanak)
- RA (Raudhatul Athfal)
-
Pendidikan Dasar
- SD (Sekolah Dasar)
- MI (Madrasah Ibtidaiyah)
- SMP (Sekolah Menengah Pertama)
- MTs (Madrasah Tsanawiyah)
-
Pendidikan Menengah
- SMA (Sekolah Menengah Atas)
- MA (Madrasah Aliyah)
- SMK (Sekolah Menengah Kejuruan)
-
Pendidikan Tinggi
- D3 Diploma
- S1/D4 Sarjana
- S2 Magister
- S3 Doktoral
Catatan: Commit/upload project ini ke akun Github Anda dengan nama repo: Dropdown-NamaAnda. Salin file App.js aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project ini. Kemudian kirimkan beserta jawaban nomor 1 via email ke lintang@purwadhika.com dengan subject email: Ujian-Front-1&2-namaAnda.
Buatlah sebuah aplikasi React yang memanfaatkan info seputar Bitcoin dari Blockchain Exchange Rates API (https://blockchain.info/api/exchange_rates_api), dengan persyaratan sebagai berikut:
-
Gunakan navigasi React-Router-DOM
- Aplikasi terdiri atas 3 halaman utama: halaman info harga Bitcoin, halaman konversi Rupiah ke Bitcoin dan halaman konversi Bitcoin ke Rupiah. Gunakan Route untuk membuat path bagi setiap halaman.
-
Gunakan Blockchain API
-
Halaman pertama (info harga Bitcoin) menyajikan harga jual & harga beli Bitcoin terhadap 5 mata uang asing: Dollar Australia (AUD), Euro Eropa (EUR), Poundsterling Inggris (GBP), Yen Jepang (JPY) dan Dollar Amerika (USD). Gunakan Exchange Rates API yang disediakan Blockchain.info. Untuk mendapatkan semua data harga Bitcoin terhadap beberapa mata uang asing, gunakan:
GET https://blockchain.info/ticker
-
Halaman kedua (konversi Rupiah ke Bitcoin) menyajikan fitur bagi user untuk mengkonversi Rupiah menjadi Bitcoin, dengan catatan 1 USD setara dengan Rp 14.000,-. Gunakan Bitcoin Conversion API yang disediakan Blockchain.info. Sebagai contoh, untuk mengkonversi 500 USD menjadi harga Bitcoin, gunakan:
GET https://blockchain.info/tobtc?currency=USD&value=500
-
Halaman ketiga (konversi Bitcoin ke Rupiah) menyajikan fitur bagi user untuk mengkonversi Bitcoin menjadi Rupiah, dengan catatan 1 USD setara dengan Rp 14.000,-. Gunakan Bitcoin Conversion API yang disediakan Blockchain.info, yang sudah Anda pakai sebelumnya.
Catatan: Mata uang Indonesia (IDR/Rupiah) tidak termasuk dalam data yang disediakan oleh API Blockchain.info. Jadi, silakan modifikasi data yang Anda dapat dari API tersebut dengan algoritma yang sesuai.
-
Catatan: Commit/upload project ini ke akun Github Anda dengan nama repo: Bitcoin-NamaAnda. Salin file App.js aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project ini. Kemudian kirimkan via email ke lintang@purwadhika.com dengan subject email: Ujian-Front-Bitcoin-namaAnda.
#HappyCoding
Lintang Wisesa 💌 lintangwisesa@ymail.com
Facebook | Twitter | Google+ | Youtube | :octocat: GitHub | Hackster