flash sale
hamburger-menu

Kelas Online
Full-Stack Laravel 11, React, TypeScript: Website Rent Office

How to become full stack web developer

icon global
Release date July 2024
icon convert
Last updated October 2024
Member

160 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Kelas Full-Stack Laravel React JS 2024 ini mengajarkan cara membangun website modern untuk mencari dan booking kantor menggunakan teknologi terbaru seperti Laravel 11, React JS 18, FilamentPHP, dan TypeScript. 

Peserta akan mempelajari bagaimana membuat fitur pencarian kantor, booking kantor, pembayaran manual, serta notifikasi melalui SMS dan WhatsApp. 

Selain itu, kelas ini juga akan membimbing Anda untuk membuat dashboard Content Management System (CMS) yang mengelola data transaksi, kantor, kota, dan lainnya dengan database MySQL.

Dalam waktu singkat, peserta akan diajarkan cara membuat dashboard CMS super admin hanya dalam 10 menit menggunakan FilamentPHP. 

Alur pengembangan proyek dimulai dari backend, pembuatan API, perlindungan endpoint dengan CORS dan custom API key, hingga penggunaan API pada proyek React JS serta integrasi dengan Twilio untuk fitur SMS dan WhatsApp. 

Proyek ini akan berjalan di server lokal komputer peserta, tidak di-upload ke server production.

Kelas ini juga menekankan pentingnya desain UI/UX terbaik untuk meningkatkan pengalaman pengguna. Menggunakan tools gratis seperti VSCode, Composer, XAMPP/MAMP, terminal/command prompt, dan npm, peserta akan mendapatkan pengalaman nyata dalam pengembangan web. 

Sebelum bergabung, disarankan memiliki pengetahuan dasar PHP dan JavaScript. Kelas ini menyediakan resource assets seperti template HTML, dan hasil proyek dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi agar tidak plagiat.

Silahkan bergabung dan sampai jumpa di kelas!!!

additional tags: php 8, composer, laravel 11, react js 18, typescript, axios, filament php, zod validation, SOLID principle, middleware api, postman, reusable react component, react router, react swiper, twilio, vite.

Key Points

icon_check

Belajar bikin dashboard admin dan akun super admin dengan laravel filament php

icon_check

Belajar design database projek sesuai kebutuhan projek dan ERD

icon_check

Menerapkan konsep pemrograman SOLID agar projek mudah dimaintenance

icon_check

Membuat seluruh fitur CRUD untuk mengelola data website dengan aman

icon_check

Membuat fitur notification kirim sms dan pesan whatsapp

icon_check

Membuat projek frontend dengan react dan typescript dan consume endpoint api

Designed For

icon_check

Anda yang sedang memperdalam framework laravel dan react

icon_check

Anda yang ingin menerapkan typescript pada projek frontend

icon_check

Anda yang sedang belajar menjadi full-stack web developer

icon_check

