Learn how to build a real project from scratch
2,268 enrolled
228 lessons (22 hours)
Vue JS adalah sebuah framework Front-End yang digunakan oleh Web Developer dalam membangun website yang fast, light, dan interactive. Golang juga sering digunakan sebagai bahasa pemrograman untuk membangun API yang dikonsumsi oleh Front-End seperti Vue, React, Angular, dan lainnya. Pada kelas ini, kita akan mempelajari kedua bahasa tersebut dalam membangun website Crowdfunding (mengumpulkan dana untuk Startup).
Alur belajarnya adalah kita mulai dari slicing HTML ke template Vue lalu setelah itu dilanjutkan Back-End Developer untuk membangun APIs dan akan digunakan oleh Front-End Developer menggunakan framework NuxtJS. Jika kalian tertarik untuk belajar lebih lanjut silakan bergabung bersama kami dan kami akan tunggu di kelas.
Membuat Responsive Website Design
Mengintegrasikan Midtrans Payment Gateway
Membangun API dengan Golang
Templating HTML ke framework NuxtJS
Membuat Component pada NuxtJS
Mengintegrasikan API dengan Front-end NuxtJS
Deployment Aplikasi NuxtJS ke Server
Cocok untuk developer yang ingin memahami cara integrasi API
Cocok untuk developer yang ingin belajar membuat aplikasi interaktif
Cocok untuk yang ingin menguasai frontend NuxtJS
Kami rekomendasikan untuk mempelajari kelas di bawah
Rp 15,000
Rp 15,000
Rp 15,000
Rp 15,000
Materi kelas yang bermanfaat untuk karir kita
4
Login API
Analisis langkah-langkah
2 mins
Membuat Repository
6 mins
Membuat Service
9 mins
Membuat Handler
7 mins
Git commit & push
2 mins
5
Email check API
Analisis langkah-langkah
3 mins
Membuat Service
6 mins
Membuat Handler
7 mins
Test menggunakan Postman
3 mins
6
Upload Avatar API
Analisis langkah-langkah
5 mins
Membuat Repository
4 mins
Membuat Service
7 mins
Membuat Handler
9 mins
Test menggunakan Postman
7 mins
Git commit
1 mins
7
JWT Authentication
Perkenalan
5 mins
Generate Token
9 mins
Test generate token
4 mins
Generate token saat register & login
4 mins
Test menggunakan Postman
3 mins
Recap dan git commit
2 mins
Validasi token
11 mins
Test validasi token
5 mins
Git commit
1 mins
8
Authentication Middleware
Analisis langkah-langkah
6 mins
Membuat Service
3 mins
Middleware bagian 1
8 mins
Middleware bagian 2
5 mins
Middleware bagian 3
6 mins
Test menggunakan Postman
4 mins
Mendapatkan user yang melakukan request/yang login
4 mins
Git commit
3 mins
9
Persiapan Campaign API
Analisis endpoint
3 mins
Struktur folder dan file
3 mins
Git commit
1 mins
Membuat entity
4 mins
10
List Campaign API
Analisis langkah-langkah
3 mins
Membuat Repository
8 mins
Mengetes repository
7 mins
Preload campaign image
12 mins
Git commit
1 mins
Membuat Service
9 mins
Mengetes service
4 mins
Membuat Handler
9 mins
Test menggunakan Postman
4 mins
Recap dan git commit
3 mins
JSON response formatter bagian 1
8 mins
JSON response formatter bagian 2
6 mins
Test menggunakan Postman
2 mins
Sedikit Update
4 mins
Refactoring
3 mins
Membuat routing untuk file gambar
4 mins
Slug
3 mins
11
Campaign Detail API
Analisis langkah-langkah
6 mins
Langkah-langkah
3 mins
Membuat Repository
5 mins
Membuat Service
4 mins
Membuat Handler
6 mins
JSON response formatter bagian 1
14 mins
JSON response formatter bagian 2
6 mins
JSON response formatter bagian 3
8 mins
Recap dan git commit
1 mins
12
Create Campaign API
Analisis langkah-langkah
3 mins
Membuat Repository
2 mins
Membuat Service bagian 1
8 mins
Membuat Service bagian 2
5 mins
Membuat Service bagian 3
6 mins
Membuat Handler
6 mins
Test menggunakan Postman
7 mins
Recap dan git commit
1 mins
14
Upload Campaign Image API
Analisis langkah-langkah
5 mins
Membuat Repository bagian 1
3 mins
Membuat Repository bagian 2
6 mins
Membuat Service
8 mins
Membuat Handler
6 mins
Test menggunakan Postman bagian 1
5 mins
Test menggunakan Postman bagian 2
1 mins
Authorization
5 mins
Recap dan git commit
3 mins
Fix bug
3 mins
15
Persiapan Transaction API
Analisis endpoint
4 mins
Struktur folder dan file
3 mins
Membuat entity
1 mins
Recap
2 mins
16
Campaign Transaction API
Analisis langkah-langkah
2 mins
Membuat Repository
5 mins
Membuat Service bagian 1
4 mins
Membuat Handler
4 mins
Menggabungkan repository, service dan handler
3 mins
Test menggunakan Postman
2 mins
JSON response formatter
7 mins
Mengurutkan data
1 mins
Authorization bagian 1
1 mins
Authorization bagian 2
6 mins
Recap
1 mins
17
User Transaction API
Analisis langkah-langkah
3 mins
Membuat Repository
6 mins
Membuat Service
2 mins
Membuat Handler
3 mins
Test menggunakan Postman
3 mins
JSON response formatter
10 mins
Test menggunakan Postman
3 mins
Recap
1 mins
Pengenalan Midtrans Payment Gateway
4 mins
Dashboard Midtrans
4 mins
Analisis langkah-langkah
3 mins
Membuat Repository
2 mins
Membuat Service
6 mins
Mengetes service
3 mins
Membuat Handler
4 mins
Test menggunakan Postman
3 mins
Membuat Service Midtrans bagian 1
12 mins
Membuat Service Midtrans bagian 2
6 mins
Membuat Service Midtrans bagian 3
6 mins
Test menggunakan Postman
2 mins
JSON response formatter
5 mins
Payment URL
5 mins
Test pembayaran berhasil
2 mins
Git commit
1 mins
Analisis langkah-langkah
7 mins
Membuat Service bagian 1
14 mins
Membuat Service bagian 2
5 mins
Membuat Handler
4 mins
Git commit
1 mins
Fix error
6 mins
Test menggunakan Postman
5 mins
CORS
4 mins
Fetch User
2 mins
18
Frontend: Persiapan
Review HTML Template
6 mins
Membuat Projek Nuxt JS Baru
10 mins
Konfigurasi Tailwind
9 mins
Memindahkan Assets File
3 mins
19
Frontend: Membuat Component
Navbar
4 mins
Footer
1 mins
Call to Action
2 mins
20
Frontend: Membuat Layout
Auth
2 mins
Error
5 mins
Success
2 mins
21
Frontend: Konversi Halaman
Landing
6 mins
Sign In
4 mins
Sign Up
3 mins
Upload Foto
4 mins
Register Success
2 mins
Detail Funding
4 mins
Success Fund
3 mins
Dashboard
5 mins
Dashboard Transaksi
3 mins
Dashboard Project Detail
3 mins
Dashboard Create Project
2 mins
22
Frontend: Integrasi API
Membaca Dokumentasi
5 mins
Mempersiapkan Integrasi API
3 mins
Memasang Library Autentikasi
2 mins
Konfigurasi Autentikasi
5 mins
Mempersiapkan Vuex Store
4 mins
Integrasi Landing Page Script
7 mins
Integrasi Landing Page Markup
8 mins
Integrasi Sign In Script
7 mins
Integrasi Sign In Markup
5 mins
Integrasi Navbar
12 mins
Integrasi Sign Up Script
5 mins
Integrasi Sign Up Markup
4 mins
Integrasi Upload Foto Script
9 mins
Integrasi Upload Foto Markup
8 mins
Integrasi Detail Funding
10 mins
Integrasi Detail Funding Galeri
6 mins
Integrasi Detail Funding Checkout
11 mins
Integrasi Halaman Finish, Error, Unfinish
3 mins
Integrasi Dashboard Backer
9 mins
Integrasi Dashboard Transaksi
4 mins
Integrasi Project Baru
9 mins
Integrasi Detail Project
11 mins
Integrasi Upload Foto
14 mins
Integrasi Edit Transaksi
7 mins
23
Web CMS Admin
Struktur Folder
6 mins
Fundamental HTML Layouting
21 mins
Memasang Template
10 mins
List of User
14 mins
Error Handling
5 mins
Menampilkan Avatar User
3 mins
Membuat Form Create User
7 mins
Membuat Create User
10 mins
Error Hanlding Membuat Create User
10 mins
Membuat Form Update User
12 mins
Membuat Update User
11 mins
Error Handling Update User
5 mins
Upload Avatar Form
7 mins
Upload Avatar Submit
6 mins
List of Campaign
7 mins
Memformat Goal Amount
3 mins
Membuat Campaign Form
11 mins
Membuat Campaign Submit
10 mins
Upload Campaign Image Form
3 mins
Upload Campaign Image Submit
9 mins
Update Campaign Form
7 mins
Update Campaign Submit
7 mins
Campaign Detail
9 mins
List of Transaction
12 mins
Middleware Auth untuk Admin
9 mins
Login Form
5 mins
Login Submit
8 mins
Logout
3 mins
Lengkapi semua pendukung di bawah sebelum belajar
Review setelah bergabung di kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding
Full-Stack Developer
Mantap sih inii
Data Scientist
love
Front-End Developer
Mantul
Full-Stack Developer
Kelas Mantapp !
Back-End Developer
Mantap
Full-Stack Developer
mantap
Front-End Developer
Buat saya yg masih baru belajar golang, penjelasannya mudah dipahami 👍👍👍
Full-Stack Developer
Mantap penjelasan nya mudah di pahami
Back-End Developer
mantap, materinya jelas dan tidak terburu-buru, lebih menekankan kepada pemahaman.
Full-Stack Developer
Sangat jelas dalam penjelasan dan mudah dimengerti 👍👍👍
Full-Stack Developer
Video mudah untuk di pahami
Full-Stack Developer
penjelasan mas agung sangat jelas dan mudah dipahami
Full-Stack Developer
Mantap gokill
Full-Stack Developer
Keren, jelas
Full-Stack Developer
Sangat jelas dan mudah dipahami
Full-Stack Developer
gw cuma fokus di golang nya, penjelaan mas agung jelas, gampang di mengerti, struktur folder golang ny juga bagus jd enak waktu belajar ulang, kalo frontend ny jujur byk skip karna cukup tau aja dan ga mau minat bgt buat bagian dpan
Full-Stack Developer
Tutornya mantap.. semoga saya bisa lebih jago dari mentornya... hehe
Full-Stack Developer
ok materi mudah di pahami
Full-Stack Developer
bagus penjelasan nya mas . keren2
Full-Stack Developer
Ada di satu video yang katanya akan ada bonus video untuk deploy app ke netlify, tapi nyatanya tidak ada. Alhasil materi Midtrans tidak bisa selesai karena notification URL tidak bisa menerima localhost. Mohon untuk kejelasannya. Terima kasih 🙏
Full-Stack Developer
code kurang optimal dan tidak memanfaatkan query database dengan baik. Ada beberapa code yg aneh tetapi bisa berjalan
Full-Stack Developer
mau ngikutin susah! tidak di sarankan untuk pemula
0 Hasil karya terbaik di kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding
Belum ada hasil karya.
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang
baru di bidang IT
Selamanya
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
Berlangganan
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
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT