Membangun Aplikasi dan Website News Dengan Laravel, React.js dan Android

5.0 (4 ulasan) 66 members

DISKON 40%
Rp. 369.000 Rp. 615.000

TENTANG

Dengan mempelajari materi yang ada di dalam buku ini, kita akan belajar bagaimana cara menjadi seorang FullStack Developer dengan cara mengembangkan aplikasi dan website multiplatform.

Dan teknologi yang akan kita gunakan pada studi kasus kali ini adalah Laravel (Backend), React.js (Frontend) dan Android (Mobile).

Laravel akan berperan sebagai backend yang menyediakan service berupa Restful API yang nanti bisa digunakan dan dikonsumsi oleh React.js (frontend) dan Android (Mobile). Di dalam Laravel kita juga akan belajar tentang JWT atau JSON Web Token, fungsinya sebagai keamanan otentikasi berbasis token di dalam Rest API.

Tidak hanya JWT, kita juga akan belajar cara mengimplementasi Roles dan Permissions di dalam Rest API untuk memisahkan hak akses user berdasarkan role yang dimiliki.

Setelah backend selesai dikerjakan, kita juga akan belajar melakukan deployment di cPanel atau hosting dengan kemanan yang bagus, sehingga meminimalisir terjadinya bug atau celah keamanan.

React.js akan kita gunakan sebagai frontend yang nanti digunakan untuk menampilkan dan membuat proses CRUD yang datanya diambil melalui Rest API.

Di dalam React.js kita juga akan belajar mengimplementasikan Role dan Permissions untuk menampilkan menu-menu secara dinamis sesuai dengan hak akses yang dimiliki oleh user. Kemudian kita juga akan belajar State Manajemen menggunakan Recoil untuk membuat global data. Setelah frontend selesai dikerjakan, kita akan belajar melakukan deployment ke dalam cPanel atau hosting.

Bahasa pemrogramman Kotlin akan kita gunakan untuk mengembangkan aplikasi android secara native dengan performa yang bagus dan memiliki ukuran yang kecil.

Di dalam kotlin kita akan belajar mengambil data dari backend melalui Rest API dan kita tampilkan di dalam aplikasi Android menggunakan Retrofit.

Karena mengembangkan aplikasi news, maka kita juga akan mengimplementasikan push notification saat ada berita baru yang dipublish dan kita akan memanfaatkan Firebase Cloud Messaging (FCM) di dalam Laravel dan Android.

Setelah aplikasi Android selesai dikerjakan, kita juga akan belajar melakukan publish aplikasi tersebut ke dalam Google Play (PlayStore). Sehingga semua orang bisa menginstall aplikasi tersebut di dalam smartphone yang dimiliki.


DISUSUN OLEH

Faisal Mahadi

Mobile Apps Developer | Android Enthusiast | Keep Learning | Android Dev Serta Owner Hariankoding.com

