Premium Edition

Full-Stack Web Developer: Bangun Website Freelancer

Learn how to build a real project from scratch

Member

256 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Kini perkembangan teknologi sungguh pesat, dan di antara kita pasti sudah akrab dengan ungkapan "the world is in our hands" karena faktanya informasi apa pun mampu kita peroleh dalam sekejap mata secara digital. Melalui kecanggihan internet, jangkauan audience menjadi lebih luas sehingga banyak pengusaha yang mengambil keuntungan seperti membuka marketplace untuk menyediakan jasa bagi freelancer. Kelas ini cocok bagi Anda yang ingin membuat website yang kompleks seperti Upwork atau Fiverr. Bersama Mentor ahli kami, Anda akan membangun situs "Serv" guna mendukung para freelancer untuk showcase project sampai berhasil mendapatkan klien. Laravel 8 akan dipakai sebagai framework karena pengembangan jadi cepat dan website bisa terus dikembangkan (scalable).

Kelas ini adalah latihan yang tepat untuk belajar pengembangan full-stack. Dari desain yang sudah tersedia, Anda akan membangun website dari mulai database design, membangun relasi database dengan migration & seeder, menyederhanakan database dengan Eloquent, sampai mengembangkan struktur templating dengan Blade. Dari study case ini, Anda tidak hanya mendapatkan desain web berkualitas, namun juga ilmu database management serta penerapannya pada back-end agar pengembangan jadi lebih hemat uang dan waktu.

Bergabunglah di kelas ini demi meningkatkan peluang kerja di bidang pengembangan website. Kami harapkan Anda telah menguasai fundamental PHP dan Laravel, atau jika belum silakan pelajari dulu Kelas Starter pilihan BuildWith Angga. Terus dukung kami dengan membeli produk hanya dari platform asli BWA dan nikmati beragam benefit yang tersedia. Sampai jumpa di kelas!

Demo Project

Key Points

Belajar Database Design (ERD)

Membuat Migration & Relation dengan Foreign Key

Membuat Eloquent antar model sesuai dengan ERD

Slicing component Tailwind ke Blade Laravel

Membangun MVC Laravel dengan berbagai case dari desain website Serv

Membangun struktur project dengan Blade Stack Laravel 8

Mendeploy project ke Amazon Lightsail

Sneak Peek

Designed For

Anda yang ingin mendalami framework Laravel 8

Anda yang ingin mendalami database management dengan ERD

Anda yang ingin mendalami back-end

Anda yang ingin berprofesi sebagai Full-Stack Developer

Anda yang ingin memiliki portfolio website yang menjual

Learn With Expert

Achmad Fauzi

Full-Stack Developer

Profile Mentor

Shadam Bimo

User-Interface Designer

Profile Mentor

Galih Pratama

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Introduction

play_circle

Introducing Mentor

1 mins

play_circle

Opening

2 mins

play_circle

Plan Development

3 mins

play_circle

Learning Flow

3 mins

play_circle

Preparation Tools

5 mins

2

Analysis Design & Database Design

lock

Analysis Web Design

6 mins

lock

Database Design - Part 1

6 mins

lock

Database Design - Part 2

3 mins

lock

Database Design - Part 3

5 mins

lock

Database Design - Part 4

3 mins

lock

Database Design - Part 5

7 mins

lock

Conclusion Database Design

3 mins

3

Instalation Laravel & Setting DBMS

lock

Instalation Laravel 8

3 mins

lock

Setting .Env & Connecting DBMS to DBeaver

3 mins

lock

Install Jetstream to Laravel

3 mins

4

Laravel Migration

lock

Create Migration - Part 1

6 mins

lock

Create Migration - Part 2

6 mins

lock

Create Migration- Part 3

4 mins

lock

Conclusion Migration

3 mins

5

Relation & Foreign Keys

lock

Add Foreign Keys - Part 1

5 mins

lock

Add Foreign Keys - Part 2

3 mins

lock

Add Foreign Keys - Part 3

3 mins

lock

Add Foreign Keys - Part 4

4 mins

lock

Add Foreign Keys - Part 5

3 mins

lock

Add Foreign Keys - Part 6

5 mins

lock

Conclusion Foreign Keys with Migration

5 mins

6

Build Laravel Model & Build Eloquent ORM

lock

Create Model - Part 1

3 mins

lock

Create Model - Part 2

4 mins

lock

Create Model - Part 3

5 mins

lock

Create Model - Part 4

2 mins

lock

Implement ORM Eloquent - Part 1

4 mins

lock

Implement ORM Eloquent - Part 2

3 mins

lock

Implement ORM Eloquent - Part 3

2 mins

lock

Implement ORM Eloquent - Part 4

3 mins

lock

Implement ORM Eloquent - Part 5

2 mins

lock

Conclusion Model & Eloquent ORM

2 mins

7

Laravel Seeder

lock

Create Seeder

7 mins

lock

Add Soft Deletes on Migration User

1 mins

lock

Running Seeder

2 mins

8

Custom Structure Blade Templating, Controller & Root

lock

Introduction Structure Blade Templating

7 mins

lock

Implement Structure Controller

3 mins

lock

Implement Structure Foldering - Part 1

3 mins

lock

Implement Structure Foldering - Part 2

2 mins

lock

Implement Structure Foldering - Part 3

3 mins

lock

Custom Root Laravel - Part 1

5 mins

lock

