Ebook Membangun Webiste Travel Berbasis PWA dan GIS Dengan Laravel, React.js dan Mapbox

Buku yang akan menuntunmu menjadi seorang FullStack Web Developer dengan studi kasus membangun website Travel GIS (Sistem Informasi Geografis) dari 0 sampai deployment (online) menggunakan Laravel dan React.js.

DEMO STUDI KASUS EBOOK

Demo Admin : https://react-travel-gis.netlify.app/admin/login
Demo Web : https://react-travel-gis.netlify.app/

Belajar Membangun Website Travel GIS Dari Nol Dengan Laravel, React.js dan Mapbox !!!

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 dan Front-End.

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

LIHAT DAFTAR ISI MATERI

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.

Dengan buku ini kita dituntun menjadi seorang FullStack Web Developer menggunakan Laravel dan React.js dengan studi kasus langsung membangun sebuah website Travel GIS 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 akan belajar bersama-sama bagaimana cara membuat project website Travel GIS dari 0 sampai Deployment (online). Dimana materinya akan membahas bagaimana cara membangun Restful API untuk admin menggunakan Laravel, membuat Authentication dengan Passport, membangun halaman Frontend menggunakan React.js.

Setelah project website Travel GIS yang kita bangun selesai, kita juga akan belajar bagaimana cara untuk melakukan proses Deployment project tersebut ke Shared Hosting (Laravel) dan juga Netlify (React.js).

Daftar Isi

    Pendahuluan
  • Cover
  • Kata pengantar
  • Lisensi Buku
  • Tentang Buku
    Perancangan
  • Diagram Aplikasi
  • Struktur dan Relasi Database
  • Wirefrim UI Desain Website
    Installasi & Persiapan Backend
  • Persiapan dan Tools
  • Membuat Project Laravel dengan Composer
  • Upgrade Versi Laravel
    Database
  • Konfigurasi Koneksi Database di Laravel
  • Membuat Model dan Migration
  • Eloquent Relationships
  • Eloquent Accessor, Mutator dan Casting
  • Membuat Data User dengan Seeder
  • Membuat Data User dengan Tinker
    Restful API - Admin
  • Apa itu API ?
  • Installasi dan Konfigurasi Laravel Passport
  • Membuat RESTful API Login
  • Membuat RESTful API Logout
  • Membuat RESTful API Dashboard
  • Membuat RESTful API CRUD Categories
  • Membuat RESTful API CRUD Places
  • Membuat RESTful API CRUD Sliders
  • Membuat RESTful API CRUD Users
    Restful API - Web
  • Membuat RESTful API Categories Web
  • Membuat RESTful API Places Web
  • Membuat RESTful API Sliders Web
    Pengenalan JavaScript ES6 & React.js
  • JavaScript ES6
  • Variable di dalam ES6
  • Default Parameter
  • Template String
  • Arrow Function
  • Rest Parameter
  • Destructuring & Restructuring
  • Spread Operator
  • Array.map
  • Promise
  • Async Await
  • Apa itu React.js ?
  • Komponen dan Props di React.js
  • JSX di React.js
  • Lifecycle dan Hooks di React.js
    Installasi & Persiapan Frontend
  • Membuat Project Baru di React.js
  • Installasi dan Konfigurasi Package Pendukung
  • Konfigurasi Endpoint API di React.js
  • Integrasi Assets Eksternal (CSS & Images)
  • Mendapatkan API Key Mapbox
    Halaman Admin
  • Konfigurasi Route Login
  • Membuat Proses Login
  • Membuat Component Sidebar Admin
  • Membuat Layouts Admin
  • Konfigurasi Private Route Dashboard
  • Menampilkan Statistik Data di Halaman Dashboard
  • Membuat Component Pagination
  • Konfigurasi Private Route Categories Index
  • Menampilkan Data Categories
  • Konfigurasi Private Route Category Create
  • Membuat Proses Create Data Category
  • Konfigurasi Private Route Category Edit
  • Membuat Proses Edit Data Category
  • Konfigurasi Private Route Places Index
  • Menampilkan Data Places
  • Konfigurasi Private Route Place Create
  • Membuat Proses Create Data Place
  • Menambahkan Mapbox Geocoder di Proses Create Data Place
  • Konfigurasi Private Route Place Edit
  • Membuat Proses Edit Data Place
  • Menambahkan Mapbox Geocoder di Halaman Edit Data Place
  • Konfigurasi Private Route Sliders Index
  • Menampilkan Data Sliders
  • Konfigurasi Private Route Slider Create
  • Membuat Proses Create Data Slider
  • Konfigurasi private Route Users Index
  • Menampilkan Data Users
  • Konfigurasi Private Route User Create
  • Membuat Proses Create Data User
  • Konfigurasi Private Route User Edit
  • Membuat Proses Edit Data User
    Halaman Web
  • Membuat Component Header Web dan Footer Web
  • Membuat Component Slider
  • Membuat Layout Web
  • Konfigurasi Route untuk Halaman Home
  • Menampilkan Data Categories di Navbar
  • Menampilkan Data Sliders di Halaman Home
  • Menampilkan Data Categories di Halaman Home
  • Menampilkan User di Navbar
  • Konfigurasi Route untuk Halaman Category Show
  • Menampilkan Data Places Berdasarkan Category
  • Konfigurasi Route untuk Halaman Places
  • Menampilkan Halaman Places
  • Konfigurasi Route untuk Halaman Detail Place
  • Menampilkan Halaman Detail Data Place
  • Menampilkan Gambar Slider di Halaman Detail Place
  • Menampilkan Maps di Halaman Detail Data Palce
  • Konfigurasi Route Maps Directions
  • Menampilkan Directions dari Lokasi Sekarang ke Titik Lokasi Maps
  • Konfigurasi Route untuk Halaman Maps
  • Menampilkan Semua Data Places di Maps
  • Konfigurasi Route untuk Halaman Search
  • Membuat Fitur Search Data Places
    Konfigurasi PWA
  • Apa itu PWA ?
  • Konfigurasi PWA di React.js
    Deployment
  • Deployment Project Laravel di cPanel (Shared Hosting)
  • Deploy Project Vue Js di Netlify
    Penutup
  • Source Code
  • Penutup

