Promo #CODINGDIRUMAH DISKON 55%, Termurah Sepanjang Sejarah CODEPOLITAN. Klaim Promo
background

Membuat Web Kuliner Menggunakan React.js

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

Pelajari Dahulu Ikuti Kelas Sekarang
Jenis Kelas

Berbayar

Level

beginner

Peserta Terdaftar

468

Jumlah Modul

42

Durasi Belajar

3 jam+

Membuat Web Kuliner Menggunakan React.js

Kelas Online
Membuat Web Kuliner Menggunakan React.js

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

IKUTI KELAS

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 Text
  3. Merancang Layout Website Text

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)

Final Project

Membuat web kuliner untuk mencari informasi tempat makan berdasarkan kota, kata kunci, atau kategori. Dibangun dengan React dan React Router.

Lihat Preview Proyek Akhir

Preview Program

image

Screenshot Materi

Screenshot Materi Kelas Online Membuat Web Kuliner Menggunakan React.js
Screenshot Materi Kelas Online Membuat Web Kuliner Menggunakan React.js
Screenshot Materi Kelas Online Membuat Web Kuliner Menggunakan React.js
Screenshot Materi Kelas Online Membuat Web Kuliner Menggunakan React.js

Bonus DVD Pembelajaran

Bonus DVD bagi yang bergabung dalam Program Belajar Kelas ini secara Penuh

DVD screenshot
DVD screenshot

Penyusun Materi Belajar

Penyusun materi belajar dalam program ini:

Bagus Aji Santoso, Content Creator
Bagus Aji Santoso
Instructor at CodePolitan
Bagus Budi Cahyono, Content Creator
Bagus Budi Cahyono
Developer at RebelWorks

Termurah Sepanjang Sejarah CODEPOLITAN!

Klaim Promo, DISKON 55%

Kode Kupon: CODINGDIRUMAH

Berlaku untuk semua paket belajar dan semua kelas online.

Biaya Investasi Belajar

Ikuti Kelas secara Penuh

Rp 390,000 Rp 295,000 Dengan bergabung dalam program belajar ini, kamu bisa mengakses kelas online Membuat Web Kuliner Menggunakan React.js ini secara penuh dan tanpa batas waktu. Kamu bisa akses kelas ini kapan pun kamu mau. Kamu akan mendapatkan semua materi belajarnya dan semua fasilitasnya, termasuk bila ada pembaharuan materi SELAMANYA!
  •   Materi kelas: Membuat Web Kuliner Menggunakan React.js
  •   Akses materi belajar selamanya
  •   Contoh Kode Aplikasi
  •   Forum Diskusi
  •   DVD Materi dan Software Pendukung
  •   Sticker CodePolitan
Beli Kelas Online secara Penuh

Membership Program

Kamu juga bisa mengakses kelas Membuat Web Kuliner Menggunakan React.js ini dengan bergabung dalam program Membership.

Dengan bergabung dalam program membership, kamu tidak hanya akan mendapatkan akses belajar untuk kelas Membuat Web Kuliner Menggunakan React.js saja, namun juga SEMUA KELAS PREMIUM CODEPOLITAN lainnya.

Satu kali bayar, akses semua materinya tanpa terkecuali! Lebih hemat!

Gabung Membership