Belajar Membangun Aplikasi Studi Kasus Directory Listing App

Belajar Membangun Aplikasi Studi Kasus Directory Listing App

Panduan untuk mempelajari membangun aplikasi studi kasus directory listing app

BEGINNER10 penilaian70 peserta

Tentang Kelas

Panduan untuk mempelajari membangun aplikasi studi kasus directory listing app

Target dan Sasaran Siswa

  • Kelas ditujukan bagi mereka yang tertarik untuk mempelajari membangun aplikasi studi kasus directory listing app
  • Siswa harus bisa belajar mandiri. Karena pada kelas ini siswa harus mengatur jadwal belajarnya sendiri.

Tujuan Umum dan Khusus Pelatihan

  • Di akhir kelas, siswa dapat memahami Panduan untuk mempelajari membangun aplikasi studi kasus directory listing app

Silabus

  • Memahami Panduan untuk mempelajari membangun aplikasi studi kasus directory listing app

Metode Ajar Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya

Fasilitas Pengajaran

  • Materi disediakan berupa video
  • Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
  • Sertifikat kelulusan

Peralatan Belajar Siswa

  • Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
  • Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
  • Software: Browser (tidak ada prefrensi khusus)

Daftar Materi

Pengenalan Dan Persiapan Project Bestpoint05:53
Membuat Model Place Dan Contoh Datanya06:34
Menyiapkan Data Dummy Dengan Seeds03:30
Membuat Halaman Index Untuk Model Places Dan Menapilkan Datanya02:48
Membuat Halaman Show Model Place Dan Menampilkan Data Detailnya03:56
Membuat Halaman Create Dan Menyimpan Data Place Di Db06:12
Membuat Halaman Edit Place Dan Mengubah Datanya07:11
Membuat Fungsi Delete Dan Menghapus Data Place03:57

Layouting Lebih Mudah Dengan Ejs-Mate06:47
Setup Bootstrap Css Agar Tampilan Lebih Menarik04:25
Menambahkan Navigasi Secara Terpisah06:07
Implementasi Flex Di Bootstrap05:32
Memanfaatkan Api Unsplash Untuk Tampilkan Gambar05:24
Mempercantik Halaman Index Place05:02
Percantik Halaman Create Place & Input Image05:35
Percantik Halaman Form Edit Place03:05
Mempercantik Halaman Show Place05:36

Membuat Validasi Input Client Side06:13
Membuat Middleware Generic Error04:20
Membuat Error Handler Untuk Mengatasi Error Async04:04
Membuat Error Handler Generic Beserta Tampilannya06:22
Membuat Validasi Input Di Server Side08:50
Membuat Middleware Untuk Validasi Inputan06:05

Membuat Model Review Beserta Relasinya03:36
Membuat Form Untuk Review04:17
Menyimpan Data Review Dengan Relasinya06:55
Membuat Validasi Data Review07:14
Menampilkan Data Review Di Halaman Show Place03:48
Menghapus Data Review Beserta Relasinya06:29
Menghapus Data Parent Place Beserta Data Child Review04:23

Memisahkan Route Milik Modul Place04:46
Memisahkan Route Untuk Modul Review06:46
Membuat Folder Static Untuk Asset03:58
Setup Session Untuk Flash Message Dan Auth Nanti04:09
Implementasi Flash Session Untuk Notifikasi06:02
Menampilkan Flash Message Success Dengan Alert06:14
Membuat Middleware Validasi Id Untuk Findbyid06:17
Menampilkan Flash Message Untuk Error Data Tidak Ditemukan03:50

Mengenal Library Passportjs Untuk Proses Auth05:56
Setup Passport Local Dan Demo Register09:08
Membuat Route Halaman Dan Form Register05:59
Membuat Fungsi Register03:28
Membuat Halaman Login Beserta Fungsinya06:33
Membuat Middleware Cek User Sudah Login Atau Belum06:13
Membuat Link Untuk Login Register Dan Fungsi Logout05:47
Membuat Helper Untuk Mendapatkan Data User Setelah Login05:02
Membuat Flow Auto Login Setelah Register03:36

Menambahkan Author Atau Pemiliki Data Place05:40
Menampilkan Tombol Edit Dan Delete Sesuai Pemilik Data03:42
Membuat Validasi Permission Dari Sebuah Data04:03
Membuat Middleware Untuk Cek Permission05:03
Menambahkan Author Atau Pemiliki Data Review05:03
Membuat Validasi User Dan Permission Untuk Review07:33

Memisahkan Logic Dan Route Dengan Controller07:16
Memisahkan Logic Dan Route Review Juga Auth06:21
Tips Meringkas Route Dengan Baik04:39
Memisahkan Validasi Input Dengan Middleware04:49
Menampilkan Nilai Rating Dengan Bintang05:12
Mengubah Inputan Range Dengan Bintang04:15

Setup Multer Middleware Untuk Bisa Upload File05:21
Cara Mendapatkan Data File Dan Lanjut Upload05:35
Upload Gambar Dan Simpan Di Database07:27
Menampilkan Gambar Dengan Carousel Bootstrap06:28
Cara Update Data Place Beserta Gambarnya07:37
Menghapus Data Place Beserta Gambarnya03:33
Membuat Checkbox Hapus Beberapa Gambar07:54
Proses Hapus Beberapa Gambar Di Backendnya06:23
Memperbaiki Gambar Di Index Place Dan Data Seeder04:30