Berikut ini 4 materi utama yang akan di pelajari :

1. Laravel

  • Installation & Configuration
  • API Resource
  • Eloquent Relationships
  • Eloquent Accessor
  • Eloquent Mutators
  • Eloquent Casting
  • Database Seeder
  • Artisan Tinker
  • Laravel Passport

2. RESful API

  • Membuat RESTful API Authentication Passport
  • Membuat RESTful API CRUD Data Categories (Admin)
  • Membuat RESTful API CRUD Data Places (Admin)
  • Membuat RESTful API CRUD Data Sliders (Admin)
  • Membuat RESTful API CRUD Data Users (Admin)
  • Membuat RESTful API Data Categories (Web)
  • Membuat RESTful API Data Places (Web)
  • Membuat RESTful API Data Sliders (Web)
  • Membuat RESTful API Data Maps (Web)

3. React.js

  • Fundamental ES6 dan React.js
  • Installation & Configuration
  • React Hooks (useState / useEffect)
  • Basic Routing dan Private Routing
  • Data Fetching (Async Await)
  • Implementasi PWA (Progressive Web App)
  • Implementasi Authentication Passport
  • Integrasi Template (React Bootstrap)
  • Searching Data
  • Pagination Server Side
  • Axios dan Interceptors
  • Integrasi Package React Quill
  • Integrasi Package React Hot Toast
  • Integrasi Package React Confirm Alert
  • Integrasi Package React Image Gallery
  • Integrasi Packge Mapbox GL
  • Integrasi Packge Mapbox GL Geocoder
  • Integrasi Packge Mapbox GL Directions

4. Deployment

  • Deployment Laravel Project di Shared Hosting (cPanel)
  • Deployment React.js Project di Netlify (CI/CD)

APA KATA MEMBER TENTANG EBOOK DI SANTRI KODING ?

