flash sale
hamburger-menu

Kelas Online
Full-Stack Laravel 11 Next JS: Bikin Web Paket Pernikahan

Learn to become full-stack developer

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

36 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Kelas premium ini menawarkan pembelajaran mendalam untuk Anda yang ingin menguasai pengembangan full stack menggunakan Laravel 11 dan Next.js. Dalam kelas ini, Anda akan diajarkan bagaimana membangun website penyedia paket pernikahan dengan teknologi terkini seperti Laravel 11, PHP 8, FilamentPHP, dan Next.js. Kelas ini juga mencakup penggunaan VS Code sebagai editor, pengaturan lingkungan dengan MAMP/XAMPP, serta pengelolaan database menggunakan MySQL dan phpMyAdmin.

Anda akan mendapatkan template HTML dan desain UI/UX berkualitas tinggi secara gratis untuk memastikan hasil proyek Anda terlihat profesional. Di bagian backend, Anda akan belajar membuat sistem manajemen konten yang mencakup data paket pernikahan, wedding organizer, dan kota. Anda juga akan memahami cara mendesain database sesuai dengan ERD, membuat relationship antar tabel, serta membuat dan menguji API RESTful menggunakan Postman. Pembuatan fitur kota pernikahan, wedding organizer, dan wedding bonus package juga menjadi bagian dari kurikulum ini.

Di sisi frontend, kelas ini akan membawa Anda melalui pengembangan dengan ReactJS dan Next.js. Anda akan mempelajari cara memecah komponen ReactJS menjadi reusable components, memahami cara kerja hooks pada ReactJS dan Next.js, serta mengenali perbedaan antara client dan server components. Selain itu, Anda akan menggunakan sistem routing terbaru dari Next.js, yaitu app router, dan memanfaatkan server action pada form untuk pengalaman pengguna yang lebih baik. Kelas ini juga mencakup integrasi API ke dalam proyek, menampilkan slider dengan SwiperJS, menampilkan notifikasi dengan React-Toastify, serta menampilkan popup atau modal yang persist pada address bar.

Kelas ini tidak hanya fokus pada teori, tetapi juga memberikan pengalaman praktis yang dapat digunakan sebagai portofolio untuk pekerjaan sebagai full stack web developer. Anda akan mendapatkan akses selamanya ke materi kelas dan grup diskusi, serta bonus tanya jawab dengan mentor selama 90 hari setelah pembelian kelas. Materi kelas ini sangat cocok bagi Anda yang ingin memperdalam pemahaman Laravel dan Next.js sebagai persiapan karir profesional di dunia teknologi.

Key Points

icon_check

Memahami brief projek, ERD, user flow, dan membuat projek laravel 11 terbaru

icon_check

Membuat CMS admin dengan cepat menggunakan package filament laravel php

icon_check

Membuat API JsonResource dan end point untuk digunakan oleh Next Js

icon_check

Melakukan uji coba dan membuat dokumentasi API dengan postman

icon_check

memecah komponen reactjs agar bersifat reusable component

icon_check

memahami cara kerja hooks pada reactjs dan nextjs

icon_check

mengenali client dan server component

icon_check

menggunakan routing system yang baru dari nextjs yaitu app router

icon_check

memanfaatkan server action pada form

icon_check

integrasi API ke project

icon_check

menampilkan slider dengan swiperjs

icon_check

menampilkan toaster dengan react-toastify

icon_check

Menampilkan Popup atau Modal yang persist pada address bar

icon_check

memanfaatkan dynamic routes untuk menangkap slug

icon_check

memanfaatkan conditional rendering

Designed For

icon_check

Anda yang sedang memperdalam laravel dan filament php

icon_check

Anda yang ingin menjadi full-stack web developer (backend frontend)

icon_check

Anda yang membutuhkan portfolio projek website berkualitas tinggi

icon_check

Anda yang sedang switch career menjadi freelance web developer

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

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

(57.1K)

Mentor Angga Risky S

Angga Risky S

Full-Stack Developer

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