Anda yang membutuhkan portfolio website modern

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(413.2K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack Laravel 11, React, TypeScript: Website Rent Office

All Rating
Muhammad Wahyu Siregar at BuildWithAngga
Muhammad Wahyu Siregar

Full-Stack Developer

Bagus nih, penjelasan dari awal hingga akhir nya jelas dan mulus flow nya kwwk, semoga bisa menjadi bekal saya kedepanya menjadi seorang Fullstack read more

ic-star ic-star ic-star ic-star ic-star
Muhamad Rizki at BuildWithAngga
Muhamad Rizki

Lifetime Learner

Mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Dimas Wahyu Ardhana at BuildWithAngga
Dimas Wahyu Ardhana

Front-End Developer

sangat luar bisa bagus, menarik, mudah untuk dimengerti, dan penjelasannya runtut terimakasih atas ilmu yang diberikan read more

ic-star ic-star ic-star ic-star ic-star
Farhan Arfianto at BuildWithAngga
Farhan Arfianto

Lifetime Learner

mudah dimengerti untuk yang baru belajar react typescript read more

ic-star ic-star ic-star ic-star ic-star
puji permana at BuildWithAngga
Puji permana

Lifetime Learner

Mantap isi kelasnya read more

ic-star ic-star ic-star ic-star ic-star
Arief Maizaki at BuildWithAngga
Arief Maizaki

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Full-Stack Laravel 11, React, TypeScript: Website Rent Office

How to become full stack web developer

  • lock
    Demo projek kelas
    11 minutes
  • lock
    Persiapan tools development
    5 minutes
  • lock
    Bikin projek backend laravel 11
    11 minutes

  • lock
    Skema database dengan migration
    10 minutes
  • lock
    Mass assignment, ORM relationship
    12 minutes
  • lock
    Install package filamentphp
    5 minutes

  • lock
    Coding CRUD data city
    10 minutes
  • lock
    Coding CRUD data office
    14 minutes
  • lock
    CRUD data booking dan api key
    7 minutes

  • lock
    Membuat API JSON Resource
    10 minutes
  • lock
    Membuat routing endpoint API
    6 minutes
  • lock
    Membuat controller setiap endpoint
    10 minutes
  • lock
    Uji coba api dengan postman
    5 minutes
  • lock
    Custom middleware api key
    5 minutes

  • lock
    Bikin projek react dengan vite
    9 minutes
  • lock
    Belajar react router dom
    12 minutes
  • lock
    Belajar bikin swiper slide carousel
    11 minutes
  • lock
    Belajar bikin component dan wrapper
    8 minutes
  • lock
    Belajar axios, endpoint api, props
    17 minutes
  • lock
    Axios api data office
    7 minutes
  • lock
    Belajar useParams city details
    11 minutes
  • lock
    Menampilkan details data office
    20 minutes
  • lock
    Zod, axios post, form validation
    30 minutes
  • lock
    Membuat fitur laravel simpan booking
    15 minutes
  • lock
    Coding fitur check booking transaction
    26 minutes

  • lock
    Coding kirim sms booking transaction
    14 minutes
  • lock
    Approve transaksi dan kirim sms
    8 minutes
  • lock
    Integrasi dengan whatsapp notification
    9 minutes
  • lock
    Refactoring coding apiClient
    12 minutes
Develop Your Skills

Kelas Full-Stack Laravel React JS 2024 ini mengajarkan cara membangun website modern untuk mencari dan booking kantor menggunakan teknologi terbaru seperti Laravel 11, React JS 18, FilamentPHP, dan TypeScript. 

Peserta akan mempelajari bagaimana membuat fitur pencarian kantor, booking kantor, pembayaran manual, serta notifikasi melalui SMS dan WhatsApp. 

Selain itu, kelas ini juga akan membimbing Anda untuk membuat dashboard Content Management System (CMS) yang mengelola data transaksi, kantor, kota, dan lainnya dengan database MySQL.

Dalam waktu singkat, peserta akan diajarkan cara membuat dashboard CMS super admin hanya dalam 10 menit menggunakan FilamentPHP. 

Alur pengembangan proyek dimulai dari backend, pembuatan API, perlindungan endpoint dengan CORS dan custom API key, hingga penggunaan API pada proyek React JS serta integrasi dengan Twilio untuk fitur SMS dan WhatsApp. 

Proyek ini akan berjalan di server lokal komputer peserta, tidak di-upload ke server production.

Kelas ini juga menekankan pentingnya desain UI/UX terbaik untuk meningkatkan pengalaman pengguna. Menggunakan tools gratis seperti VSCode, Composer, XAMPP/MAMP, terminal/command prompt, dan npm, peserta akan mendapatkan pengalaman nyata dalam pengembangan web. 

Sebelum bergabung, disarankan memiliki pengetahuan dasar PHP dan JavaScript. Kelas ini menyediakan resource assets seperti template HTML, dan hasil proyek dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi agar tidak plagiat.

Silahkan bergabung dan sampai jumpa di kelas!!!

additional tags: php 8, composer, laravel 11, react js 18, typescript, axios, filament php, zod validation, SOLID principle, middleware api, postman, reusable react component, react router, react swiper, twilio, vite.

read more
Learn With Expert
Key Points
  • check
    Belajar bikin dashboard admin dan akun super admin dengan laravel filament php
  • check
    Belajar design database projek sesuai kebutuhan projek dan ERD
  • check
    Menerapkan konsep pemrograman SOLID agar projek mudah dimaintenance
  • check
    Membuat seluruh fitur CRUD untuk mengelola data website dengan aman
  • check
    Membuat fitur notification kirim sms dan pesan whatsapp
  • check
    Membuat projek frontend dengan react dan typescript dan consume endpoint api
Created For
  • check
    Anda yang sedang memperdalam framework laravel dan react
  • check
    Anda yang ingin menerapkan typescript pada projek frontend
  • check
    Anda yang sedang belajar menjadi full-stack web developer
  • check
    Anda yang membutuhkan portfolio website modern
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
160
Happy Students
Muhammad Wahyu Siregar at BuildWithAngga
Muhammad Wahyu Siregar

Full-Stack Developer

Bagus nih, penjelasan dari awal hingga akhir nya jelas dan mulus flow nya kwwk, semoga bisa menjadi bekal saya kedepanya menjadi seorang Fullstack

ic-star ic-star ic-star ic-star ic-star
Muhamad Rizki at BuildWithAngga
Muhamad Rizki

Lifetime Learner

Mudah dipahami

ic-star ic-star ic-star ic-star ic-star
Dimas Wahyu Ardhana at BuildWithAngga
Dimas Wahyu Ardhana

Front-End Developer

sangat luar bisa bagus, menarik, mudah untuk dimengerti, dan penjelasannya runtut terimakasih atas ilmu yang diberikan

ic-star ic-star ic-star ic-star ic-star
Farhan Arfianto at BuildWithAngga
Farhan Arfianto

Lifetime Learner

mudah dimengerti untuk yang baru belajar react typescript

ic-star ic-star ic-star ic-star ic-star
puji permana at BuildWithAngga
puji permana

Lifetime Learner

Mantap isi kelasnya

ic-star ic-star ic-star ic-star ic-star
Arief Maizaki at BuildWithAngga
Arief Maizaki

Lifetime Learner

Mantap

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 550,000

arrow_upward