Web Development Full Stack (Frontend & Backend)
Web Development Full Stack (Frontend & Backend)
Description
Perkembangan teknologi digital yang sangat pesat telah menjadikan kemampuan pengembangan aplikasi web sebagai salah satu kompetensi utama di era modern. Hampir seluruh sektor industri—mulai dari perbankan, pendidikan, kesehatan, hingga e-commerce—membutuhkan aplikasi berbasis web untuk mendukung operasional dan layanan kepada pengguna.
Full Stack Web Development mencakup kemampuan membangun aplikasi web secara menyeluruh, baik pada sisi frontend (antarmuka pengguna) maupun backend (logika server, database, dan API). Seorang full stack developer dituntut untuk memahami bagaimana sebuah sistem web bekerja dari sisi tampilan hingga pengolahan data di server.
Objectives
- Memahami konsep dasar pengembangan web frontend dan backend.
- Membangun antarmuka pengguna (UI) yang responsif dan interaktif.
- Mengembangkan logika server dan API untuk aplikasi web.
- Mengelola database untuk penyimpanan dan pengolahan data.
- Mengintegrasikan frontend dan backend dalam satu sistem aplikasi utuh.
- Menerapkan prinsip keamanan dasar dalam pengembangan aplikasi web.
- Mampu membuat project full stack sederhana hingga menengah secara mandiri.
Course outline
1. Pengenalan Web Development
- Konsep client-server architecture
- Cara kerja website
- Peran frontend, backend, dan database
- Overview teknologi web modern
2. Frontend Development
- HTML5: struktur halaman web
- CSS3: styling dan layout (Flexbox & Grid)
- JavaScript dasar hingga lanjutan
- DOM manipulation
- Responsive web design
- Framework frontend (misalnya React / Vue / Angular)
- State management dasar
3. Backend Development
- Konsep server-side programming
- Bahasa backend (Node.js / PHP / Python)
- RESTful API development
- Authentication & authorization (JWT, session)
- Middleware dan routing
- Error handling
4. Database Management
- Konsep database relasional dan non-relasional
- SQL (MySQL / PostgreSQL)
- NoSQL (MongoDB)
- CRUD operations
- Relasi data dan indexing
5. Integrasi Frontend & Backend
- Konsumsi API dari frontend
- Fetch API / Axios
- Data flow dalam aplikasi full stack
- Handling asynchronous request
- CORS (Cross-Origin Resource Sharing)
6. Security Dasar Aplikasi Web
- Validasi input
- Password hashing
- Basic security threats (XSS, SQL Injection)
- Best practices keamanan API
7. Deployment dan Hosting
- Konsep deployment aplikasi web
- Hosting frontend (Vercel / Netlify)
- Backend deployment (Render / Railway / VPS)
- Database cloud
- Environment variables
8. Mini Project Full Stack
- Perancangan aplikasi sederhana (contoh: to-do app, blog, sistem login)
- Implementasi frontend dan backend
- Integrasi database
- Testing dan debugging
- Deployment aplikasi
Participants
- Divisi Information Technology
- Divisi Perencanaan & Pengembangan
- Divisi Banking
- Divisi Risk Management
- Divisi Compliance & APUPPT
- Divisi Audit Internal
- Divisi Finance
- Divisi Corporate Secretary & Humas
Method
- Pre-test
- Presentation
- Discussion
- Case study
- Post-test
Facilities
- Ruang Meeting Representatif
- Sertifikat Pelatihan Resmi
- Instruktur Profesional & Berpengalaman
- Training Kit Eksklusif
- Souvenir
- Pick Up Participant (Yogyakarta)
