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

17 members

DISKON 50%
Rp. 350.000 Rp. 700.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

DISUSUN OLEH

Fika Ridaul Maulayya

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

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

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

TOOLS

Node Js

JavaScript Runtime

Express Js

Web Framework for Node.js

React

JavaScript library

SCREENSHOTS


Login Page

Transactions

Payment

Dashboard

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus