flash sale
hamburger-menu

Kelas Online
Full-Stack Golang Vue NuxtJS: Website Crowdfunding

Learn how to build a real project from scratch

icon global
Release date January 2020
icon convert
Last updated October 2024
Member

3,653 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

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.

Sneak Peek

Key Points

icon_check

Membuat Responsive Website Design

icon_check

Mengintegrasikan Midtrans Payment Gateway

icon_check

Membangun API dengan Golang

icon_check

Templating HTML ke framework NuxtJS

icon_check

Membuat Component pada NuxtJS

icon_check

Mengintegrasikan API dengan Front-end NuxtJS

icon_check

Deployment Aplikasi NuxtJS ke Server

Designed For

icon_check

Cocok untuk developer yang ingin memahami cara integrasi API

icon_check

Cocok untuk developer yang ingin belajar membuat aplikasi interaktif

icon_check

Cocok untuk yang ingin menguasai frontend NuxtJS

Course Lessons

Learn With Expert

Mentor Galih Pratama

Galih Pratama

Full-Stack Developer

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

(93.5K)

Mentor Agung Setiawan

Agung Setiawan

Full-Stack Developer

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

(23.8K)

Mentor Dhimas Prio

Dhimas Prio

Product Designer

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

(50.9K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding

All Rating
Ahmad Zaky at BuildWithAngga
Ahmad Zaky

Full-Stack Developer

Sangat jelas dalam penjelasan dan mudah dimengerti 👍👍👍 read more

ic-star ic-star ic-star ic-star ic-star
Jessy Mutaj Hifjudin at BuildWithAngga
Jessy Mutaj Hifjudin

Full-Stack Developer

Pembawaan materinya mudah dipahami, sehingga saya bisa terbayang jika ini adalah kasus yang berbeda read more

ic-star ic-star ic-star ic-star ic-star
muhammad aditya at BuildWithAngga
Muhammad aditya

Lifetime Learner

gan, mau tanya, ini ngikutin clean arsitektur dari siapa ya ? read more

ic-star ic-star ic-star ic-star ic-star
Petrus Kuswandi at BuildWithAngga
Petrus Kuswandi

Lifetime Learner

Jarang-jarang ada courses golang fullstack dan cms read more

ic-star ic-star ic-star ic-star ic-star
Yudistira Rivaldi at BuildWithAngga
Yudistira Rivaldi

Full-Stack Developer

mantullllll read more

ic-star ic-star ic-star ic-star ic-star
Yogi Pratama at BuildWithAngga
Yogi Pratama

Full-Stack Developer

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 400,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.
Foto kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding Foto kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding Foto kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding Foto kelas Full-Stack Golang Vue NuxtJS: Website Crowdfunding

Full-Stack Golang Vue NuxtJS: Website Crowdfunding

Learn how to build a real project from scratch

  • play
  • lock
    Analisis Entity Relationship Diagram (ERD)
    11 minutes
  • lock
    Analisis Field di Tabel users
    7 minutes
  • lock
    Analisis Field di Tabel campaigns
    10 minutes
  • lock
    Analisis Field di Tabel campaign_images
    4 minutes
  • lock
    Analisis Field di Tabel transactions
    5 minutes

  • lock
    Init project dan instal Gin dan Gorm
    5 minutes
  • play
  • lock
    Gorm mengambil data dari tabel database
    14 minutes
  • lock
    Menghasilkan output JSON
    8 minutes
  • lock
    Struktur folder dan file
    6 minutes

  • lock
    Membuat Repository
    13 minutes
  • lock
    Membuat Service
    15 minutes
  • lock
    Membuat Handler
    14 minutes
  • lock
    JSON Response Helper
    14 minutes
  • lock
    User response formatter
    7 minutes
  • play
  • lock
    Menangani validasi
    8 minutes
  • lock
    Memformat error validasi
    3 minutes
  • lock
    Git dan GitHub
    4 minutes

  • lock
    Analisis langkah-langkah
    2 minutes
  • lock
    Membuat Repository
    6 minutes
  • lock
    Membuat Service
    9 minutes
  • lock
    Membuat Handler
    7 minutes
  • lock
    Git commit & push
    2 minutes

  • lock
    Analisis langkah-langkah
    3 minutes
  • lock
    Membuat Service
    6 minutes
  • lock
    Membuat Handler
    7 minutes
  • lock
    Test menggunakan Postman
    3 minutes

  • lock
    Analisis langkah-langkah
    5 minutes
  • lock
    Membuat Repository
    4 minutes
  • lock
    Membuat Service
    7 minutes
  • lock
    Membuat Handler
    9 minutes
  • lock
    Test menggunakan Postman
    7 minutes
  • lock
    Git commit
    1 minutes

  • lock
    Perkenalan
    5 minutes
  • lock
    Generate Token
    9 minutes
  • lock
    Test generate token
    4 minutes
  • lock
    Generate token saat register & login
    4 minutes
  • lock
    Test menggunakan Postman
    3 minutes
  • lock
    Recap dan git commit
    2 minutes
  • lock
    Validasi token
    11 minutes
  • lock
    Test validasi token
    5 minutes
  • lock
    Git commit
    1 minutes

  • lock
    Analisis langkah-langkah
    6 minutes
  • lock
    Membuat Service
    3 minutes
  • lock
    Middleware bagian 1
    8 minutes
  • lock
    Middleware bagian 2
    5 minutes
  • lock
    Middleware bagian 3
    6 minutes
  • lock
    Test menggunakan Postman
    4 minutes
  • lock
    Mendapatkan user yang melakukan request/yang login
    4 minutes
  • lock
    Git commit
    3 minutes

  • lock
    Analisis endpoint
    3 minutes
  • lock
    Struktur folder dan file
    3 minutes
  • lock
    Git commit
    1 minutes
  • lock
    Membuat entity
    4 minutes

  • lock
    Analisis langkah-langkah
    3 minutes
  • lock
    Membuat Repository
    8 minutes
  • lock
    Mengetes repository
    7 minutes
  • lock
    Preload campaign image
    12 minutes
  • lock
    Git commit
    1 minutes
  • lock
    Membuat Service
    9 minutes
  • lock
    Mengetes service
    4 minutes
  • lock
    Membuat Handler
    9 minutes
  • lock
    Test menggunakan Postman
    4 minutes
  • lock
    Recap dan git commit
    3 minutes
  • lock
    JSON response formatter bagian 1
    8 minutes
  • lock
    JSON response formatter bagian 2
    6 minutes
  • lock
    Test menggunakan Postman
    2 minutes
  • lock
    Sedikit Update
    4 minutes
  • lock
    Refactoring
    3 minutes
  • lock
    Membuat routing untuk file gambar
    4 minutes
  • lock
    Slug
    3 minutes

  • lock
    Analisis langkah-langkah
    6 minutes
  • lock
    Langkah-langkah
    3 minutes
  • lock
    Membuat Repository
    5 minutes
  • lock
    Membuat Service
    4 minutes
  • lock
    Membuat Handler
    6 minutes
  • lock
    JSON response formatter bagian 1
    14 minutes
  • lock
    JSON response formatter bagian 2
    6 minutes
  • lock
    JSON response formatter bagian 3
    8 minutes
  • lock
    Recap dan git commit
    1 minutes

  • lock
    Analisis langkah-langkah
    3 minutes
  • lock
    Membuat Repository
    2 minutes
  • lock
    Membuat Service bagian 1
    8 minutes
  • lock
    Membuat Service bagian 2
    5 minutes
  • lock
    Membuat Service bagian 3
    6 minutes
  • lock
    Membuat Handler
    6 minutes
  • lock
    Test menggunakan Postman
    7 minutes
  • lock
    Recap dan git commit
    1 minutes

  • lock
    Analisis langkah-langkah
    3 minutes
  • play
  • lock
    Membuat Service
    7 minutes
  • lock
    Membuat Handler
    5 minutes
  • lock
    Test menggunakan Postman
    5 minutes
  • lock
    Authorization
    7 minutes
  • lock
    Recap dan git commit
    3 minutes

  • lock
    Analisis langkah-langkah
    5 minutes
  • lock
    Membuat Repository bagian 1
    3 minutes
  • lock
    Membuat Repository bagian 2
    6 minutes
  • lock
    Membuat Service
    8 minutes
  • lock
    Membuat Handler
    6 minutes
  • lock
    Test menggunakan Postman bagian 1
    5 minutes
  • lock
    Test menggunakan Postman bagian 2
    1 minutes
  • lock
    Authorization
    5 minutes
  • lock
    Recap dan git commit
    3 minutes
  • lock
    Fix bug
    3 minutes

  • lock
    Analisis endpoint
    4 minutes
  • lock
    Struktur folder dan file
    3 minutes
  • lock
    Membuat entity
    1 minutes
  • lock
    Recap
    2 minutes

  • lock
    Analisis langkah-langkah
    2 minutes
  • lock
    Membuat Repository
    5 minutes
  • lock
    Membuat Service bagian 1
    4 minutes
  • play
  • lock
    Membuat Handler
    4 minutes
  • lock
    Menggabungkan repository, service dan handler
    3 minutes
  • lock
    Test menggunakan Postman
    2 minutes
  • lock
    JSON response formatter
    7 minutes
  • lock
    Mengurutkan data
    1 minutes
  • lock
    Authorization bagian 1
    1 minutes
  • lock
    Authorization bagian 2
    6 minutes
  • lock
    Recap
    1 minutes

  • lock
    Analisis langkah-langkah
    3 minutes
  • lock
    Membuat Repository
    6 minutes
  • lock
    Membuat Service
    2 minutes
  • lock
    Membuat Handler
    3 minutes
  • lock
    Test menggunakan Postman
    3 minutes
  • lock
    JSON response formatter
    10 minutes
  • lock
    Test menggunakan Postman
    3 minutes
  • lock
    Recap
    1 minutes
  • lock
    Pengenalan Midtrans Payment Gateway
    4 minutes
  • lock
    Dashboard Midtrans
    4 minutes
  • lock
    Analisis langkah-langkah
    3 minutes
  • lock
    Membuat Repository
    2 minutes
  • lock
    Membuat Service
    6 minutes
  • lock
    Mengetes service
    3 minutes
  • lock
    Membuat Handler
    4 minutes
  • lock
    Test menggunakan Postman
    3 minutes
  • lock
    Membuat Service Midtrans bagian 1
    12 minutes
  • lock
    Membuat Service Midtrans bagian 2
    6 minutes
  • lock
    Membuat Service Midtrans bagian 3
    6 minutes
  • lock
    Test menggunakan Postman
    2 minutes
  • lock
    JSON response formatter
    5 minutes
  • lock
    Payment URL
    5 minutes
  • lock
    Test pembayaran berhasil
    2 minutes
  • lock
    Git commit
    1 minutes
  • lock
    Analisis langkah-langkah
    7 minutes
  • lock
    Membuat Service bagian 1
    14 minutes
  • lock
    Membuat Service bagian 2
    5 minutes
  • lock
    Membuat Handler
    4 minutes
  • lock
    Git commit
    1 minutes
  • lock
    Fix error
    6 minutes
  • lock
    Test menggunakan Postman
    5 minutes
  • lock
    CORS
    4 minutes
  • lock
    Fetch User
    2 minutes

  • lock
    Review HTML Template
    6 minutes
  • lock
    Membuat Projek Nuxt JS Baru
    10 minutes
  • lock
    Konfigurasi Tailwind
    9 minutes
  • lock
    Memindahkan Assets File
    3 minutes

  • lock
    Navbar
    4 minutes
  • lock
    Footer
    1 minutes
  • lock
    Call to Action
    2 minutes

  • lock
    Auth
    2 minutes
  • lock
    Error
    5 minutes
  • lock
    Success
    2 minutes

  • lock
    Landing
    6 minutes
  • lock
    Sign In
    4 minutes
  • lock
    Sign Up
    3 minutes
  • lock
    Upload Foto
    4 minutes
  • lock
    Register Success
    2 minutes
  • lock
    Detail Funding
    4 minutes
  • lock
    Success Fund
    3 minutes
  • lock
    Dashboard
    5 minutes
  • lock
    Dashboard Transaksi
    3 minutes
  • lock
    Dashboard Project Detail
    3 minutes
  • lock
    Dashboard Create Project
    2 minutes

  • lock
    Membaca Dokumentasi
    5 minutes
  • lock
    Mempersiapkan Integrasi API
    3 minutes
  • lock
    Memasang Library Autentikasi
    2 minutes
  • lock
    Konfigurasi Autentikasi
    5 minutes
  • lock
    Mempersiapkan Vuex Store
    4 minutes
  • lock
    Integrasi Landing Page Script
    7 minutes
  • lock
    Integrasi Landing Page Markup
    8 minutes
  • lock
    Integrasi Sign In Script
    7 minutes
  • lock
    Integrasi Sign In Markup
    5 minutes
  • lock
    Integrasi Navbar
    12 minutes
  • lock
    Integrasi Sign Up Script
    5 minutes
  • lock
    Integrasi Sign Up Markup
    4 minutes
  • lock
    Integrasi Upload Foto Script
    9 minutes
  • lock
    Integrasi Upload Foto Markup
    8 minutes
  • lock
    Integrasi Detail Funding
    10 minutes
  • lock
    Integrasi Detail Funding Galeri
    6 minutes
  • lock
    Integrasi Detail Funding Checkout
    11 minutes
  • lock
    Integrasi Halaman Finish, Error, Unfinish
    3 minutes
  • lock
    Integrasi Dashboard Backer
    9 minutes
  • lock
    Integrasi Dashboard Transaksi
    4 minutes
  • lock
    Integrasi Project Baru
    9 minutes
  • lock
    Integrasi Detail Project
    11 minutes
  • lock
    Integrasi Upload Foto
    14 minutes
  • lock
    Integrasi Edit Transaksi
    7 minutes

  • lock
    Struktur Folder
    6 minutes
  • lock
    Fundamental HTML Layouting
    21 minutes
  • lock
    Memasang Template
    10 minutes
  • lock
    List of User
    14 minutes
  • lock
    Error Handling
    5 minutes
  • lock
    Menampilkan Avatar User
    3 minutes
  • lock
    Membuat Form Create User
    7 minutes
  • lock
    Membuat Create User
    10 minutes
  • lock
    Error Hanlding Membuat Create User
    10 minutes
  • lock
    Membuat Form Update User
    12 minutes
  • lock
    Membuat Update User
    11 minutes
  • lock
    Error Handling Update User
    5 minutes
  • lock
    Upload Avatar Form
    7 minutes
  • lock
    Upload Avatar Submit
    6 minutes
  • lock
    List of Campaign
    7 minutes
  • lock
    Memformat Goal Amount
    3 minutes
  • lock
    Membuat Campaign Form
    11 minutes
  • lock
    Membuat Campaign Submit
    10 minutes
  • lock
    Upload Campaign Image Form
    3 minutes
  • lock
    Upload Campaign Image Submit
    9 minutes
  • lock
    Update Campaign Form
    7 minutes
  • lock
    Update Campaign Submit
    7 minutes
  • lock
    Campaign Detail
    9 minutes
  • lock
    List of Transaction
    12 minutes
  • lock
    Middleware Auth untuk Admin
    9 minutes
  • lock
    Login Form
    5 minutes
  • lock
    Login Submit
    8 minutes
  • lock
    Logout
    3 minutes
Develop Your Skills

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.

read more
Key Points
  • check
    Membuat Responsive Website Design
  • check
    Mengintegrasikan Midtrans Payment Gateway
  • check
    Membangun API dengan Golang
  • check
    Templating HTML ke framework NuxtJS
  • check
    Membuat Component pada NuxtJS
  • check
    Mengintegrasikan API dengan Front-end NuxtJS
  • check
    Deployment Aplikasi NuxtJS ke Server
Created For
  • check
    Cocok untuk developer yang ingin memahami cara integrasi API
  • check
    Cocok untuk developer yang ingin belajar membuat aplikasi interaktif
  • check
    Cocok untuk yang ingin menguasai frontend NuxtJS
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
3,653
Happy Students
Ahmad Zaky at BuildWithAngga
Ahmad Zaky

Full-Stack Developer

Sangat jelas dalam penjelasan dan mudah dimengerti 👍👍👍

ic-star ic-star ic-star ic-star ic-star
Jessy Mutaj Hifjudin at BuildWithAngga
Jessy Mutaj Hifjudin

Full-Stack Developer

Pembawaan materinya mudah dipahami, sehingga saya bisa terbayang jika ini adalah kasus yang berbeda

ic-star ic-star ic-star ic-star ic-star
muhammad aditya at BuildWithAngga
muhammad aditya

Lifetime Learner

gan, mau tanya, ini ngikutin clean arsitektur dari siapa ya ?

ic-star ic-star ic-star ic-star ic-star
Petrus Kuswandi at BuildWithAngga
Petrus Kuswandi

Lifetime Learner

Jarang-jarang ada courses golang fullstack dan cms

ic-star ic-star ic-star ic-star ic-star
Yudistira Rivaldi at BuildWithAngga
Yudistira Rivaldi

Full-Stack Developer

mantullllll

ic-star ic-star ic-star ic-star ic-star
Yogi Pratama at BuildWithAngga
Yogi Pratama

Full-Stack Developer

keren

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

arrow_upward