Membangun Website & Aplikasi Desa Dengan Laravel, React.js dan React Native

Buku yang akan menuntunmu menjadi seorang FullStack Developer dengan studi kasus membangun website dan aplikasi desa dari 0 sampai online (Release Play Store) menggunakan Laravel, React.js dan React Native.

Belajar Membuat Aplikasi Desa Dari Nol Dengan Laravel, React.js dan React Native !!!

FullStack Developer merupakan salah satu profesi yang sangat menjanjikan, dengan menjadi seorang Full-Stack tentu saja banyak sekali tawaran kerja dengan gaji yang sangat tinggi. Salah satu skill yang harus dikuasai untuk bisa menjadi seorang Full-Stack adalah Back-End, Front-End dan Mobile Developer.

Pada buku ini kita akan mempelajari ketiga hal tersebut agar bisa menjadi seorang Full-Stack Developer.

LIHAT DAFTAR ISI MATERI

DEMO STUDI KASUS

DEMO LIVE PROJECT

Demo Restful API (Laravel) https://desa-api.appdev.my.id/
Demo Admin (React.js) https://desa.appdev.my.id/login
Demo Web (React.js) https://desa.appdev.my.id/
Demo Aplikasi (Android) Install Apps dari PlayStore

Menjadi FullStack Developer?

Kenapa Tidak!!!

Laravel adalah jawaban untuk bisa menjadi seorang Back-End Developer karena banyak sekali Industri ataupun StartUp menggunakan Laravel di dalam product mereka. Salah satunya karena dukungan komunitas yang besar dan sumber pengembangan yang sangat aktif.

React.js merupakan salah satu pilihan para Front-End Developer dalam mengembangkan website dengan moderen dan reactive secara lebih mudah. Karena banyak sekali Industri dan juga StartUp menggunakan React.js untuk membangun beberapa produknya.

React Native merupakan library JavaScript yang digunakan untuk membangun aplikasi mobile baik itu Android ataupun iOS hanya dengan satu kode base. React Native sangat populer dan digunakan oleh beberapa perusahaan besar, seperti Facebook, Instagram, Microsoft Office, Tesla dan masih banyak lagi.

Dengan buku ini kita akan dituntun menjadi seorang FullStack Developer menggunakan Laravel, React.js dan React Native dengan studi kasus langsung membangun sebuah website dan aplikasi desa mulai dari 0 sampai proses deployment ke online.

Benefit Yang di Dapatkan

Ebook (PDF & Web Version)
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Update Materi
Kupon Diskon Hosting
Sertifikat
Akses Selamanya
Real Studi Kasus

Materi Yang di Pelajari

Di dalam buku ini kita bersama-sama akan belajar menjadi seorang Full-Stack Developer dari 0 dengan cara membangun sebuah website dan aplikasi Desa menggunakan Laravel, React.js dan React Native.

Dalam buku ini juga akan membahas konsep implementasi RBAC (Role-based access control) atau Roles & Permissions di dalam React.js

Setelah website dan aplikasi Desa selesai kita buat, langkah selanjutnya adalah melakukan proses deployment atau proses meng-online-kan projectnya di Internet. Untuk Laravel dan React.js akan kita deploy di cPanel, sedangkan untuk aplikasi Android kita akan upload ke Play Store.

