Kelas Online
Full-Stack Golang Vue NuxtJS: Website Crowdfunding

Dibangun oleh Galih Pratama & Agung Setiawan


STUDENT

422

TINGKAT

ALL LEVELS

KONSULTASI

check_circle

SERTIFIKAT

check_circle

Tentang Kelas

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.

Kamu Akan Mempelajari:

check_circle

Membuat Responsive Website Design

check_circle

Mengintegrasikan Midtrans Payment Gateway

check_circle

Membangun API dengan Golang

check_circle

Templating HTML ke framework NuxtJS

check_circle

Membuat Component pada NuxtJS

check_circle

Mengintegrasikan API dengan Front-end NuxtJS

check_circle

Deployment Aplikasi NuxtJS ke Server

Screenshots

Lihat dulu yuk foto projek kelas

Gabung dan Pelajari

Materi kelas yang akan kita pelajari bersama

lock  

Analisis Entity atau Table

lock  

Analisis Entity Relationship Diagram (ERD)

lock  

Analisis Field di Tabel users

lock  

Analisis Field di Tabel campaigns

lock  

Analisis Field di Tabel campaign_images

lock  

Analisis Field di Tabel transactions

lock  

Init project dan instal Gin dan Gorm

lock  

Gorm koneksi ke database

lock  

Gorm mengambil data dari tabel database

lock  

Menghasilkan output JSON

lock  

Struktur folder dan file

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

JSON Response Helper

lock  

User response formatter

lock  

Error handling yang lebih baik

lock  

Menangani validasi

lock  

Memformat error validasi

lock  

Git dan GitHub

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

Git commit & push

lock  

Analisis langkah-langkah

lock  

Membuat Service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Git commit

lock  

Perkenalan

lock  

Generate Token

lock  

Test generate token

lock  

Generate token saat register & login

lock  

Test menggunakan Postman

lock  

Recap dan git commit

lock  

Validasi token

lock  

Test validasi token

lock  

Git commit

lock  

Analisis langkah-langkah

lock  

Membuat Service

lock  

Middleware bagian 1

lock  

Middleware bagian 2

lock  

Middleware bagian 3

lock  

Test menggunakan Postman

lock  

Mendapatkan user yang melakukan request/yang login

lock  

Git commit

lock  

Analisis endpoint

lock  

Struktur folder dan file

lock  

Git commit

lock  

Membuat entity

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Mengetes repository

lock  

Preload campaign image

lock  

Git commit

lock  

Membuat Service

lock  

Mengetes service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Recap dan git commit

lock  

JSON response formatter bagian 1

lock  

JSON response formatter bagian 2

lock  

Test menggunakan Postman

lock  

Sedikit Update

lock  

Refactoring

lock  

Membuat routing untuk file gambar

lock  

Slug

lock  

Analisis langkah-langkah

lock  

Langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

JSON response formatter bagian 1

lock  

JSON response formatter bagian 2

lock  

JSON response formatter bagian 3

lock  

Recap dan git commit

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service bagian 1

lock  

Membuat Service bagian 2

lock  

Membuat Service bagian 3

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Recap dan git commit

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Authorization

lock  

Recap dan git commit

lock  

Analisis langkah-langkah

lock  

Membuat Repository bagian 1

lock  

Membuat Repository bagian 2

lock  

Membuat Service

lock  

Membuat Handler

lock  

Test menggunakan Postman bagian 1

lock  

Test menggunakan Postman bagian 2

lock  

Authorization

lock  

Recap dan git commit

lock  

Fix bug

lock  

Analisis endpoint

lock  

Struktur folder dan file

lock  

Membuat entity

lock  

Recap

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service bagian 1

lock  

Membuat Service bagian 2

lock  

Membuat Handler

lock  

Menggabungkan repository, service dan handler

lock  

Test menggunakan Postman

lock  

JSON response formatter

lock  

Mengurutkan data

lock  

Authorization bagian 1

lock  

Authorization bagian 2

lock  

Recap

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

JSON response formatter

lock  

Test menggunakan Postman

lock  

Recap

lock  

Pengenalan Midtrans Payment Gateway

lock  

Dashboard Midtrans

lock  

Analisis langkah-langkah

lock  

Membuat Repository

lock  

Membuat Service

lock  

Mengetes service

lock  

Membuat Handler

lock  

Test menggunakan Postman

lock  

Membuat Service Midtrans bagian 1

lock  

Membuat Service Midtrans bagian 2

lock  

Membuat Service Midtrans bagian 3

lock  

Test menggunakan Postman

lock  

JSON response formatter

lock  

Payment URL

lock  

Test pembayaran berhasil

lock  

Git commit

lock  

Analisis langkah-langkah

lock  

Membuat Service bagian 1

lock  

Membuat Service bagian 2

lock  

Membuat Handler

lock  

Git commit

lock  

Fix error

lock  

Test menggunakan Postman

