Transcript for:
Kuliah Real JS dan Integrasi Epic

hai oke Assalamu'alaikum warahmatullahi wabarokatuh Kembali lagi bersama saya Muhammad afifuddin di Wahid have Academy Hai Pada kesempatan kali ini kita akan belajar tentang Real JS Hai yang indek yang berintegrasi dengan Epic dengan studi kasus yaitu aplikasi kasir atau kasir efs nah Disini saya akan sedikit menemukan aplikasi kasirnya nah seperti temen-temen lihat di sini ada daftar produk ya Jadi ada produk makanan Hai kemudian ada minuman dan cemilan nah disini si kasir bisa memilih kategorinya mau minuman mau cemilan atau makanan nah ketika Si kasir ada pelanggan yang ingin memesan tinggal klik ya Sesuai yang eh pelanggannya ingin pesan tersebut misal ini sate ayam tinggal klik sate ayam maka sukses masuk ranjang sate ayamnya langsung kedetek di sini dengan total harga juga ke-detect di sini setelah itu misal dia pesen lagi minuman khas coffee latte juga ke update Disini di Denpasar lagi nasi goreng nasi goreng yang kita pesen misal satu kali lagi otomatis ke update2 secara realtime disini setelah itu si kasir tidak bisa mengedit pesanannya misal sate ayam di sini mau kita edit tambah jadi 2 kemudian kita kasih keterangan misal semuanya pedas Hai Jaan simpan Nah otomatis update semuanya dua dengan totalnya juga terupdate eh kasih juga bisa menghapus di sini misal coffee latte akan dihapus oleh kasir silakan bisa dihapus otomatis terhapus nah disini pakai databasenya yaitu json-server ya Nah nanti saya akan jelaskan saya lanjutkan dulu di sini ketika selesai semuanya sudah selesai dia Pesen sate ayam dua dan nasi goreng telur dua biar us klik bayar ya si kasir maka sukses pesan Terima kasih sudah memesan ya kita klik kembali disini dan bersih kembali nah disini semua data yang ada di kita pesan itu dia masuk ke Jason server ya ini adalah V KPI kalau teman-teman mau belajar front-end tapi belum belajar be'en ini adalah cocok sekali pakai json-server yang tadi pesanan yang itu tadi udah tersimpan ya semuanya yang ada di sini jadi tadi kita Pesen sate ayam dan nasi goreng telur dan sudah tersimpan ke update di sini ya Jadi ini enggak sementara bener-bener ke simpan di database Nah databasenya itu Pak Edison nah ini cast disini ya kita lihat di sini Jason yang tadi ada kategori ada produk dan ada satu lagi pesanan dan ada keranjang-keranjang ya karena kosong maka dia disini kosong are gosong Nah kalau bisa disini nih Ini keranjangnya masih kosong TK si pemesan ini mau mesan Hai si kasir ini mau nambah misal bakso di sini ya hai ketika kita reload disini otomatis ke update nih bakso hai ketika di sini kasih keterangan Hai bakso kosongan ketika kita simpan Ayo kita cek di sini maka update keterangannya bakso kosongan jadi kayak gitu ya fb-nya Nah kita akan sedikit menengok Eh codingannya nah tekek yang kita akan pelajari yaitu pakai font-awesome kita pakai axios untuk akses fb-nya jembatan akses sp-nya kemudian kita pakai bootstrap Hai dan sweetalert Hai sweetalert nya untuk ini misal mie goreng nah ini pakai sweetalert Oke kemudian eh Hai untuk codingnya di sini kita pakai rute domya saya puter dong ya jangan lupa disini reaktor dong kita akan begini menjadi dua folder yaitu komponen peggies dan biotyll komponen teknis dan yu'til Oke Mungkin itu saja ini sekilas codingan kau dengannya seakan buka sedikit-sedikit dan untuk lebih lengkapnya silahkan nanti belajar ya di flash tirev dengan reaksi SMP ini Oke terima kasih selamat belajar wassalamu'alaikum warahmatullahi wabarakatuh