Belajar Membangun Aplikasi Studi Kasus Directory Listing App Dengan Express Js

Panduan untuk mempelajari membangun aplikasi studi kasus directory listing app

BEGINNER19 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

(19 reviews)

5 Bintang
84%
4 Bintang
5%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Alfonso Lai
Alfonso Lai
Achmad Taufiq Hidayat
Achmad Taufiq Hidayat
mudah dipahami dan asik belajarnya . pokoknya mantap
Jonni Jonni
Jonni Jonni
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!
Maya Novizasari
Maya Novizasari
Materi yang disampaikan oleh mentor mudah dipahami dan dimengerti cocok untuk saya sebagai pemula untuk belajar.
Maulana Fikri Ash-Shidiq
Maulana Fikri Ash-Shidiq
Materi yang disampaikan cukup detail, secara keseluruhan sudah baik. Saran buat kelas belajar NextJS.
Sidik Prasetyo
Sidik Prasetyo
Materi yang disampaikan oleh mentornya mudah untuk dipahami bagi saya yang masih pemula dan sangat bagus sekali
Ratino
Ratino
Materi yang disampikan cukup mudah dimengerti dengan penjelasan detail yang sangat baik terhadap materi yang disampikan
Haris N
Haris N
terimakasi kak iam, pala saya mau meledak wkwkw.jalan terjal dan berat utk menjadi javascript fullstack developer
Mukhamad Aziz Firmansyah
Mukhamad Aziz Firmansyah
sangat mudah dimengerti, bisa jadi projek, kalau bisa ditunggu juga update ke react-nya, hehehe, mantap!
Fazir
Fazir
Materi yang disampaikan oleh mentornya sangat mudah dipahamai dan sangat memuaskan, sangat cocok dengan saya sebagai pemula
;
...
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