Gratis

FullStack JavaScript Developer dengan Express dan React

5.0 (61 ulasan) 2003 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

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

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

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

ULASAN MEMBERS

Abraham Yusuf at SantriKoding

Never Stop Learning Always Be A Student


Mudah dipahami, menggunakan contoh sehari hari

Rafael Nuansa Ramadhon at SantriKoding

I am currently studying at Santri Koding as a step towa...


Mantapp sekali everybody

Mohammad Iksan arifki at SantriKoding

I am software engineering


Materi sangat bagus

Ahmada Itmamunnafi' at SantriKoding

I am an energetic junior software developer and technol...


Mantap, dari tahun 2021 sampai sekarang masih sering langganan dan buka platform santrikoding buat referensi belajar

Tito Candra at SantriKoding

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


Mantap. Materi mudah dipahami

Dedi Handoko at SantriKoding

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


Mudah dipelajari, trims


Materinya terstruktur dan mudah untuk di pahami


Materi mudah dipahami dan penjelasannya sangat bagus


sangat bagus untuk pemula dalam belajar fullstack app

Rais saputra at SantriKoding

Junior IT Web Dev


Sangat rapi dan enak di pahami materi nya...mantapss

kangtatang at SantriKoding

Hanya Kangtatang saja :D


Tutorial terbaik yang pernah saya ikuti. Materi dijelaskan secara baik dan mudah difahami. saya rasa untuk beginner juga tidak akan kesulitan untuk mengikuti course ini. terbaik


Terimakasih atas ilmunya ka ,mudah dipahami 🙏

Bagas Satrio at SantriKoding

Hai saya seorang Web Developer


Materi nya singkat, padat dan jelas


mantap... mudah dipahami. Semoga dapat update selalu

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


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

Bayani Adam Sasaki at SantriKoding

Junior FrontEnd Developer | UI/UX Design Enthusiast | S...


Materi dari Santri Koding memang mantep walaupun singkat tapi mudah banget dimengerti

Bayani Adam Sasaki at SantriKoding

Junior FrontEnd Developer | UI/UX Design Enthusiast | S...


Mantap

IREZ ABDULLAH at SantriKoding

Hai saya seorang pelajar yang tertarik dengan pemograma...


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

Rafli Setiawan at SantriKoding

Interest with Networking and Programing


Materinya bermanfaat


terima kasih ilmu yang sangat bermanfaat


Sangat bagus sekali & bisa dibaca berulang ulang


Sangat membantu sekali, terimakasih Mas. Materinya sangat mudah untuk diikuti bahkan buat pemula yang belum paham Express. Semoga lancar selalu~!


Materi sangat bagus Sangat mudah dimengerti


Materi ditulis dengan sederhana dan mudah dipahami, cocok untuk pemula


Saya suka yang gratisan.Materinya sangat bagus

Rizal Sihombing at SantriKoding

Jr. Web Developer


Materi sangat bagus, cocok untuk pemula yg ingin membuat fitur CRUD dasar dengan JWT. Namun penjelasannya kurang rinci untuk di perjelas lagi untuk setiap method dari library yg dipakai.

Arief GIS at SantriKoding

I Am Frontend and Backend Web Developer


Penjelasan Materinya Cukup Rinci dan Jelas Terutama dalam menjelaskan kepingan kode program.

Willy Pratama at SantriKoding

Frontend Web Developer


Keren, bagusnya ada tutor untuk hosting BE dan FEnya juga

Rizal Sofiana at SantriKoding

Fresh graduate


materinya bagus dan berkualitas

Moh. Nadira Fabyansyah at SantriKoding

Siswa Sekolah Menengah


Bagus sekali! Saya sangat senang dapat mengetahui lebih banyak Express sebagai backend dan juga React sebagai frontend, terimakasih karena telah menyediakan E-Book ini secara gratis!


mantap penjelasannya mudah dipahami


Alhamdulillah terbantu memahami CRUD dengan techstack ini terimakasih atas ilmunya

Agus Nurrochim at SantriKoding

Maju terus pantang mundur kendalikan sukses mu dan taqw...


terimakasih ilmunya

Muhammad Nurfarhan at SantriKoding

I'm Muhammad Nurfarhan from Pekalongan


ilmu yang bermanfaat sekali

Andre Alghifari at SantriKoding

Hi! i'm a junior web developer


Terimakasih bang Fika Ridaul atas ilmunya, sangat bermanfaat untuk menambah ilmu khususnya saya yang sedang mendalami JS framework React dan Express. Berkah, sehat selalu, dan sukses untuk bang Fika


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

Ifran Silalahi at SantriKoding

Fullstack Javascript


materi dan penjelasan dari ebook ini singkat dan jelas sehingga saya mudah paham.

Ata Amrullah at SantriKoding

I'm a student


Sangat baik penjelasannya disertai step kodingnya

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