background

Membuat Web Kuliner Menggunakan React.js

Studi kasus langkah demi langkah dalam mebuat aplikasi web kuliner menggunakan framework React JS

Jenis Kelas

Premium

Level

beginner

Peserta Terdaftar

0

Jumlah Modul

42

Durasi Video

3 jam+

Kelas Online
Membuat Web Kuliner Menggunakan React.js

Studi kasus langkah demi langkah dalam mebuat aplikasi web kuliner menggunakan framework React JS

Materi Belajar

Berikut ini materi belajar yang akan kamu pelajari dengan bergabung dalam program ini:

Tahap Persiapan

  1. Membuat Akun Zomato (05:31)
  2. Memahami Dokumentasi Zomato API
  3. Merancang Layout Website

Membuat Tampilan Halaman Home

  1. Memulai Proyek dan Menyiapkan Tema (04:49)
  2. Menambahkan Navbar dan Gambar Utama (08:05)
  3. Menambahkan Featured Cities (07:58)
  4. Membuat Component City Card (04:14)
  5. Memisahkan Navbar, Image, dan Welcome Message (05:53)
  6. Memisahkan Navbar, Image, dan Welcome Message (02:35)
  7. Membuat Search City (06:11)
  8. Memisahkan Search City Menjadi Component (03:19)
  9. Membuat Search Result (04:01)
  10. Membuat Footer (15:00)
  11. Membuat Component Home (04:43)

Membuat Fungsional Halaman Home

  1. Menghubungkan Featured Cities dengan Zomato (08:56)
  2. Menghubungkan Search City dengan Zomato (08:42)
  3. Menangani Hasil Pencarian Kosong (05:53)
  4. Show dan Hide Bagian Search Result (01:37)
  5. Menambahkan Config File (07:54)
  6. Setting Router (07:15)

Membuat Halaman City

  1. Membuat Tampilan Halaman City (09:36)
  2. Membuat Categories (05:49)
  3. Menambah Style Category Terpilih (03:59)
  4. Membuat Component Category List (03:42)
  5. Membuat Search Box Keyword (02:52)
  6. Membuat Component Search Keyword (02:13)
  7. Membuat Component Search Criteria (06:03)
  8. Memasukan Category Terpilih ke dalam Search Criteria (03:06)
  9. Memasukan Keyword ke dalam Search Criteria (03:07)
  10. Menghapus Criteria (03:23)
  11. Membuat Component Search Criteria (02:45)
  12. Membuat Restaurant List (05:30)
  13. Membuat Component Restaurant Card (03:08)
  14. Menghubungkan Categories dengan Zomato (03:37)
  15. Menghubungkan Search Criteria dengan Zomato (07:53)
  16. Setting Router (04:30)

Membuat Halaman Restaurant Detail

  1. Membuat Restaurant Profile (07:22)
  2. Membuat Rating Label (05:34)
  3. Membuat Component Restaurant Profile (02:39)
  4. Mendapatkan Data Restaurant Reviews (01:42)
  5. Membuat Tampilan Restaurant Reviews (02:52)
  6. Membuat Component Review (03:05)

Bonus DVD Pembelajaran

Bonus DVD bagi yang bergabung untuk program Lifetime Access

DVD screenshot
DVD screenshot

Penyusun Materi Belajar

Berikut ini para penyusun materi belajar dalam program ini:

Bagus Aji Santoso, Content Creator
Bagus Aji Santoso
Instructor at CodePolitan

Biaya Investasi Belajar

Lifetime Access

  Rp 390,000 Akses kelas online ini dan semua fasilitasnya, termasuk bila ada pembaharuan materi SELAMANYA!
  •   Materi kelas: Membuat Web Kuliner Menggunakan React.js
  •   Forum Diskusi
Beli Akses Kelas Lifetime

Membership

Rp 250,000 Rp 200,000/bulan Berlangganan bulanan lebih hemat dan bisa akses SEMUA KELAS PREMIUM yang ada di CodePolitan!
  •   Akses semua kelas premium CodePolitan
  •   Contoh Kode Aplikasi
  •   Sertifikat Online
  •   Forum Diskusi
  •   DVD Materi dan Software Pendukung
  •   Sticker CodePolitan
Gabung Premium Membership