DAFTAR ISI

    Pendahuluan
  • Cover
  • Kata Pengantar
  • Lisensi Buku
  • Tentang Buku
    Perancangan
  • Diagram Aplikasi
  • Struktur Table dan Relasi Database
    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 & Konfigurasi Roles & Permissions
  • Apa itu Laravel Spatie Permissions ?
  • Installasi dan konfigurasi Roles & Permissions
    Installasi & Konfigurasi JWT
  • Apa itu JWT?
  • Installasi dan Konfigurasi JWT
    Installasi & Konfigurasi Firebase Cloud Messaging (FCM)
  • Apa itu Firebase Cloud Messaging (FCM) ?
  • Daftar Akun Firebase Cloud Messaging (FMC)
  • Installasi dan Konfigurasi Firebase Cloud Messaging (FCM) di Laravel
    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 Users
  • Membuat Restful API CRUD Categories
  • Membuat Restful API CRUD Posts
  • Membuat Restful API CRUD Sliders
    Restful API Public
  • Membuat Restful API Categories Public
  • Membuat Restful API Posts Public
  • Membuat Restful API Sliders Public
    Deployment (Backend)
  • Deploy Project Laravel di cPanel (Shared Hosting)
    Installasi & Persiapan (Frontend)
  • Membuat Project React.js (Vite)
  • Installasi dan Konfigurasi Library Pendukung
  • Konfigurasi Endpoint API Backend
  • Konfigurasi Assets Template
    Authentication
  • Konfigurasi Route Halaman Login
  • Membuat Proses Login
    Halaman Dashboard
  • Membuat Layout Admin
  • Konfigurasi Router Halaman Dashboard
  • Menampilkan Statistic dan Grafik di Halaman Dashboard
    Halaman Permissions
  • Membuat Component Pagination
  • Konfigurasi Router Halaman Permissions
  • Menampilkan Data Permissions
    CRUD Data Roles
  • Konfigurasi Router Halaman Roles Index
  • Menampilkan Data Roles
  • Konfigurasi Router Halaman Role Create
  • Membuat Proses Create Data Role
  • Konfigurasi Router Halaman Role Edit
  • Membuat Proses Edit dan Update Data Role
  • Membuat Proses Delete Data Role
    CRUD Data Users
  • Konfigurasi Router Halaman Users Index
  • Menampilkan Data Users
  • Konfigurasi Router Halaman User Create
  • Membuat Proses Create Data User
  • Konfigurasi Router Halaman User Edit
  • Membuat Proses Edit dan Update Data User
  • Membuat Proses Delete Data User
    CRUD Data Categories
  • Konfigurasi Router Halaman Categories Index
  • Menampilkan Data Categories
  • Konfigurasi Router Halaman Category Create
  • Membuat Proses Create Data Category
  • Konfigurasi Router Halaman Category Edit
  • Membuat Proses Edit dan Update Data Category
  • Membuat Proses Delete Data Category
    CRUD Data Posts
  • Konfigurasi Router Halaman Posts Index
  • Menampilkan Data Posts
  • Konfigurasi Router Halaman Post Create
  • Membuat Component Editor
  • Membuat Proses Create Data Post
  • Konfigurasi Router Halaman Post Edit
  • Membuat Proses Edit dan Update Data Post
  • Membuat Proses Delete Data Post
    CRUD Data Sliders
  • Konfigurasi Router Halaman Sliders Index
  • Menampilkan Data Sliders
  • Membuat Proses Upload Gambar Slider
  • Membuat Proses Delete Data Slider
    Halaman Forbidden
  • Membuat Halaman Forbidden
    Deployment (Frontend)
  • Build Project
  • Deploy Project React di cPanel
    Installasi & Persiapan (Android)
  • Persiapan dan Tools Pendukung
  • Mengenal Design Pattern MVVM
  • Buat Project Baru
    Installasi Dependencies
  • Add Depencencies
    Installasi Firebase Message
  • Installasi Firebase Message
    Layout Home
  • Desain Layout Home
  • Layout HomeFragment
  • Menampilkan Data Slider
  • Menampilkan List Kategori
  • Menampilkan List Artikel
    Layout Kategori
  • Desain Layout Kategori
    Halaman Detail
  • Membuat Tampilan Detail Article
  • Membuat Halaman Detail Kategori
    Membuat Mode Offline
  • Membuat Mode Offline
    Halaman Bookmark
  • Membuat Halaman Bookmark
  • Membuat Save Bookmark
    Melengkapi Action Menu
  • Membuat Share Artikel
  • Membuat Tema Gelap (Dark Mode)
    Membuat Search Artikel
  • Membuat Search Artikel
    Membuat Notifikasi Firebase Message
  • Membuat Notifikasi Firebase Message
    Upload Aplikasi Play Store
  • Membuat Bundle .abb
  • Upload Bundle di Playstore
    Penutup
  • Source Code
  • Penutup

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

TOOLS

Laravel

The PHP Framework for Web Artisans

React.js

A JavaScript library

Android Studio

Integrated Vevelopment Environment (IDE)

SCREENSHOTS


Admin - Dashboard

Admin - Add New Post

Admin - Roles & Permissions

Android - Home

Android - Detail Berita

Android - Dark Mode

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

ULASAN MEMBERS

Rafael Nuansa Ramadhon at SantriKoding

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


Mantappp


Materinya cukup daging menurut saya dan bener-bener menambah knowledge bagi pemula seperti saya! Dan tentunya mentor yang selalu ontime untuk membantu ketika sedang ada problem. Terimakasih untuk para mentor! Terbaikkk, ISTIMIWIRRR!!