lock  

CORS

lock  

Fetch User

lock  

Review HTML Template

lock  

Membuat Projek Nuxt JS Baru

lock  

Konfigurasi Tailwind

lock  

Memindahkan Assets File

lock  

Navbar

lock  

Footer

lock  

Call to Action

lock  

Auth

lock  

Error

lock  

Success

lock  

Landing

lock  

Sign In

lock  

Sign Up

lock  

Upload Foto

lock  

Register Success

lock  

Detail Funding

lock  

Success Fund

lock  

Dashboard

lock  

Dashboard Transaksi

lock  

Dashboard Project Detail

lock  

Dashboard Create Project

lock  

Membaca Dokumentasi

lock  

Mempersiapkan Integrasi API

lock  

Memasang Library Autentikasi

lock  

Konfigurasi Autentikasi

lock  

Mempersiapkan Vuex Store

lock  

Integrasi Landing Page Script

lock  

Integrasi Landing Page Markup

lock  

Integrasi Sign In Script

lock  

Integrasi Sign In Markup

lock  

Integrasi Navbar

lock  

Integrasi Sign Up Script

lock  

Integrasi Sign Up Markup

lock  

Integrasi Upload Foto Script

lock  

Integrasi Upload Foto Markup

lock  

Integrasi Detail Funding

lock  

Integrasi Detail Funding Galeri

lock  

Integrasi Detail Funding Checkout

lock  

Integrasi Halaman Finish, Error, Unfinish

lock  

Integrasi Dashboard Backer

lock  

Integrasi Dashboard Transaksi

lock  

Integrasi Project Baru

lock  

Integrasi Detail Project

lock  

Integrasi Upload Foto

lock  

Integrasi Edit Transaksi

lock  

Struktur Folder

lock  

Fundamental HTML Layouting

lock  

Memasang Template

lock  

List of User

lock  

Error Handling

lock  

Menampilkan Avatar User

lock  

Membuat Form Create User

lock  

Membuat Create User

lock  

Error Hanlding Membuat Create User

lock  

Membuat Form Update User

lock  

Membuat Update User

lock  

Error Handling Update User

lock  

Upload Avatar Form

lock  

Upload Avatar Submit

lock  

List of Campaign

lock  

Memformat Goal Amount

lock  

Membuat Campaign Form

lock  

Membuat Campaign Submit

lock  

Upload Campaign Image Form

lock  

Upload Campaign Image Submit

lock  

Update Campaign Form

lock  

Update Campaign Submit

lock  

Campaign Detail

lock  

List of Transaction

lock  

Middleware Auth untuk Admin

lock  

Login Form

lock  

Login Submit

lock  

Logout

Tools

Visual Studio Code BuildWith Angga

Visual Studio Code

Vue JS BuildWith Angga

Vue JS

Vue CLI BuildWith Angga

Vue CLI

Node JS BuildWith Angga

Node JS

Postman API BuildWith Angga

Postman API

GitHub BuildWith Angga

GitHub

Figma BuildWith Angga

Figma

Golang BuildWith Angga

Golang


Sistem Operasi

Windows / Mac OS / Linux

RAM

4 Gigabyte

Storage Kosong

10 Gigabyte

Mentor Kelas

Terpilih sebagai pengajar yang trusted dan handal

Kenapa BWA
Cocok Untukmu

Kini belajar design apps dan coding
terasa lebih mudah dan asyik

materi IT terbaru buildwithangga
Studi Kasus
Up-To-Date
kualitas video HD kelas buildwithangga
Kualitas Video
1080HD 60FPS
belajar dari modul buildwithangga
Modules
Dasar ke Expert
bebas konsultasi IT gratis buildwithangga
Konsultasi
Seumur Hidup
kelas android bahasa indonesia buildwithangga
Bahasa
Bahasa Indonesia
download projek akhir buildwithangga
Project
Untuk Portfolio
sertifikat kelulusan kelas buildwithangga
Sertifikat
Kelulusan Kelas
akses kelas seumur hidup buildwithangga
Akses Kelas
Seumur Hidup
belajar offline buildwithangga
Offline
Dapat diunduh

Investasi Masa Depan

Langkah awal yang tepat untuk menuju kesuksesan

422 Happy Student

Review setelah gabung kelas online Full-Stack Golang Vue NuxtJS: Website Crowdfunding

Sangat jelas dalam penjelasan dan mudah dimengerti 👍👍👍.

Ahmad Zaky

Web Developer, App Developer

bagus penjelasan nya mas . keren2.

Rifai Martin

Backend Developer

ok materi mudah di pahami.

kurniawan

Front End Developer

Tutornya mantap.. semoga saya bisa lebih jago dari mentornya... hehe.

member yang belajar di buildwithangga

“ Bergabung dengan puluhan ribu lainnya untuk menyambut era teknologi;

Tidak perlu download / kartu kredit. Cukup daftar langsung belajar.