Logo
© 2019 - 2026 SantriKoding.
GRATIS
FullStack JavaScript Developer dengan Express dan React
Pemula

FullStack JavaScript Developer dengan Express dan React

5.0 (162 ulasan)
3451 members
Gratis

TENTANG


Buku ini berjudul "FullStack JavaScript Developer dengan Express dan React" dan dibuat kusus untuk para developer pemula yang ingin menguasai skill FullStack JavaScript menggunakan dua teknologi paling populer di ekosistem JavaScript, yaitu Express dan React.

JavaScript telah menjadi bahasa pemrograman yang dominan dalam pengembangan aplikasi terutama web selama beberapa dekade terakhir. Dari pengembangan frontend, backend hingga multi platform.

Express adalah salah satu framework paling populer untuk Node.js saat ini, dengan Express kita bisa membangun sebuah backend service dengan performa yang cepat dan memiliki ukuran yang sangatkecil.

React merupakan library Javascript yang bersifat open source dan digunakan untuk membangun user interface dari sebuah website dengan interaktif. React telah menjadi salah satu library JavaScript paling populer untuk pengembangan frontend dalam beberapa tahun terakhir. Dan memiliki ekosistem serta komunitas yang paling banyak untuk saat ini.

Apa saja yang akan kita bahas di dalam buku ini ? berikut ini daftar lengkapnya.

  1. Fundamental JavaScript ES6
  2. Installasi Express
  3. Setup Prisma ORM
  4. JWT (JSON Web Token)
  5. Validators
  6. Restful API Authentication
  7. Restful API Users
  8. Installasi React
  9. Authentication
  10. Auth Context
  11. Fetching Data
  12. Routing
  13. CRUD Data Users

Semoga dengan adanya buku ini bisa menambah wawasan teman-teman yang ingin menjadi seorang FullStack JavaScript Developer.

Terima Kasih

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 itu Prisma ORM ?
Installasi dan Konfigurasi Prisma ORM
Membuat Schema Table
Membuat Helper Prisma Client
JWT (JSON Web Token)
Apa itu JWT (JSON Web Token) ?
Installasi dan Membuat Middleware
Validators
Installasi Express Validator
Membuat Helpers Validator
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
Installasi & Persiapan Frontend (React)
Membuat Project React (Vite)
Install Library Pendukung
Konfigurasi Endpoint API Backend
Integrasi dengan Bootstrap
Authentication
Membuat Auth Context
Membuat Views Auth dan Route
Membuat Proses Register
Membuat Proses Login
Halaman Dashboard
Membuat View Dashboard dan Route
Menampilkan User di Halaman Dashboard
Membuat Proses Logout
CRUD Data Users
Membuat View Users dan Route
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

Express Js
Express Js

Web Framework for Node.js

See More
React
React

A JavaScript library

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Homepage
Homepage
Halaman Register
Halaman Register
Halaman Login
Halaman Login

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

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

Maulana Latifnabil

I am a 6th semester student majoring in infor...

"Keren kak e-booknya, mudah dipahami"

Fiki Kurnia Robby

No bio available

"Terimakasih, materinya sangat mudah dipahami dan diimplementasikan."

Muhammad Ikhsan

Tech Enthusiast

"Materinya keren dan menarik"

"sangat bagus bagi pemula yang mempelajari task fullstack dengan materi yang bagus"

Alfino Dwi Rahmatullah

Tidak ada kata terlambat untuk belajar

"Materi yang diberikan mudah untuk dipahami, penjelasan di setiap modul sangat jelas, mulai dari ilmu dasarnya hingga implementasi ke code nya"

Mich Shu

Want to learn Fullstack Programming

"Mantappp, semua amann hanya perlu tambahan code yang dipakai mgkn code lama jadi masih rada rancu antara react.jsx sama html (class dalam jsx harus diganti className). Selebihnya terima kasih atas ilmunyaa. GBU :)"

Trian Radis Pengestu

No bio available

"terima kasih ilmu yang sangat bermanfaat"

Dedi Handoko

Saya kuliah dan bekerja di bidang IT khususny...

"Mudah dipelajari, trims"

"Materinya terstruktur dan mudah untuk di pahami"

IREZ ABDULLAH

Hai saya seorang pelajar yang tertarik dengan...

"Materi yang di tulis sangat bagus dan mudah untuk di pahami."

Aula Firdaus

Keep Growing

"Materinya sangat mudah dipahami, saya yang awalnya masih bingung mengenai konsep express dan react sekarang jadi lebih paham. materinya sangat friendly untuk pemula. terima kasih"

Naufal Zakariya

My ‘laziness’ drives the innovation. Speciali...

"Alhamdulillah terbantu memahami CRUD dengan techstack ini terimakasih atas ilmunya"

Fahmi Azzuhri Efki

No bio available

"walaupun materi ini diberikan secara cuma cuma (gratis), namun materi ini tidak kalah hebatnya dengan materi yang di berikan di bootcamp berbayar. terimakasih untuk penulis semoga di lancarkan rezeki nya dan diberikan kesehatan untuknya dan keluarga nya. aamiin"

Muhammad Nurfarhan

Fullstack Developer

"ilmu yang bermanfaat sekali"