Registrasi Akun Here Maps08:21
Membuat Helper Utils Here Maps08:45
Menyimpan Data Geojson Dari Place Di Mongodb10:18
Menampilkan Media Peta Di Halaman Show Place06:21
Menampilkan Titik Lokasi Place Dengan Map Yg Interaktif06:18
Menambahkan Info Bubble Pada Titik Lokasi06:03
Bugfix Gambar Pada Index Place Dan Show Juga Perbaikan Data Seed07:04
Implementasi Update Data Location Dan Geometry Pada Data Place02:51

Menambahkan Peta Klaster Dari Data Place10:38
Membuat Landing Page Untuk Halaman Home Project09:38
Penyusun Materi

Prev
Next
Ahmad Hakim
Ahmad Hakim

Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL

Testimoni Oleh Siswa

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
4.4

(10 reviews)

5 Bintang
80%
4 Bintang
10%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Fazir
Fazir
Materi yang disampaikan oleh mentornya sangat mudah dipahamai dan sangat memuaskan, sangat cocok dengan saya sebagai pemula
Dewantoro
Dewantoro
Keren mantap materi nya, penjelasan sangat mudah dipahami dan daging semua. Terima kasih banyak untuk mentor sudah berbagi ilmu yang bermanfaat. sukses terus untuk codepolitan.
Bagus Budi Satoto
Bagus Budi Satoto
Saya yakin bahwa sertifikat ini akan membuka banyak peluang baru bagi Anda. Ini menunjukkan kepada pemberi kerja dan rekan kerja bahwa Anda memiliki keterampilan dan pengetahuan yang diperlukan untuk membangun aplikasi web menggunakan React.js.
Bagus Budi Satoto
Bagus Budi Satoto
Saya telah menyelesaikan kelas Belajar Membangun Aplikasi Studi Kasus Directory Listing App dalam program Kelas Online CodePolitan. Kelas ini sangat bermanfaat bagi saya, terutama bagi pemula yang ingin belajar membangun aplikasi web menggunakan React.js. Kelas ini memiliki materi yang lengkap dan terstruktur. Materi disampaikan dengan jelas dan mudah dipahami, baik secara teori maupun praktik. Video tutorial yang disediakan juga sangat berkualitas dan mudah diikuti. Secara umum, kelas ini memiliki kelebihan-kelebihan sebagai berikut: Materi yang lengkap dan terstruktur Penyampaian materi yang jelas dan mudah dipahami Video tutorial yang berkualitas dan mudah diikuti Forum tanya jawab yang aktif dan responsif Sertifikat kelulusan Berikut adalah beberapa hal yang saya sukai dari kelas ini: Kelas ini menggunakan studi kasus yang relevan dengan dunia nyata, yaitu aplikasi Directory Listing App. Studi kasus ini membantu saya untuk memahami konsep-konsep dasar React.js dengan lebih mudah. Kelas ini juga memberikan banyak latihan praktik. Latihan praktik ini membantu saya untuk mengasah keterampilan saya dalam membangun aplikasi React.js. Forum tanya jawab yang aktif dan responsif sangat membantu saya ketika mengalami kesulitan dalam memahami materi. Tim support CodePolitan juga sangat responsif dalam menjawab pertanyaan-pertanyaan saya. Secara keseluruhan, saya sangat puas dengan kelas Belajar Membangun Aplikasi Studi Kasus Directory Listing App. Kelas ini sangat bermanfaat bagi saya untuk mempelajari React.js. Saya juga merekomendasikan kelas ini bagi siapa saja yang ingin belajar membangun aplikasi web menggunakan React.js. Berikut adalah beberapa saran untuk perbaikan kelas ini: Kelas ini bisa menambahkan materi tentang unit testing. Unit testing sangat penting untuk memastikan kualitas aplikasi yang dibangun. Kelas ini juga bisa menambahkan materi tentang deployment aplikasi. Deployment aplikasi adalah proses membawa aplikasi ke produksi. Saya berharap saran-saran saya dapat dipertimbangkan oleh CodePolitan untuk meningkatkan kualitas kelas ini.
Vilisia Ludmilla Piranda
Vilisia Ludmilla Piranda
Informatif
Rian Priansyah
Rian Priansyah
Mudah dipahami
ZAINAL ARIFIN
ZAINAL ARIFIN
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!
Muhammad Fakhry Burhanuddin
Muhammad Fakhry Burhanuddin
Materinya mantap. Mentornya keren. Materinya mantap. Mentornya keren. Materinya mantap. Mentornya keren.
Agus Sunaryo
Agus Sunaryo
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula! , mantap, recomended
Agus Sunaryo
Agus Sunaryo
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula! , mantap, recomended
Komentar tidak ditemukan
...
Lihat Rekaman
Rp. 249,000
Beli sekali akses selamanya
Beli Sekarang
Rp. 99,000
Sewa kelas dan akses selama 1 bulan
Sewa Sekarang
Yang akan kamu dapatkan :
79 Modul
5 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next