Daftar Isi

    Pendahuluan
  • Cover
  • Kata Pengantar
  • Lisensi
  • Tentang
    Perancangan
  • Diagram Alur Webiste dan Aplikasi
  • Struktur Table dan Relasi Database (ERD)
  • Wireframe Aplikasi Android
    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
  • Persiapan dan Tools Pendukung
  • Membuat Project Laravel Menggunakan Composer
    Installasi Roles & Permissions
  • Apa itu Laravel Spatie Permissions ?
  • Installasi dan konfigurasi Roles & Permissions
    Installasi JWT (JSON Web Token)
  • Apa itu JWT?
  • Installasi dan Konfigurasi JWT
    Database
  • Konfigurasi Koneksi Database
  • Membuat Models dan Migrations
  • Relasi Database Menggunakan Eloquent Relationships
  • Eloquent Accessor, Mutator dan Casting
  • Membuat Seeder Roles
  • Membuat Seeder Permissions
  • Membuat Seeder User
  • Menjalankan Migration dan Seeding
    Restful API Admin
  • Membuat RESTful API Login
  • Membuat RESTful API Dashboard
  • Membuat RESTful API Permissions
  • Membuat RESTful API CRUD Roles
  • Membuat RESTful API CRUD Users
  • Membuat RESTful API CRUD Categories
  • Membuat RESTful API CRUD Posts
  • Membuat RESTful API CRUD Products
  • Membuat RESTful API CRUD Pages
  • Membuat RESTful API CRUD Photos
  • Membuat RESTful API CRUD Sliders
  • Membuat RESTful API CRUD Aparaturs
    Restful API Public
  • Membuat RESTful API Posts Public
  • Membuat RESTful API Products Public
  • Membuat RESTful API Pages Public
  • Membuat RESTful API Aparaturs Public
  • Membuat RESTful API Photos Public
  • Membuat RESTful API Sliders Public
    Deployment (Backend)
  • Deploy Backend Laravel di cPanel (Shared Hosting)
    Installasi & Persiapan Frontend
  • Membuat Project React.js (Vite)
  • Hapus File yang Tidak Dibutuhkan
  • Install Library Pendukung
  • Konfigurasi Endpoint API Backend
  • Integrasi Assets Template
    Authentication
  • Konfigurasi Route Login
  • Membuat Proses Login
  • Membuat Halaman Forbidden
    Halaman Dashboard
  • Membuat Layout Admin
  • Konfigurasi Private Route
  • Konfigurasi Route Dashboard
  • Menampilkan Statistik Data di Dashboard
    Halaman Permissions
  • Membuat Component Pagination
  • Konfigurasi Route Permissions
  • Menampilkan Data Permissions
    CRUD Data Roles
  • konfigurasi Route Roles Index
  • Menampilkan Data Roles
  • Konfigurasi Route Role Create
  • Membuat Proses Create Data Role
  • Konfigurasi Route Role Edit
  • Membuat Proses Edit Data Role
  • Membuat Proses Delete Data Role
    CRUD Data Users
  • Konfigurasi Route Users Index
  • Menampilkan Data Users
  • Konfigurasi Route User Create
  • Membuat Proses Create Data Users
  • Konfigurasi Route User Edit
  • Membuat Proses Edit Data User
  • Membuat Proses Delete Data User
    CRUD Data Categories
  • Konfigurasi Route Categories Index
  • Menampilkan Data Categories
  • Konfigurasi Route Category Create
  • Membuat Proses Create Data Category
  • konfigurasi Route Category Edit
  • Membuat Proses Edit Data Category
  • Membuat Proses Delete Data Category
    CRUD Data Posts
  • Konfigurasi Route Posts Index
  • Menampilkan Data Posts
  • Konfigurasi Route Post Create
  • Membuat Proses Create Data Post
  • Konfigurasi Route Post Edit
  • Membuat Proses Edit Data Post
  • Membuat Proses Delete Data Post
    CRUD Data Pages
  • Konfigurasi Route Pages Index
  • Menampilkan Data Pages
  • Konfigurasi Route Page Create
  • Membuat Proses Create Data Page
  • Konfigurasi Route Page Edit
  • Membuat Proses Edit Data Page
  • Membuat Proses Delete Data Page
    CRUD Data Products
  • Konfigurasi Route Products Index
  • Menampilkan Data Products
  • Konfigurasi Route Product Create
  • Membuat Proses Create Data Product
  • Konfigurasi Route Product Edit
  • Membuat Proses Edit Data Product
  • Membuat Proses Delete Data Product
    CRUD Data Photos
  • Konfigurasi Route Photos Index
  • Menampilkan Data Photos
  • Membuat Proses Upload Gambar Photo
  • Membuat Proses Delete Data Photo
    CRUD Data Sliders
  • Konfigurasi Route Sliders Index
  • Menampilkan Data Sliders
  • Membuat Proses Upload Gambar Slider
  • Membuat Proses Delete Data Slider
    CRUD Data Aparaturs
  • Konfigurasi Route Aparaturs Index
  • Menampilkan Data Aparaturs
  • Konfigurasi Route Aparatur Create
  • Membuat Proses Create Data Aparatur
  • Konfigurasi Route Aparatur Edit
  • Membuat Proses Edit Data Aparatur
  • Membuat Proses Delete Data Aparatur
    Layouts Web
  • Membuat Component Navbar dan Footer Web
  • Membuat Component Alert Empty dan Component Loading
  • Membuat Component Sliders
  • Membuat Layout Web
    Halaman Homepage Web
  • Konfigurasi Route Home Web
  • Menampilkan Sliders di Halaman Home
  • Menampilkan Data Products di Home
  • Menampilkan Data Posts di Home
    Halaman Aparaturs Web
  • Konfigurasi Route Aparaturs Web
  • Menampilkan Data Aparaturs Web
    Halaman Pages Web
  • Konfigurasi Route Pages Web Index
  • Menampilkan Data Pages Web
  • Konfigurasi Route Pages Detail Web
  • Menampilkan Detail Data Pages Web
    Halaman Photos Web
  • Konfigurasi Route Photos Web Index
  • Menampilkan Data Photos Web
    Halaman Posts Web
  • Konfigurasi Route Posts Web Index
  • Menampilkan Data Posts Web
  • Konfigurasi Route Posts Detail Web
  • Menampilkan Detail Data Posts Web
    Halaman Products Web
  • Konfigurasi Route Products Web Index
  • Menampilkan Data Products Web
  • Konfigurasi Route Products Detail Web
  • Menampilkan Detail Data Products Web
    Deployment (Frontend)
  • Build Project
  • Deploy Project di cPanel
    Installasi & Persiapan Android
  • Konfigurasi Environment Development
  • Membuat Project React Native
  • Assets Aplikasi
    Membuat Navigations
  • Install dan Konfigurasi React Native Navigation
  • Membuat Halaman Screens Aplikasi
  • Membuat Navigation Aplikasi
  • Membuat Bottom Tabs Navigation
  • Menampilkan Navigation Aplikasi
    Halaman Home Screen
  • Konfigurasi Service API
  • Membuat Component Loading
  • Membuat Component Slider
  • Menampilkan Data Slider di Home Screen
  • Menampilkan Data products di Home Screen
  • Menampilkan Data Posts di Home Screen
    Halaman Posts Screen
  • Menampilkan List Data Posts
  • Menampilkan Detail Data Post
    Halaman Pages Screen
  • Menampilkan List Data Pages
  • Menampilkan Detail Data Page
    Halaman Aparaturs Screen
  • Membuat Component List Aparatur
  • Menampilkan Data Aparaturs
    Halaman Products Screen
  • Menampilkan List Data Products
  • Menampilkan Detail Data Product
    Halaman Photos Screen
  • Membuat Component List Photo
  • Menampilkan Data Photos
    Release Aplikasi ke Play Store
  • Membuat Bundle .abb
  • Upload Bundle di Play Store
    Penutup
  • Source Code
  • Penutup