Materinya sangat bagus dan lengkap, penjelasan sangat jelas.
Wawan Indrawan
Belajarlan karena tidak ada manusia dilahirkan dalam keadaan pandai.
Materinya bagus, murah dipelajari, cocok untuk pemula, terimakasih santrikoding
Yasin Yusuf
saya adalah aku
Modulnya ga pernah gagal, Apa yang kita pelajari disini sangat bermanfaat, salam kurawal
Rafael Nuansa Ramadhon
I am currently studying at Santri Koding as a step towards achieving my goal of becoming a good programmer.
pas lg dpt tugas bikin web gis ada ebook ini, lgsg beli deh...bagus isinya
Muhammad Hasan
Belajar coding karena desakan ekonomi
Modulnya sangat bermanfaat dalam membantu saya menyelesaikan aplikasi gis untuk projek skripsi, recommended pissan
Dunia Genggaman
Beli tutorial disini, sangat membantu dalam pengerjaan projek saya. Ditunggu kelas lainnya mas Fika
Kevin
Severus Snape was born 9 January 1960 to Tobias Snape, an abusive Muggle, and Eileen Prince, a neglectful pure-blood witch.He began to identify with his mother's family and created a secret nickname from his mother's maiden name, calling himself the "Half-Blood Prince". His unhappy relationship with his father may have been the origin of his disdain for Muggles. It is implied that Severus was friendless and uncared for by his parents. This lack of care largely shaped Severus's bitter disposition and cruel behaviour later in his life.
Bagus, mudah dimengerti. Mentornya fast respond jika ada kendala
Rendi Julianto
Freelance : 082129632854
Keren
donny ardiwidha
Coding Addinct
Mantaaaap mas fika, terima kasih sudah berbagi ilmu. Course nya mudah di pahami dan sangat bermanfaat. Alhamdulillah skripsi ku kelar gara2 course ini. Anyway ini pertama kali belajar react.js, dan ternyata penjelasan dari mas fika juga sangat membantu saya sebagai pemula di react.js. Konsul via telegam nya sangat fast respon, komunitas santrikoding the best lah, solid dan sangat supportive. Terima kasih mas fika dan tim santrikoding.
Muhammad Rosyad Syamil
Turn coffee into codes </>
sangat runut dan penjelasan tiap detailnya bagus sekali
Roby Sukmana
Bagus banget, materi nya mudah dipahami dan hasilnya sangat memuaskan
Abdurrahman Ziyad
Final year student of Informatics Engineering who has an interest in programming. Have an understanding of application and web development, as well as database management. Experienced in executing diverse website and application development projects, showcasing adaptability and proficiency in learning new technologies. Possesses excellent analytical and interpersonal skills, contributing effectively to collaborative environments
Terimakasih kak Fika dan team, sangat bermanfaat e-booknya dan bisa join grup juga,jadi gak perlu khawatir stuck..
Muhammad Rizki
mantab materinya, runut, mudah dimengerti dan gampang dipahami. Recommended !!!
Muhammad Umar Abdul Aziz
Freelancers
Good Job
Ahmad Nur Fadhli
sanagat bagus, bagi saya yang sudah memiliki basic tentang crud. dan di impelentasikan melalui project. saya sgt terbantu dengan cara ini karena learning by doing langsung bikin projectnya
Aldhi Raqiswandri
Fullstack Developer
Mantaps 👌
Febryan
I am Febryan, a dedicated Web and Android Developer with over three years of experience in the IT industry. Since January 2021, I have developed a robust skill set in Laravel, Kotlin, Java, MySQL, GitHub, Bootstrap, Figma, React, Next.js, and Tailwind CSS. Passionate about continuous learning and emerging technologies, I am committed to developing high-quality, user-centric applications. I excel in problem-solving, adapting to new environments, and collaborating effectively with cross-functional teams to deliver scalable and efficient solutions. My goal is to leverage my skills to contribute to innovative projects and help organizations achieve their technological objectives.
Mantaps 👌
Febryan
I am Febryan, a dedicated Web and Android Developer with over three years of experience in the IT industry. Since January 2021, I have developed a robust skill set in Laravel, Kotlin, Java, MySQL, GitHub, Bootstrap, Figma, React, Next.js, and Tailwind CSS. Passionate about continuous learning and emerging technologies, I am committed to developing high-quality, user-centric applications. I excel in problem-solving, adapting to new environments, and collaborating effectively with cross-functional teams to deliver scalable and efficient solutions. My goal is to leverage my skills to contribute to innovative projects and help organizations achieve their technological objectives.

PENULIS

Fika Ridaul Maulayya

Halo teman-teman semuanya, perkenalkan saya Fika Ridaul Maulayya. Saya adalah seorang Web Developer | Content Creator | Founder SantriKoding.com
Saya juga aktif menulis artikel-artikel tentang pemrogramman dan membuat kelas online GRATIS di SantriKoding.com

BIAYA INVESTASI

Rp. 400.000

Rp. 350.000

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

SUPPORTED BY