Logo
© 2019 - 2026 SantriKoding.
All Levels

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

5.0 (5 ulasan)
66 members
DISKON 40%
Rp. 615.000
Rp. 369.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.


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

TOOLS

Tools yang digunakan dalam course ini

Laravel
Laravel

The PHP Framework for Web Artisans

See More
React.js
React.js

A JavaScript library

See More
Android Studio
Android Studio

Integrated Vevelopment Environment (IDE)

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Admin - Dashboard
Admin - Dashboard
Admin - Add New Post
Admin - Add New Post
Admin - Roles & Permissions
Admin - Roles & Permissions
Android - Home
Android - Home
Android - Detail Berita
Android - Detail Berita
Android - Dark Mode
Android - Dark Mode

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

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


Faisal Mahadi
Faisal Mahadi
PREMIUM MEMBER

Mobile Apps Developer | Android Enthusiast | Keep Learning | Android Dev Serta...

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


ULASAN MEMBERS

Apa kata mereka tentang course ini

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

Rafael Nuansa Ramadhon

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

"Mantappp"

Butuh Bantuan?