Fullstack Go ReactJS: Sistem Project Management
Mengembangkan aplikasi web modern dengan teknologi Go dan ReactJS dengan studi kasus Sistem Project Management.
.png&w=2048&q=75)
Tentang course
Kursus ini dirancang untuk membekali Kamu dengan pengetahuan dan keterampilan yang komprehensif dalam pengembangan aplikasi web modern. Kami akan memulai dengan fondasi yang kuat, mengajarkan Kamu cara membangun API yang efisien dan andal menggunakan Go. Kamu akan mempelajari praktik terbaik seperti Design Pattern untuk menghasilkan kode yang bersih dan mudah dikelola. Di sisi frontend, Kamu akan menggunakan ReactJS 19 dan Vite untuk membangun antarmuka yang dinamis dan responsif, dengan fokus pada fungsionalitas dan logika inti. Pendekatan kami sangat pragmatis—kami tidak akan terlalu fokus pada desain UI yang sempurna, melainkan pada bagaimana seorang developer berpikir dan membangun produk dari kacamata developer itu sendiri.
Setelah menguasai fondasi tersebut, Kamu akan belajar cara mengelola data dengan Postgres dan menerapkan validasi data yang solid menggunakan React Hook Form dan Yup, memastikan aplikasi Kamu tangguh dan bebas dari kesalahan. Bagian yang tidak kalah penting, Kamu akan diberikan panduan lengkap tentang Deployment VPS, sehingga Kamu dapat membawa aplikasi yang telah Kamu kembangkan ke lingkungan produksi. Kami percaya bahwa setiap pengembang harus memahami seluruh siklus pengembangan, dari menulis kode hingga meluncurkannya ke publik. Studi kasus Project Management System yang Kamu bangun selama kursus ini bersifat generik dan dapat dengan mudah diadaptasi untuk studi kasus lain, seperti sistem e-commerce, manajemen inventaris, atau aplikasi media sosial sederhana. Seluruh kode yang Kamu kembangkan dalam kursus ini adalah milik Kamu sepenuhnya dan bebas untuk dikembangkan lebih lanjut atau bahkan dikomersialkan. Dengan kurikulum yang terstruktur ini, Kamu akan lulus sebagai full-stack software developer yang kompeten, siap menghadapi tantangan di industri teknologi.
Benefit yang akan kamu dapatkan
Akses Selamanya Seluruh Video Yang Tersedia
60+ Video Pembelajaran
Sertifikat Digital Yang Bisa Kamu Share
Grup Discord Exclusive Untuk Diskusi
Teknologi Terkini Untuk Web Development
Mentor Expert Yang Mengajar Sesuai Bidangnya
Teknologi yang akan kamu pelajari
Selain kamu bakal belajar tentang Go dan ReactJS, kamu juga bakal belajar teknologi pendukung lainnya bahkan sampai deployment aplikasi yang bisa kamu implementasikan ke dalam berbagai macam studi kasus.
React JS 19
Frontend Library
Vite
React Build Tool
Javascript
Frontend Programming Language
Material UI
React Component Library
Axios
HTTP Client
React Hook Form
Form Validation
Yup
Data Validation
Go
Backend Programming Language
Postgres
Database
Design Pattern
Software Design Pattern
Deployment VPS
Fundamental Deployment to Production
Mentor expert yang akan membimbing kamu

Materi yang akan kamu pelajari
Backend: Go Dasar
- Introduction
- Create First Project
- Data Type
- Data Conversion
- Array
- Slice
- Map
- Mathematical Operations
- Comparison Operations
- IF ELSE
- Switch
- For Loop
- Function Parameter & Return Value
- Defer, Panic, Recover
- Struct
- Pointer
- Struct Method
- Package
- Error Handling
Backend: Studi kasus Project Management
- Introduction
- Rest API
- Gambaran Umum Project Management
- API Contract
- Scope - Project Management
- Membuat Struktur Data
- Tect Stack
- JWT
- Setup Project + Fiber
- Konsep Routing & Handler
- Integrasi Database (PostgreSQL)
- Membuat Model dan Relasi
- Swagger untuk Dokumentasi
Backend: Pengelolaan User
- Register
- Login
- Get User By ID
- Get User Using Pagination
- Update User
- Create User
Backend: Pengelolaan Project / Board
- Create Board
- Update Board
- Delete Board
- Get Board
- Get All Board
- Get My Board
- Get Member On Board
- Add member to board
- Get List Board
- Update Position List On board
Backend: Pengelolaan List
- Create List
- Update List
- Delete List
Backend: Pengelolaan Card
- Create Card
- Update Card
- Delete Card
- Get Card
- Add Card Label
- Delete Card Label
- Add Card Assign
- Delete Card Assign
- Add Comment
- Delete Comment
- Get Card Position
- Update Card Position
Backend: Dashboard
- Get List Project with filter
Frontend: Javascript dan React Dasar
- Pendahuluan Javascript
- Overview, HTML, CSS dan Javascript
- Javascript: Membuat UI Todo App
- Javascript: Membuat fitur tambah tugas
- Javascript: Membuat fitur hapus dan checklist tugas
- Pendahuluan React
- React: Menyiapkan aplikasi Todo App dengan React
- React: CRUD (Create, Read, Update, Delete)
Frontend: Menyiapkan project React
- Menyiapkan project React dengan Vite
- Install dan setup package material-ui (mui)
- Install dan setup eslint dan prettier
- Install dan setup react-router-dom
- Membuat komponen Tabel
- Membuat komponen Pagination
- Membuat komponen Modal
- Membuat komponen Forms / Datepicker
- Membuat komponen Forms / Select
- Membuat komponen Forms / TextField
- Membuat komponen Dropdown
- Membuat komponen Avatar
- Membuat komponen Sidebar Menu
- Membuat fitur Protected Routes
- Install dan setup package Axios
Frontend: Membuat Sistem Autentikasi
- Membuat fitur Login
- Membuat fitur Sign Up
Frontend: Pengelolaan Proyek
- Menampilkan daftar proyek
- Membuat proyek baru
- Menampilkan detail proyek
- Mengelola tugas proyek (drag n drop)
- Mengubah tanggal deadline proyek
- Menghentikan proyek
- Menugaskan satu atau beberapa anggota tim ke proyek
Frontend: Membuat Dashboard
- Install dan setup package recharts
- Membuat komponen Pie Chart
- Menampilkan informasi summary proyek
Frontend: Deployment
- Deploy aplikasi frontend ke VPS
Biaya terjangkau untuk masa depan kamu
Akses Selamanya Seluruh Video Yang Tersedia
60+ Video Pembelajaran
Sertifikat Digital Yang Bisa Kamu Share
Grup Discord Exclusive Untuk Diskusi
Teknologi Terkini Untuk Web Development
Mentor Expert Yang Mengajar Sesuai Bidangnya
Punya pertanyaan seputar course
Apa saja persyaratan untuk mengikuti course ini?
Apakah pembelajaran dilakukan secara online?
Apakah saya akan mendapatkan sertifikat setelah menyelesaikan course ini?
Bagaimana jika saya mengalami kesulitan dalam memahami materi atau mengerjakan proyek?
Bagaimana cara mendaftar dan melakukan pembayaran?
Kapan course ini akan dimulai?
Apakah ada batas waktu untuk menyelesaikan course ini?
Apakah saya bisa mendapatkan akses seumur hidup ke materi course?
Konsultasi Program Gratis
Apabila kamu memiliki pertanyaan dan ingin berkonsultasi langsung dengan team WPU Course

Kang APIP WPU
Asisten Pintar & Interaktif Platform WPU