Fullstack Tutorial MongoDB, Express, Vue, Node - Shopping Cart
Belajar JavaScript secara Full-stack dengan MongoDB, Express.js, Vue.js dan Node.js. Dikemas dengan studi kasus Shopping Cart supaya belajar kamu lebih terarah dan mudah dipahami.
Tentang Kelas
JavaScript merupakan teknologi yang berkembang dengan cepat. Sampai dengan sekarang JavaScript gak cuma dipake di sisi browser atau frontend, tapi mampu juga untuk mengatasi data di sisi server atau backend. Di seri tutorial kali ini kita akan membahas teknologi JavaScript mulai dari frontend menggunakan Vue.js dan bagian backend menggunakan Express.js. Database yang digunakan pun adalah MongoDB jadi akan lebih cocok dengan teknologi yang mulai booming digunakan atau disingkat dengan MEVN Stack.
Dengan studi kasus shopping cart diharapkan teman-teman lebih mudah untuk memahami dan sebagai contoh untuk project selanjutnya. Selamat belajar
Daftar Materi
| Jago Fullstack MEVN dengan Studi Kasus Shopping Cart | 02:46 | |
| Persiapan Software Yang Dibutuhkan | 02:16 | |
| Installasi Vue Cli Dan Project | 04:54 | |
| Membuat Halaman Yang Dibutuhkan Vuestore | 11:00 | |
| Menampilkan Data Product Dari JSON | 11:42 | |
| Menampilkan Data Produk Berdasarkan Id | 10:37 | |
| Menampilkan Data Produk Di Shopping Cart | 07:49 | |
| Menambahkan Navbar | 06:15 | |
| Memberikan Halaman Error 404 | 05:37 | |
| Membuat Reusable Component dan Props | 10:37 | |
| MEVN Shopping Cart - 01 Menyiapkan Project Backend MEVN | 12:29 | |
| Membuat Config dan Model Product | 08:23 | |
| Menambahkan Data Dummy di MongoDB | 02:49 | |
| Menampilkan Data Products melalu API | 07:30 | |
| Menampilkan Data Order dan Productnya | 10:41 | |
| Menambahkan Item Product pada Orders | 08:50 | |
| Menghapus Data Cart Items pada Collection Orders | 04:17 | |
| Menambahkan Path URL untuk Memanggil File gambar | 04:38 | |
| Membuat Endpoint untuk Mendapatkan Satu Data Product | 02:28 | |
| Menampilkan Data Produk dari Server | 08:20 | |
| Menampilkan Detail Produk dari Server | 05:24 | |
| Menampilkan Data Orders Shopping Cart | 07:54 | |
| Menambahkan Product Baru dalam Order | 07:36 | |
| Menghapus Product dari Order | 10:05 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(32 reviews)
Rakasiwi Surya
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula
Michael Ariestian
Sangat baik, jadi bisa deh buat project simple menggunakna MEVN, terimakasih kak hakim, ilmunya sangat bermanfaat
Alfonso Lai
Mantap!
Muhammad Rakha Djauhari
materi nya ada yang di skip, seharusnya di jelaskan juga biar orang awam pada tau dan sedikit teliti lagi jika membuat video penjelasan tolong jangan sampai ada membuat kesalahan maka jadi orang susah memahami nya
Hanif Rosidi
Materi sangat cocok bagi pemula , tetap jangan lupa baca dokumentasi library & framework :) untuk membuat suatu project yang kompleks
Mochammad Gamal
Materi yang disampaikan oleh mentornya mudah dimengerti dan cocok untuk saya belajar sebagai pemula!
asnyahya
Mantap sekali materi bisa dipahami dengan cukup baik untuk saya sebagai pemula mantap mantap mantap!Lukmanul Hakim
Alhamdulillah yang telah menyelesaikan kelas Fullstack Tutorial MongoDB, Express, Vue, Node - Shopping Cart dalam program Kelas Online CODEPOLITAN.Dion Andriyono
berkat materi yang dijelaskan oleh pemateri saya dapat memahami tehnologi mevn dengan penjelasan yang mudah dipahami oleh pemula dan terimakasih campuscoder dan codepolitan yang telah memberikan pelajaran gratis kepada seluruh masyarakat indonesia, terutama kepada saya
Ramdhan Nassyirah
Kontennya menarik