Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack JavaScript Developer dengan Bun, Hono dan Vue
Pemula

FullStack JavaScript Developer dengan Bun, Hono dan Vue

5.0 (12 ulasan)
469 members
Gratis

TENTANG


Buku ini berjudul “FullStack JavaScript Developer dengan Bun, Hono, dan Vue” dan dibuat khusus untuk para developer pemula yang ingin menguasai skill FullStack JavaScript menggunakan dua teknologi modern dan ringan di ekosistem JavaScript, yaitu Bun dan Hono, serta dipadukan dengan Vue 3 untuk sisi frontend.

JavaScript kini telah menjadi bahasa pemrograman utama dalam dunia pengembangan aplikasi, baik untuk frontend, backend, maupun fullstack development. Dengan ekosistem yang luas dan komunitas yang sangat aktif, JavaScript memungkinkan kita membangun aplikasi lintas platform hanya dengan satu bahasa.

Bun adalah runtime modern yang super cepat untuk JavaScript, TypeScript, dan JSX. Dibangun dari nol menggunakan bahasa Zig, Bun menawarkan performa luar biasa, package manager bawaan, serta integrasi tooling lengkap seperti bundler, transpiler, dan test runner. Dengan Bun, pengembangan backend menjadi jauh lebih cepat dan efisien tanpa bergantung pada Node.js.

Hono adalah framework web minimalis dan berperforma tinggi yang dirancang khusus untuk bekerja di atas runtime modern seperti Bun, Cloudflare Workers, dan Deno. Dengan sintaks yang sederhana, ringan, dan mirip seperti Express, Hono sangat cocok digunakan untuk membangun RESTful API modern dengan dukungan middleware, validator, dan router yang fleksibel.

Sementara itu, Vue 3 menjadi framework frontend yang sangat populer dan efisien untuk membangun antarmuka pengguna yang interaktif dan component-based. Dikembangkan oleh Evan You, Vue 3 menawarkan arsitektur modern berbasis Composition API, performa lebih cepat, serta dukungan ekosistem yang kaya seperti Pinia, Vue Router, dan TanStack Vue Query. Dengan pendekatan deklaratif dan reaktif, Vue 3 memudahkan pengembang membangun aplikasi web yang bersih, modular, dan mudah di-maintain.

Apa saja yang akan kita bahas di dalam buku ini? Berikut daftar lengkapnya:

  1. Instalasi dan Konfigurasi Bun
  2. Membuat Project Backend dengan Hono
  3. Setup Prisma ORM
  4. JWT (JSON Web Token)
  5. Validators (Zod)
  6. Middleware
  7. RESTful API Authentication
  8. RESTful API Users
  9. Instalasi Vue 3 + Vite + TypeScript
  10. Implementasi Authentication di Frontend
  11. Fetching Data dengan Axios & TanStack Vue Query
  12. Routing dan Proteksi Halaman
  13. CRUD Data Users

Semoga dengan adanya buku ini, teman-teman bisa memperluas wawasan dan semakin percaya diri untuk menjadi seorang FullStack JavaScript Developer modern dengan Bun, Hono, dan Vue 3.

Terima kasih

DAFTAR ISI


Pendahuluan
Cover
Kata Pengantar
Lisensi
Tentang
Pengenalan
Apa itu Bun?
Apa itu Hono?
Apa itu TypeScript?
Apa itu Vue?
Prasyarat
Prasyarat Backend
Prasyarat Frontend
Installasi & Persiapan Backend
Installasi Bun
Membuat Project Backend (Hono)
Database (Prisma ORM)
Apa itu Prisma ORM?
Installasi dan Konfigurasi Prisma ORM
Membuat Schema Tabl
Membuat Helper Prisma Client
JWT (JSON Web Token)
Apa itu JWT?
Membuat Middleware JWT
Validations
Installasi Zod Validator
Membuat Helper Validation
Membuat Schema dan Type Validation Auth
Membuat Schema dan Type Validation User
Membuat Middleware Validation
RESTful API Auth
Membuat RESTful API untuk Register
Membuat RESTful API untuk Login
RESTful API Users
Membuat RESTful API Get Data Users
Membuat RESTful API Insert Data User
Membuat RESTful API Get Data User By ID
Membuat RESTful API Update Data User
Membuat RESTful API Delete Data User
Konfigurasi CORS
Installasi & Persiapan Frontend (Vue)
Membuat Project Vue (TypeScript)
Install Library Pendukung
Konfigurasi Endpoint API Backend
Integrasi Bootstrap
TanStack Query
Apa itu TanStack Query ?
Install dan Konfigurasi TanStack Query
Composable Auth
Membuat Composable Register (Mutation)
Membuat Composable Login (Mutation)
Membuat Composable Auth User
Membuat Custom Hook Logout
Authentication
Membuat View dan Route untuk Auth
Membuat Proses Register
Membuat Proses Login
Halaman Dashboard
Membuat View dan Route untuk Dashboard
Menampilkan User di Halaman Dashboard
Membuat Proses Logout
Composable User
Membuat Composable Users (Query)
Membuat Composable User Create (Mutation)
Membuat Composable User By Id (Query)
Membuat Composable User Update (Mutation)
Membuat Composable User Delete (Mutation)
CRUD Data Users
Menampilkan List Data Users
Membuat Proses Create Data User
Membuat Proses Edit dan Update Data User
Membuat Proses Delete Data User
Penutup
Donasi
Promosi
Penutup

TOOLS

Tools yang digunakan dalam course ini

Bun
Bun

JavaScript all-in-one toolkit

See More
Hono
Hono

Web application framework.

See More
Vue Js
Vue Js

The Progressive JavaScript Framework

See More
TypeScript
TypeScript

strongly typed programming language

See More
Vue Query
Vue Query

Hooks for fetching and caching.

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Home
Home
Users Index
Users Index
Login
Login

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Private Group Member

Update Materi

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

Sapto Utomo

Fullstack Developer

"Sangat bermanfaat sekali, hingga saya mendapatkan ilmu yang baru, semoga ilmunya berkah dan bermanfaat"

Ranger Biru

Learn How to code

"materinya mudah dipahami"

Zero F

https://github.com/zerofinding

"Jazakallahu khairan wa barakallahu fiik (Semoga Allah membalas kebaikanmu dan memberkahimu) Masya Allah, la quwwata illa billah (Sungguh atas kehendak Allah, semua ini terwujud)"

Rendi Julianto

Freelance : 082129632854

"Mudah dipahamiii"

"Terima kasih banyak 🙏🏿. Semoga karena memberi ilmu semua admin santrikoding dipermudah urusannya baik di dunia maupun akhirat"

Irfan Alkhotiri

Baru Belajar Laravel API dan Vue Js

"Mantap"

Ifnu Umar

Back-End Developer Web

"Pembelajarannya disusun rapi dan mudah dipahami. Kodenya yang diberikan juga dijelaskan semuanya sehingga mudah sekali dipahami untuk orang yang belajar mandiri sangat worth it"

Faiz Rahmadani

Software Engineer

"superrrr materinyaa mantapppp"