Logo
© 2019 - 2026 SantriKoding.
All Levels

FullStack JavaScript Developer: Membangun Aplikasi Kasir (POS) Dengan Express dan React

4.9 (8 ulasan)
59 members
DISKON 50%
Rp. 700.000
Rp. 350.000

TENTANG


JavaScript adalah bahasa pemrograman yang sangat populer saat ini. Dengan JavaScript, kita dapat mengembangkan aplikasi multi-platform, termasuk untuk backend, frontend, mobile, dan desktop.

Di dalam ekosistem JavaScript, terdapat berbagai teknologi yang terkenal dan banyak digunakan, seperti Node.js, React, dan masih banyak lagi. Dengan menguasai semua teknologi ini, kita dapat menjadi seorang FullStack JavaScript Developer yang sangat dicari oleh industri saat ini.

Dalam buku ini, kita akan belajar bersama-sama bagaimana menjadi seorang FullStack JavaScript Developer dengan membangun sebuah aplikasi Kasir (POS - Point of Sales) menggunakan teknologi yang populer, yaitu:

  1. Express (Node.js) - Sebagai Backend.
  2. React - Sebagai Frontend.

Kita akan menggunakan Express untuk membangun layanan Restful API dengan performa yang sangat cepat. Dalam sesi ini, kita juga akan mempelajari banyak hal, seperti membuat migrasi dengan Prisma, implementasi JWT (JSON Web Token), middleware, upload file, dan masih banyak lagi.

Sementara itu, React akan kita gunakan untuk membangun halaman website yang sangat interaktif, cepat, dan dinamis. Di dalam React, kita akan belajar berbagai konsep, termasuk implementasi state management menggunakan Zustand, penggunaan React Router DOM untuk navigasi, membuat autentikasi, pencarian, fetching data, pagination, menampilkan grafik, serta switch theme (Light / Dark), dan masih banyak lagi.

Setelah aplikasi yang kita buat selesai, kita juga akan mempelajari cara mendeploy aplikasi ke server VPS. Di sini, kita akan belajar banyak hal, seperti setup VPS, upload GitHub, proses deploy aplikasi, reverse proxy menggunakan NGINX, manajemen proses dengan PM2, memberikan SSL (HTTPS), menghubungkan ke domain, dan masih banyak lagi.

Dengan mempelajari isi buku ini, diharapkan teman-teman dapat menjadi seorang FullStack JavaScript Developer yang handal dan dicari di industri serta perusahaan saat ini.