(414.9K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack Laravel 11 Next JS: Bikin Web Paket Pernikahan

All Rating
didik abdul mukmin at BuildWithAngga
Didik abdul mukmin

Full-Stack Developer

Materi bagus read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Visual Studio Code

Software Gratis

logo

Laravel

Software Gratis

logo

Postman API

Software Gratis

logo

XAMPP

Software Gratis

logo

MAMP

Software Gratis

Low Risk, High Return

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

icon_check

Selamanya

Rp 229,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 Next JS: Bikin Web Paket Pernikahan

Learn to become full-stack developer

  • lock
    Persiapan belajar backend laravel
    5 minutes
  • lock
    Persiapkan tools development berikut
    6 minutes
  • lock
    Install projek laravel 11 samawa
    13 minutes
  • lock
    Mengatur schema db migration
    9 minutes

  • lock
    Mass assignment dan relationship
    13 minutes
  • lock
    Bikin dashboard dengan filament
    6 minutes
  • lock
    CRUD city dan wedding organizer
    7 minutes
  • lock
    CRUD wedding dan bonus package
    12 minutes
  • lock
    CRUD data testimonials
    4 minutes
  • lock
    CRUD data transaksi
    11 minutes

  • lock
    Memahami software design pattern MVC
    7 minutes
  • lock
    Belajar teori service repository patte
    9 minutes

  • lock
    Membuat API JsonResource
    10 minutes
  • lock
    Membuat API Controller
    8 minutes
  • lock
    Coding query api city dan wedding
    13 minutes
  • lock
    Coding booking transaction api
    12 minutes
  • lock
    Uji coba API postman
    13 minutes
  • lock
    Testing API create booking
    7 minutes
  • lock
    Fix bug API create booking
    4 minutes

  • lock
    Belajar menggunakan Github
    8 minutes

  • lock
    Introduction
    1 minutes
  • lock
    Overview Project
    13 minutes
  • lock
    Setup Workspace
    16 minutes
  • lock
    Penjelasan App Router
    10 minutes
  • lock
    Setup Modal Router
    13 minutes

  • lock
    Reusable Header Component
    14 minutes
  • lock
    Wedding Package Slider
    50 minutes
  • lock
    Section Features
    5 minutes
  • lock
    Wedding Package Grid
    8 minutes
  • lock
    Section Cities
    8 minutes
  • lock
    Testimonial
    11 minutes
  • lock
    Review Homepage
    2 minutes

  • lock
    Default Page City
    1 minutes
  • lock
    Details Page
    18 minutes

  • lock
    Default Page
    2 minutes
  • lock
    Details Package
    19 minutes
  • lock
    Slides Component
    12 minutes
  • lock
    Bonus Component
    7 minutes
  • lock
    Modal Bonus
    21 minutes
  • lock
    Organizer Component
    5 minutes

  • lock
    Main Component
    9 minutes
  • lock
    Form + Server Action + Redirect
    43 minutes
  • lock
    Success page
    19 minutes

  • lock
    Main Component
    5 minutes
  • lock
    Form + Server Action + Redirect
    7 minutes
  • lock
    Booking Found
    20 minutes
  • lock
    Review
    1 minutes
Develop Your Skills

Kelas premium ini menawarkan pembelajaran mendalam untuk Anda yang ingin menguasai pengembangan full stack menggunakan Laravel 11 dan Next.js. Dalam kelas ini, Anda akan diajarkan bagaimana membangun website penyedia paket pernikahan dengan teknologi terkini seperti Laravel 11, PHP 8, FilamentPHP, dan Next.js. Kelas ini juga mencakup penggunaan VS Code sebagai editor, pengaturan lingkungan dengan MAMP/XAMPP, serta pengelolaan database menggunakan MySQL dan phpMyAdmin.

Anda akan mendapatkan template HTML dan desain UI/UX berkualitas tinggi secara gratis untuk memastikan hasil proyek Anda terlihat profesional. Di bagian backend, Anda akan belajar membuat sistem manajemen konten yang mencakup data paket pernikahan, wedding organizer, dan kota. Anda juga akan memahami cara mendesain database sesuai dengan ERD, membuat relationship antar tabel, serta membuat dan menguji API RESTful menggunakan Postman. Pembuatan fitur kota pernikahan, wedding organizer, dan wedding bonus package juga menjadi bagian dari kurikulum ini.

Di sisi frontend, kelas ini akan membawa Anda melalui pengembangan dengan ReactJS dan Next.js. Anda akan mempelajari cara memecah komponen ReactJS menjadi reusable components, memahami cara kerja hooks pada ReactJS dan Next.js, serta mengenali perbedaan antara client dan server components. Selain itu, Anda akan menggunakan sistem routing terbaru dari Next.js, yaitu app router, dan memanfaatkan server action pada form untuk pengalaman pengguna yang lebih baik. Kelas ini juga mencakup integrasi API ke dalam proyek, menampilkan slider dengan SwiperJS, menampilkan notifikasi dengan React-Toastify, serta menampilkan popup atau modal yang persist pada address bar.

Kelas ini tidak hanya fokus pada teori, tetapi juga memberikan pengalaman praktis yang dapat digunakan sebagai portofolio untuk pekerjaan sebagai full stack web developer. Anda akan mendapatkan akses selamanya ke materi kelas dan grup diskusi, serta bonus tanya jawab dengan mentor selama 90 hari setelah pembelian kelas. Materi kelas ini sangat cocok bagi Anda yang ingin memperdalam pemahaman Laravel dan Next.js sebagai persiapan karir profesional di dunia teknologi.

read more
Key Points
  • check
    Memahami brief projek, ERD, user flow, dan membuat projek laravel 11 terbaru
  • check
    Membuat CMS admin dengan cepat menggunakan package filament laravel php
  • check
    Membuat API JsonResource dan end point untuk digunakan oleh Next Js
  • check
    Melakukan uji coba dan membuat dokumentasi API dengan postman
  • check
    memecah komponen reactjs agar bersifat reusable component
  • check
    memahami cara kerja hooks pada reactjs dan nextjs
  • check
    mengenali client dan server component
  • check
    menggunakan routing system yang baru dari nextjs yaitu app router
  • check
    memanfaatkan server action pada form
  • check
    integrasi API ke project
  • check
    menampilkan slider dengan swiperjs
  • check
    menampilkan toaster dengan react-toastify
  • check
    Menampilkan Popup atau Modal yang persist pada address bar
  • check
    memanfaatkan dynamic routes untuk menangkap slug
  • check
    memanfaatkan conditional rendering
Created For
  • check
    Anda yang sedang memperdalam laravel dan filament php
  • check
    Anda yang ingin menjadi full-stack web developer (backend frontend)
  • check
    Anda yang membutuhkan portfolio projek website berkualitas tinggi
  • check
    Anda yang sedang switch career menjadi freelance web developer
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
36
Happy Students
didik abdul mukmin at BuildWithAngga
didik abdul mukmin

Full-Stack Developer

Materi bagus

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

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 229,000

Rp 760,000

arrow_upward