Premium Edition

SvelteJS - Front-End JavaScript Development: Web Donasi Online

Learn how to build a real project from scratch

Member

246 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Charity adalah nama projek yang akan kita bangun di mana orang-orang dapat menyumbangkan dana yang dibutuhkan oleh beberapa lembaga dalam membantu masyarakat yang sedang kesulitan.

Projek yang akan kita bangun kurang lebih akan seperti website kitabisa.com yang dapat menerima pembayaran atau donasi secara online dengan bantuan integrasi dengan payment gateway.

Key Points

Mempersiapkan struktur aplikasi Svelte

Mengubah template HTML menjadi komponen Svelte

Continuous Deployment

Fitur donasi via payment gateway

State management

Penanganan Event dan Form

Pengaturan Router untuk Single-page app (SPA)

Lambda Functions untuk membangun backend

Designed For

Cocok untuk yang ingin mengembangkan aplikasi dengan frontend framework svelte

Cocok bagi yang penasaran dengan frontend framework svelte

Cocok untuk yang ingin mengembangkan aplikasi web yang memiliki performa bagus

Cocok untuk mempelajari cara menerima pembayaran dengan payment gateway

Learn With Expert

Riza Fahmi

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Persiapan

lock

Instalasi Alat Bantu

5 mins

lock

Generate Project Svelte Baru

2 mins

lock

Struktur folder Project Svelte

9 mins

lock

Version Control dengan Git dan GitHub

5 mins

play_circle

Continuous Deployment Project Svelte

6 mins

2

Mengubah HTML menjadi Komponen Svelte

play_circle

Membuat komponen Svelte

5 mins

lock

Komponen Bersarang

2 mins

lock

Menulis CSS di Svelte

7 mins

lock

Komunikasi Antar Komponen

12 mins

lock

Bahasa Template Svelte

7 mins

lock

Menampilkan 'Dummy' Data

9 mins

lock

HTML Template Ke Komponen Svelte

23 mins

lock

Komposisi Komponen dengan Slot

3 mins

lock

Menggunakan Event di Svelte

10 mins

3

Single Page Application

lock

Membangun Halaman About dan Contact

8 mins

lock

Menggunakan Routing Library Page.js

7 mins

lock

Membangun Halaman Detail Donation

17 mins

lock

Membangun Halaman NotFound

6 mins

4

Siklus Hidup Komponen dan API

play_circle

Siklus Hidup Komponen Svelte

11 mins

lock

Membaca data dari 3rd party API

9 mins

lock

Event dan Data Binding

9 mins

lock

Mengirimkan data ke API

14 mins

play_circle

Fitur Async dengan #await

9 mins

5

Menggunakan Payment Gateway untuk Donasi

lock

Setup Akun Midtrans

15 mins

lock

Tentang Lambda Function atau Serverless

10 mins

lock

Backend Untuk Payment Gateway

19 mins

lock

Koneksi UI Untuk Payment Gateway

10 mins

6

State Management

lock

Tentang State Management

6 mins

lock

Menggunakan Store

16 mins

lock

Menyimpan Data Router di Store

7 mins

7

Sentuhan Akhir

lock

Transisi dan Animasi

6 mins

lock

Fitur Reaktif di Svelte

9 mins

lock

Perbaikan Beberapa Isu Minor

6 mins

lock

Perbaikan Isu Google Maps

10 mins

lock

Mengaktifkan Mode Production Midtrans

11 mins

lock

Penutup

3 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Node JS

Software Gratis

Download Now

Postman API

Software Gratis

Download Now

Netlify

Software Gratis

Download Now

GitHub

Software Gratis

Download Now

Svelte Framework

Software Gratis

Download Now

Insomnia App

Software 0

Download Now

246 Happy Members

Review setelah bergabung di kelas SvelteJS - Front-End JavaScript Development: Web Donasi Online

Faqih Yugo susilo

Back-End Developer

Powerfull lengkap kelas svelte nya, mudah dipahami karena bahasa indonesia.

Muhammad Abdulloh

Full-Stack Developer

Totornya mantep nih, mudah di pahami cara penyampainnya dan juga kualitas videonya mantep!!

taufik hidayat

Full-Stack Developer

penyampaianya mudah sekali untuk dipahami

Jahid Husen

Full-Stack Developer

Kelas yang sangat direkomendasikan karena bermanfaat untuk menambah skil maupun mengembangkan karirmu sebagai programmer. yuk ikuti kelas ini tutornya juga asik

Ferdinandus Hanry

Full-Stack Developer

Luar biasa pak Riza, ditunggu kelas lainnya !

Bayu Prakoso

Full-Stack Developer

Kelas pertama di BWA, mentor cukup interaktif dan mudah untuk diberi feedback

Nanda Puspita Rana

Full-Stack Developer

sangat jelas dan terfokus pada coding micro service front end development

dimas pradipto

Full-Stack Developer

Penyampaian materi sangat jelas dan midah untuk si mengerti.

Featured Projects

0 Hasil karya terbaik di kelas SvelteJS - Front-End JavaScript Development: Web Donasi Online

Belum ada hasil karya.

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 550,000

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

Pertanyaan Umum

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

WhatsApp Admin

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

Beli Kelas