Master Programming
From fundamentals to production deployment. Build 5+ real applications with multiple tech stacks, AI integration, VPS deployment, and industry best practices.
Curriculum — 8 weeks
Project-focused learning with weekly mistake reviews and real applications you'll build and deploy.
Environment & Fundamentals
Setup development environment, build company profile website, learn desktop/mobile/web fundamentals.
App Building & Group Reviews
Build the dashboard storage app, homework assignments, and group code reviews for web and mobile.
Complex Applications
Advanced app development with complex case environments, AI integrations, and production-ready features.
Final Project & Presentations
Individual final projects, one-on-one mentoring sessions, and project presentations with portfolio preparation.
Weekly Reviews: Every week ends with a group session to review common mistakes and learn best practices together.
Detailed Learning Path
Week-by-week breakdown of what you'll learn, build, and master. Each week combines theory, hands-on coding, and real project development.
Week 1-2: AI-Powered Web Development Foundation
FoundationMaster AI tools and web fundamentals while building professional websites with modern deployment.
Week 1: AI Tools & Development Landscape
- LLM fundamentals: tokens, prompts, requests & pricing
- Install Cursor AI IDE or other AI-powered IDEs
- Development world overview: Web vs Mobile vs Desktop
- Environment setup & development tools ecosystem
- Git & GitHub fundamentals for collaboration
Week 1: Web Fundamentals & Platforms
- Web fundamentals: HTML, CSS, JavaScript
- Platform comparison: Native vs Hybrid vs Web apps
- Development environment setup for each platform
- Build individual web portfolio for each member
- Cross-platform development strategies
Development Platforms Deep Dive
🌐 Web Development
- • Browser-based applications
- • Cross-platform compatibility
- • Instant updates & deployment
- • Technologies: HTML, CSS, JS, React
📱 Mobile Development
- • iOS & Android native apps
- • React Native for cross-platform
- • App Store distribution
- • Device-specific features
🖥️ Desktop Development
- • Windows, macOS, Linux apps
- • Electron for web technologies
- • System-level integrations
- • Performance & resource control
Week 2: Framework & Production Deployment
- Learn PRD (Product Requirements Document) & planning
- Choose development platform for your project
- Build company profile with Next.js framework
- Domain acquisition & Cloudflare DNS setup (.xyz)
- Production deployment to Vercel
Week 2: Environment & Cross-Platform Setup
- Development environment optimization
- Package managers: npm, yarn, pnpm comparison
- Version control best practices across platforms
- Custom domain configuration & SSL
- Platform-specific deployment strategies
Project 1: AI-Assisted Company Profile Website
Build a professional company website using AI tools, Next.js framework, deployed with custom domain and professional setup.
Week 3-4: Tech Stack Selection & MVP Dashboard Development
Full-StackLearn tech stack selection best practices, build MVP dashboard with multiple environments, and deploy to VPS.
Tech Stack Selection Framework
📊 Decision Factors
- • Project requirements & complexity
- • Team expertise & learning curve
- • Performance & scalability needs
- • Ecosystem & community support
- • Hosting & deployment options
⚖️ Stack Comparison
- • LAMP vs MEAN vs JAMstack
- • PHP vs Node.js vs Python
- • MySQL vs PostgreSQL vs MongoDB
- • React vs Vue vs vanilla JS
- • VPS vs Cloud vs Serverless
Week 3: Multi-Environment Development
- Tech stack evaluation & selection criteria
- PHP environment setup (XAMPP/LAMP optional)
- Database design: MySQL vs PostgreSQL comparison
- Building MVP dashboard backend (PHP/Node.js)
- API development & testing best practices
Week 4: Docker, Automation & VPS Deployment
- Frontend framework selection & implementation
- Docker fundamentals & containerization concepts
- Dockerfile creation & Docker Compose setup
- Makefile automation & build scripts
- VPS deployment with containerized applications
Docker & Automation Deep Dive
🐳 Docker Containerization
- • What is containerization and why use it?
- • Docker vs Virtual Machines comparison
- • Dockerfile best practices & optimization
- • Docker Compose for multi-service apps
- • Container networking & volumes
- • Production deployment with Docker
🛠️ Makefile Automation
- • What is Makefile and build automation?
- • Common development commands automation
- • Docker commands simplification
- • Environment setup automation
- • Deployment scripts & CI/CD basics
- • Team collaboration & consistency
Environment Options Comparison
🐘 PHP Stack (Optional)
- • LAMP/XAMPP setup
- • PHP 8+ with Composer
- • MySQL/MariaDB database
- • Dockerized PHP environment
🟢 Node.js Stack
- • Express.js or Next.js API
- • PostgreSQL with Prisma
- • React frontend
- • Containerized with Docker Compose
🌐 VPS Deployment
- • DigitalOcean/Linode/Vultr
- • Docker & Docker Compose on VPS
- • Nginx reverse proxy setup
- • Automated deployment with Makefile
Project 2: Containerized MVP Dashboard
Build a production-ready dashboard MVP with Docker containerization, Makefile automation, and seamless VPS deployment.
Week 5-6: SaaS Application Development
SaaS ArchitectureBuild separated backend/frontend SaaS architecture using Docker containerization, applying previous Docker knowledge with modern frameworks like NestJS and Vite.js.
Week 5: Backend API Development (NestJS)
- NestJS framework & TypeScript backend
- RESTful API design & documentation
- Database integration (PostgreSQL/Prisma)
- Authentication & JWT implementation
- Docker containerization for backend
Week 6: Frontend SPA (Vite.js + TanStack)
- Vite.js setup & modern React development
- TanStack Query for API state management
- TanStack Router for client-side routing
- Docker containerization for frontend
- Docker Compose multi-service orchestration
Separated Architecture Deep Dive
🏗️ Backend Development (NestJS)
- • NestJS modules & dependency injection
- • TypeScript decorators & metadata
- • Prisma ORM & database modeling
- • JWT authentication & guards
- • API documentation with Swagger
- • Docker backend containerization
⚡ Frontend SPA (Vite.js)
- • Vite.js fast development setup
- • TanStack Query for server state
- • TanStack Router file-based routing
- • Modern React patterns & hooks
- • API integration best practices
- • Docker frontend containerization
🐳 Docker Orchestration
- • Multi-service Docker Compose
- • Backend/Frontend/Database containers
- • Container networking & communication
- • Development vs Production configs
- • Volume management & persistence
- • Service scaling & load balancing
Tech Debt Management & Code Quality
🚨 Identifying Tech Debt
- • What is technical debt & its impact
- • Code smells & antipatterns
- • Performance bottlenecks identification
- • Security vulnerabilities assessment
- • Documentation gaps & missing tests
🔧 Refactoring Strategies
- • Safe refactoring techniques
- • Code structure improvements
- • Database schema optimization
- • API design improvements
- • Performance optimization methods
✅ Prevention Best Practices
- • Clean code principles
- • Code review processes
- • Automated testing strategies
- • Documentation standards
- • Continuous improvement culture
Alternative Stack Exploration
🔧 Backend Alternatives
- • Golang: Gin/Echo framework setup
- • Python: FastAPI/Django REST setup
- • Performance comparison & use cases
- • API design patterns across languages
- • Docker optimization for each stack
- • Database integration patterns
⚛️ Frontend Alternatives
- • Vite.js: Pure SPA development
- • Next.js: Full-stack framework
- • TanStack vs built-in solutions
- • SSR vs SPA architecture decisions
- • Build optimization & deployment
- • Frontend-backend communication patterns
Project 3: Separated SaaS Architecture
Build a containerized SaaS application with separated backend (NestJS) and frontend (Vite.js + TanStack), applying Docker orchestration skills from previous weeks.
Alternative Stack Assignment
Individual task to build a simple application using different stack combinations to understand architectural differences and language-specific patterns.
Backend Options
Frontend Options
Week 7-8: Final Project Development
CapstoneIntensive final project development with personalized guidance. Build your own complete application with multiple APIs, database, and SMTP functionality.
Week 7: Project Planning & Development
- Project ideation & requirement planning
- Architecture decision: Monolith vs Separated
- API selection & integration (minimum 2)
- Database schema design & setup
- SMTP & email functionality setup
Week 8: Completion & Presentation
- Feature completion & bug fixes
- Production deployment & optimization
- Documentation & README creation
- Final presentation preparation
- Graduation day demo & showcase
Intensive One-on-One Format
👨🏫 Personalized Guidance
- • Individual mentoring sessions with instructor
- • Project-specific problem solving
- • Architecture & design decision guidance
- • Code review & optimization tips
- • Real-time debugging assistance
👥 Peer Learning Opportunities
- • Other students can observe sessions
- • Learn from different project approaches
- • Cross-project collaboration opportunities
- • Diverse problem-solving techniques
- • Community building & networking
Final Project Requirements
Build a complete, production-ready application that demonstrates all skills learned throughout the bootcamp.
Technical Requirements
Architecture Choice
Adaptive Structure
2 sessions per week (Tuesday & Saturday), 3 hours each. Week 7-8: Intensive one-on-one guidance with personalized project development sessions.
Group Learning
Small cohorts of 8 students with peer programming, code reviews, and collaborative problem-solving.
Project-Based
Learn by building real applications from day one, not just theoretical exercises or tutorials.
Technologies & Tools You'll Master
Frontend & SPA Development
Backend & Data
Code Quality & Architecture
DevOps & Containerization
What You'll Build
Company Profile Website
Build a professional company website with SEO optimization, responsive design, and modern web fundamentals.
Dashboard Storage MVP
Full-stack data management with CRUD operations, real-time updates, and interactive data visualization dashboard.
Separated SaaS Architecture
Professional separated backend/frontend architecture using NestJS API, Vite.js SPA, Docker orchestration, and multiple tech stack explorations.
Final Capstone Project
Your own complete application with 2+ APIs, SMTP email system, database integration, and choice of architecture. Graduation showcase ready.
Teaching Structure & Schedule
Weekly Schedule
Tuesday
7:00 PM - 10:00 PM WIB (3 hours live)
- • Hour 1: Theory & Concept Introduction
- • Hour 2: Live Coding & Demonstration
- • Hour 3: Hands-on Practice & Q&A
Saturday
4:00 PM - 7:00 PM WIB (3 hours Project Workshop)
- • Project work & individual guidance
- • Code reviews & debugging sessions
- • Weekly mistake review & best practices
Daily Structure
Live Session Format
- • 15 min: Quick review of previous session
- • 45 min: New concept teaching with examples
- • 60 min: Live coding demonstration
- • 45 min: Student hands-on practice
- • 15 min: Q&A and next session preview
Homework & Practice
- • 30-60 minutes daily practice
- • Project milestones due weekly
- • Code review submissions
- • Optional bonus challenges
Assignment Types
- • Feature implementation
- • Bug fixing challenges
- • Design improvements
- • Performance optimization
- • Code refactoring
Group Activities
- • Pair Vibe builder sessions
- • Code review circles
- • Problem solving discussions
- • Project presentations
- • Peer feedback sessions
Assessment Methods
- • Project completion rate
- • Code quality assessment
- • Participation in discussions
- • Help given to peers
- • Improvement over time