Custom Root Laravel - Part 2

5 mins

lock

Add New Function in Controller

4 mins

lock

Custom Fortify, Middleware & Providers Laravel

5 mins

9

Handling Assets to Laravel Project

lock

Handle assets, css & js

3 mins

10

Slicing to Blade Templating for Landing Page

lock

Fixing Error Route

3 mins

lock

Slicing Includes Blade for Landing

6 mins

lock

Slicing Layouts Blade for Landing

6 mins

lock

Slicing Components Modals Blade for Landing

1 mins

lock

Slicing Components for Landing

3 mins

lock

Slicing Home Page

6 mins

lock

Slicing Page Explorer

4 mins

lock

Slicing Detail Service

7 mins

lock

Slicing Booking Success

3 mins

lock

Custom Form Login

4 mins

lock

Custom Form Register

4 mins

lock

Add Error Information in modal Login & Register

2 mins

lock

Fixing Error Navbar Active Menu

3 mins

lock

Testing Login & Register

5 mins

lock

Add Navbar Condition After Login & Register

9 mins

11

Slicing to Blade Templating for Member Page

lock

Slicing Includes Blade for Dashboard

3 mins

lock

Slicing Layouts Blade for Dasboard

4 mins

lock

Slicing Components for Dashboard - Part 1

5 mins

lock

Slicing Components for Dashboard - Part 2

4 mins

lock

Slicing Page Dashboard

6 mins

lock

Slicing Page My Service

4 mins

lock

Slicing Page My Service - Form Add

4 mins

lock

Slicing Page My Service - Form Edit

5 mins

lock

Slicing Page My Request

2 mins

lock

Slicing Slicing My Request - Page Detail

4 mins

lock

Slicing Page My Order

3 mins

lock

Slicing Page My Order - Detail Service

5 mins

lock

Slicing Page My Order - Form Approved

3 mins

lock

Slicing Page Edit Profile

3 mins

lock

Fixing Error Sidebar Active Menu

5 mins

lock

Fixing Page Request & Service for data empty

5 mins

12

Create Request Validation

lock

Create All Request for Profile, My Service & My Order

3 mins

lock

Request Validation Edit Profile

5 mins

lock

Request Validation My Service

3 mins

lock

Request Validation My Order

3 mins

13

Development Backend

lock

Install & Config SweetAlert

2 mins

lock

Development Profile - Part 1

6 mins

lock

Development Profile - Part 2

10 mins

lock

Development Profile - Part 3

8 mins

lock

Development My Service - Part 1

4 mins

lock

Development My Service - Part 2

9 mins

lock

Development My Service - Part 3

8 mins

lock

Development My Service - Part 4

7 mins

lock

Development My Request

4 mins

lock

Development My Order

8 mins

lock

Development Member Dashboard

5 mins

lock

Development Landing Page - Part 1

5 mins

lock

Development Landing Page - Part 2

6 mins

14

Integration Backend to Frontend & Fixing Error

lock

Integration Page Profile - Part 1

8 mins

lock

Integration Page Profile - Part 2

8 mins

lock

Integration Page Profile - Part 3

6 mins

lock

Integration Toast Sweetalert

2 mins

lock

Integration Page My Service - Part 1

9 mins

lock

Integration Page My Service - Part 2

5 mins

lock

Integration Page My Service (Index) - Part 1

10 mins

lock

Integration Page My Service (Index) - Part 2

7 mins

lock

Integration Page My Service - Part 3

10 mins

lock

Integration Page My Service - Part 4

12 mins

lock

Integration Page My Request

3 mins

lock

Integration Page My Order

2 mins

lock

Integration Dashboard Member

8 mins

lock

Integration Landing Page

7 mins

lock

Integration Explore

3 mins

lock

Integration Detail Service - Part 1

11 mins

lock

Integration Detail Service - Part 2

7 mins

lock

Integration Booking - Part 1

3 mins

lock

Integration Booking - Part 2

4 mins

lock

Integration Page My Request - Page Index

12 mins

lock

Integration Page My Request - Page Detail

9 mins

lock

Integration Page My Order - Page Index

6 mins

lock

Integration Page My Order - Approved & Reject

12 mins

lock

Integration Page My Order - Detail & Submit

9 mins

lock

Integration Navbar & Sidebar

6 mins

15

Review, Closing & Information

lock

Development Conclusion

4 mins

lock

Update Class Coming Soon

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

XAMPP

Software Gratis

Download Now

Whimsical

Software Gratis

Download Now

Dbeaver

Software Gratis

Download Now

VSCode

Software Gratis

Download Now

256 Happy Members

Review setelah bergabung di kelas Full-Stack Web Developer: Bangun Website Freelancer

dinar hadi prasety

Full-Stack Developer

thanks paham bgt!

Taufik Rahman

Full-Stack Developer

dalam slicing page my request nya itu di videonya detail ko bisa, tapi di saya gak bisa, harus show, cuman itu doang sih

Featured Projects

0 Hasil karya terbaik di kelas Full-Stack Web Developer: Bangun Website Freelancer

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 111,111

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Berlangganan

Rp 0

Mengikuti kelas dengan waktu yang
terbatas dan biaya lebih hemat

Akses kelas terbatas

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Subscribe Kelas Lihat Benefit Lainnya
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

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.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

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 BuildWith Angga. Silahkan 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 BuildWith Angga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 111,111

Rp 548,000

Beli Kelas