Berikut ini 4 materi utama yang akan di pelajari :


1. Laravel

  • Installation & Configuration
  • Authentication
  • Roles & Permission
  • API Resources
  • Eloquent Accessor
  • API Relationships
  • JWT (JSON Web Token)
  • Public API
  • Deploy

2. React.js

  • Authentication (JWT)
  • Impementasi Roles & Permission
  • Membuat Helpers
  • Reusable Components
  • Pagination
  • Searching
  • React Quill
  • Deploy

3. Android (React Native)

  • Installasi
  • Navigation
  • Tabs Custom
  • Modern UI
  • Data Fetching
  • Load More Scroll
  • Build .aab
  • Upload Play Store

4. Deployment

  • Deployment Laravel Project di cPenel
  • Deployment React.js Project di cPanel
  • Upload Aplikasi Android di Play Store

SCREENSHOT

APA KATA ORANG TENTANG BELAJAR DI SANTRI KODING ?

Sangat bagus

Ari Setiawan
Saya Suka Belajar
Tutorialnya super keren dan mudah dimengerti

wikan wiratmoko
Tukang kabel dan tukang database
Materi yang sangat runut dan rinci, sehingga dapat di ikuti dengan sangat baik. Course yang sangat recomended bagi yang inign mempelajari Laravel Vue

Irfan Kurniawan
Sangat bermanfaat

Mochammad Agus Idris
Belajar lebih baik
Terbaikkk, ISTIMIWIRRR!

Rizki Januar Irmansyah
Mulai aja dulu!
bagus materinya

ferdy damin
mantap

Donny Moses Sihombing
Bagus banget buat pemula yang lagi belajar konsep service oriented, composition api di vue, component di vue dan juga SPA,

Rnoiwnef
Aiwenfowienfoiwenfoiwef
Ebooknya keren, penjelasannya mudah dipahami dan stepnya mudah diikuti

Wahyudi
mantap

Muhammad Ikhsan Hilmi
Nama saya Muhammad Ikhsan Hilmi saya adalah seorang mahasiswa dari Sekolah Tinggi Teknologi Garut. Saya sekarang sedang mempelajari framework laravel, karena kedepannya saya berencana untuk menjadi seorang programmer BackEnd Laravel.
Bagus sekali materinya

Achmad Izzuddin
Aku adalah aku
Alhamdulillah setelah belajar mengerti banyak tentang vue, laravel, dan Rest Api. Semoga dapat mengimplentasikan ilmu yang di dapat.

Sugiono
Tetap semangat dan senyum hati
Alhamduliiah sangat mudah di pahami

M.Hidayatullah
Mahasiswa
Banyak ilmu yang didapat

syahrule eka ramdhani
syahryk
respon bantuannya serta kodingnya sangat membantu

Asep Cahya Nugraha
Seorang yang menganggap semuanya adalah petualangan

PENULIS

Fika Ridaul Maulayya

Halo teman-teman semuanya, perkenalkan saya Fika Ridaul Maulayya. Saya adalah seorang FullStack Developer | Content Creator | Co Founder SantriKoding.com

BIAYA INVESTASI

Rp. 999.000

Rp. 359.640

  • Ebook Laravel, React.js dan React Native
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting
Beli Sekarang

SUPPORTED BY