DEMO : https://express-react.my.id

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Fundamental ES6
JavaScript ES6
Variable
Default Parameter
Template String atau Literal
Arrow Function
Rest Parameter
Destructuring & Restructuring
Spread Operator
Array Map
Promise
Async Await
Installasi & Persiapan Backend (Express)
Persiapan dan Tools Pendukung
Membuat Project Express
Konfigurasi CORS dan Body Parser
Setup Prisma ORM (Database)
Apa iru Prisma ORM ?
Installasi dan Konfigurasi Prisma ORM
Membuat Schema Table dan Relationships
Membuat Helper Prisma Client
Membuat Seeder User
JWT (JSON Web Token)
Apa itu JWT (JSON Web Token) ?
Installasi dan Membuat Middleware
Validators
Installasi Express Validator
Membuat Helpers Validator
Membuat Middleware Handle Validation Errors
File Uploads
Installasi Multer
Membuat Middleware File Uploads
RESTful API Auth
Membuat Restful API Login
RESTful API Users
Membuat Restful API Get Data Users
Membuat Restful API Insert Data User
Membuat Resful API Get Data User By ID
Membuat Restful API Update Data User
Membuat Restful API Delete Data User
RESTful API Categories
Membuat Restful API Get Data Categories
Membuat Restful API Insert Data Category
Membuat Restful API Get Data Category By ID
Membuat Restful API Update Data Category
Membuat Restful API Delete Data Category
Membuat Restful API Get All Categories
RESTful API Products
Membuat Restful API Get Data Products
Membuat Restful API Insert Data Product
Membuat Restful API Get Data Product By ID
Membuat Restful API Update Data Product
Membuat Restful API Delete Data Product
Membuat Restful API Get Products By Category
Membuat Restful API Get Product By Barcode
RESTful API Customers
Membuat Restful API Get Data Customers
Membuat Restful API Insert Data Customer
Membuat Restful API Get Data Customer By ID
Membuat Restful API Update Data Customer
Membuat Restful API Delete Data Customer
Membuat Restful API Get All Customers
RESTful API Carts
Membuat Restful API Get Data Carts
Membuat Restful API Create Cart
Membuat Restful API Delete Cart
RESTful API Transactions
Membuat Restful API Create Transaction
Membuat Restful API Get Transaction By Invoice
RESTful API Sales
Membuat Restful API Filter Sales
Membuat Restful API Export Sales Excel
RESTful API Profits
Membuat Restful API Filter Profits
Membuat Restful API Export Profits Excel
RESTful API Dashboard
Membuat Restful API Dashboard
Installasi & Persiapan Frontend (React)
Membuat Project React (Vite)
Installasi Library Pendukung
Konfigurasi Endpoint API Backend
Integrasi Assets Template
State Management (Zustand)
Membuat Store User
Membuat Store Theme (Dark Mode)
Authentication
Membuat View dan Route Login
Membuat Proses Login
Halaman Dashboard
Membuat Layout Admin
Membuat View dan Route Dashboard
Menampilkan Statistik dan Grafik (Chart) Data Sales
Menampilkan Statistik dan Grafik (Chart) Data Profits
Menampilkan Grafik (Chart) Product Best Selling
Menampilkan Data Product Limit Stock
CRUD Data Categories
Membuat View dan Route Categories
Menampilkan Data Categories
Membuat Proses Create Data Category
Membuat Proses Edit Data Category
Membuat Proses Delete Data Category
CRUD Data Products
Membuat View dan Route Products
Menampilkan Data Products
Menampilkan Barcode Product
Membuat Proses Create Data Product
Membuat Proses Edit Data Product
Membuat Proses Delete Data Product
CRUD Data Customers
Membuat View dan Route Customers
Menampilkan Data Customers
Membuat Proses Create Data Customer
Membuat Proses Edit Data Customer
Membuat Proses Delete Data Customer
CRUD Data Users
Membuat View dan Route Users
Menampilkan Data Users
Membuat Proses Create Data User
Membuat Proses Edit Data User
Membuat Proses Delete Data User
Transactions
Membuat View dan Route Transactions
Menampilkan Data Products
Membuat Fitur Scan Barcode
Menampilkan Data Products By Category
Membuat Fitur Add to Cart
Menampilkan Data Carts
Membuat Fitur Hapus Cart
Membuat Proses Pembayaran
Membuat View dan Route Print
Report Sales
Membuat View dan Route Report Sales
Menampilkan Sales Berdasarkan Range Tanggal
Membuat Fitur Export Excel Data Sales
Report Profits
Membuat View dan Route Report Profits
Menampilkan Profits Berdasarkan Range Tanggal
Membuat Fitur Export Excel Data Profits
Deployment
Membeli VPS (Virtual Private Server)
Menghubungkan Domain ke Server VPS
Setup VPS
Upload Project Backend (Express) di GitHub
Deploy Express dengan PM2
Memasang SSL untuk Backend (Express)
Upload Project Frontend (React) di GitHub
Deploy React
Memasang SSL untuk Frontend (React)
Penutup
Source Code
Penutup

TOOLS

Tools yang digunakan dalam course ini

Node Js
Node Js

JavaScript Runtime

See More
Express Js
Express Js

Web Framework for Node.js

See More
React
React

JavaScript library

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Login Page
Login Page
Transactions
Transactions
Payment
Payment
Dashboard
Dashboard

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

Full-Stack Developer, Content Creator and CEO & Founder SantriKoding.com


ULASAN MEMBERS

Apa kata mereka tentang course ini

Muhamad Rizki Aditya

Fullstack Developer

"Terimakasih atas ilmunya. banyak ilmu baru yang sudah saya pelajari, semoga berkah bagi saya ilmu nya dan menjadi pahala bagi SantriKoding"

Panji Asmoro

Software Developer

"ebook fullstack javascript nodejs (express) dan reactjsnya sangat mudah dipahami sejauh ini, saya pelajari step by step dari awal - akhir (deploy) ke vps production . terima kasih santrikoding"

HERMAWAN

Saya seorang pemula ingin belajar node.js

"Kelasnya bagus, tutorialnya mudah dipahami dan tutor nya membantu sekali"

Arimbi Putri

Pengen Jadi Software Engineer

"Bagus dan terstruktur, buat pemula sangat rekomended. Thanks"

Destara Cipta P

No bio available

"Penjelasannya sangat detail dan mudah dipahami"

MUHAMMAD MALFIN

I am a Frontend Developer with a basic unders...

"Sangat bermanfaat"

Riki Hikmianto

No bio available

"Untuk yang baru belajar sudah sangat bagus materinya dan mudah untuk dikembangkan bagi yang self-learning, dan di bantu juga dengan komunitas belajarnya."

Butuh Bantuan?