Gratis

FullStack JavaScript Developer dengan Express dan React

5.0 (104 ulasan) 2841 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

Express Js

Web Framework for Node.js

React

A JavaScript library

SCREENSHOTS


Homepage

Halaman Register

Halaman Login

BENEFITS


Ebook

Souce Code

Private Group Member

Update Materi

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Fika Ridaul Maulayya

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

ULASAN MEMBERS


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

Alfino Dwi Rahmatullah at SantriKoding

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 at SantriKoding

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 :)


terima kasih ilmu yang sangat bermanfaat

Dedi Handoko at SantriKoding

Saya kuliah dan bekerja di bidang IT khususnya pengemba...


Mudah dipelajari, trims


Materinya terstruktur dan mudah untuk di pahami

IREZ ABDULLAH at SantriKoding

Hai saya seorang pelajar yang tertarik dengan pemograma...


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

Aula Firdaus at SantriKoding

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


Alhamdulillah terbantu memahami CRUD dengan techstack ini terimakasih atas ilmunya


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 at SantriKoding

I'm Muhammad Nurfarhan from Pekalongan


ilmu yang bermanfaat sekali


kelasnya sangat berguna dan sangat jelas untuk penjelasannya saya lebih mengerti tentang react dan express terimakasih santricoding

Tito Candra at SantriKoding

Saya Web Developer/Fullstack Developer Dari Surabaya/Si...


Mantap. Materi mudah dipahami


Materi ditulis dengan sederhana dan mudah dipahami, cocok untuk pemula