FULL STACK ASSIGNMENT

untuk asset yang dibutuhkan pengerjaan test dapat didownload dari here

Hal paling  penting adalah struktur dan bagaimana penerapan clean code dan bagaimana code dapat dimaintain. Gunakan javascript dan css untuk menyelesaikan soal berikut. Waktu pengerjaan maksimal 5 jam setelah test diterima, mohon tidak menyebar luaskan soal.

1. Buatlah Button semirip mungkin dengan design. Tambahkan fungsi hover pada button seperti pada gambar kanan (Poin 0-10)

 

2. Buatlah potongan design tersebut semirip mungkin.(poin 0-10)

 

3. Anda akan diminta untuk menampilkan daftar film populer, yang dapat di search dan dapat difilter sesuai dengan genre yang dipilih sesuai dengan design yang diberikan , untuk API anda dapat mengakses dari MovieDB, Anda dapat mengakses API MovieDB anda perlu mendaftar untuk mendapatkan api_key jika belum memiliki akun. (poin 0-20)


untuk API List Movie Favorite: https://api.themoviedb.org/3/discover/movie?api_key=***&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false

 

 

 

4. Ketika Tombol i disebelah sinopsis ditekan maka akan memunculkan modal yang berisi sinopsis dari film tersebut, ketika tombol tutup ditekan maka modal akan tertutup.(poin 0-10)

 

5. Buatlah button seperti gambar diatas dengan ukuran width 152px, dan height 192px. Ketika ditekan tambahkan function untuk menduplikat Card ke kanan setelah 3 detik. Button ini dapat ditekan terus menerus untuk menduplikat Card, pada 1 baris maksimum memiliki 4 card. Margin antar card adalah 32px, dan posisi Card selalu di tengah halaman. Untuk lebih jelasnya sesuaikan dengan design diatas.(poin 0-10)

6. Buat sebuah button / link, yang jika diklik melakukan AJAX request ke: https://jsonplaceholder.typicode.com/comments lalu tampilkan data ke browser dalam bentuk html table (poin 0-5)

7. Terdapat array dengan data sebagai berikut

60,483,281,224,198,790,698,400,709,168

Urutkan array tersebut menggunakan logic sendiri (menggunakan algoritma sorting seperti bubble sort, merge sort, quick sort etc) DILARANG MENGGUNAKAN FUNGSI YANG SUDAH DISEDIAKAN OLEH BAHASA PEMROGRAMAN, lalu tampilkan nilai terkecil dan rata - rata dari array tersebut. (poin 0-10)

8   Tuliskan SQL query menggunakan bahasa PostgreSQL berupa file txt Buat Table dengan nama Project, untuk menyimpan data:

Contoh: Project A, tanggal 19-Juni-2017, biaya Rp 100,000. dll (poin 0-5)

9   Tuliskan SQL query menggunakan bahasa PostgreSQL berupa file txt Buat Table dengan nama ProjectCategory,setiap project bisa memilik beberapa category, misal Project A, categorynya: Website, Android, Internet Marketing, Redesign

Project 2, categorynya: Iklan

Project 3, categorynya: iOS, Redesign

category bisa lebih dari 4 (tidak terbatas) (poin 0-10)

10. Tampikan seluruh Project dan Total Category masing - masing Project (poin 0-10)