Building Modern Web Application

Description

Pelatihan ini memberikan pemahaman lengkap dan praktis mengenai bagaimana membangun aplikasi web modern menggunakan Node.js, Express, PostgreSQL, EJS, dan Bootstrap. Selama pelatihan, peserta akan belajar membuat aplikasi web dinamis yang memiliki fitur: CRUD, login, manajemen data multi-tabel, dashboard, hingga akses API.
Pendekatan yang digunakan bersifat hands-on, sehingga peserta dapat langsung mempraktikkan setiap materi dan memperoleh gambaran nyata tentang bagaimana membangun aplikasi web modern dari awal sampai siap digunakan

Manfaat Pelatihan

Tujuan Pelatihan
Setelah mengikuti pelatihan ini, peserta mampu:

Membangun aplikasi web menggunakan Node.js dan Express
Menggunakan template engine EJS untuk menghasilkan halaman HTML dinamis
Mengelola data di PostgreSQL cloud
Membuat fitur CRUD lengkap beserta validasinya
Menerapkan login dan pembatasan akses (session-based)
Mengelola data yang memiliki relasi antar tabel
Membuat REST API sederhana
Membuat dashboard menggunakan Chart.js
Melakukan deployment aplikasi Node.js ke server

Garis Besar Pelatihan

Pengenalan, Setup Project, Templating, Bootstrap

Pengenalan Node.js & Web Modern

Apa itu Node.js dan Express
Perbedaan dengan PHP
Kapan menggunakan Node.js

Persiapan Lingkungan Kerja

Instalasi Node.js
Instalasi VS Code
Pengenalan Git
Membuat project Express dari awal
Struktur folder aplikas

Templating dengan EJS

Apa itu template engine
Membuat layout dasar (header, footer, sidebar)
Menampilkan halaman dari serve

Integrasi Bootstrap 5

Menggunakan Bootstrap via CDN
Membuat form, table, card, modal
Membuat tampilan dashboard dasar

Routing Dasar di Express

GET dan POST
Mengirim data ke view
Menampilkan data dummy dalam tabel

Form, Validasi, PostgreSQL Cloud, dan CRUD

Form Input dan Validasi

Form Bootstrap
Validasi sisi server menggunakan express-validator
Menampilkan pesan error dan notifikasi

PostgreSQL Cloud di Render

Membuat database PostgreSQL
Menyalin connection string
Menyimpan konfigurasi database di.env

Koneksi ke Database

Menggunakan Prisma sebagai ORM
Membuat schema model
Migration untuk membuat tabel otomatis

Membangun Fitur CRUD

Create: menyimpan data ke database
Read: menampilkan tabel data
Update: mengedit data
Delete: menghapus data dengan konfirmasi

Code Reusability

Menggunakan partials (header/footer)
Komponen alert sukses & gagal

Login, Multi-Table, Searching, dan REST API

Authentication & Authorization

Session-based login menggunakan express-session
Middleware untuk halaman yang butuh login
Logout
Membuat role user (admin/user biasa)

Relasi Data (Multi-table)

Menambahkan tabel kedua (misal: kategori)
Relasi satu ke banyak
Menampilkan data gabungan
Penerapan relasi di tampilan CRUD

Searching & Filtering

Kolom pencarian
Filtering berdasarkan tanggal
Pagination sederhana

REST API Dasar

Membuat endpoint API (GET/POST/PUT/DELETE)
Response JSON
Testing API menggunakan Postman / Thunder Client
Mengambil data via fetch/axios untuk AJAX search

Dashboard, Export, dan Deployment

Dashboard & Visualisasi Data

Mengambil data statistik dari database
Membuat grafik dengan Chart.js
Update data dengan AJAX

Export Data

Export ke CSV
Export ke Excel
Export ke PDF (laporan)

Deployment ke Server

Push project ke GitHub
Deploy Node.js di Server
Menghubungkan aplikasi dengan PostgreSQL Cloud
Mengelola environment variable
Testing aplikasi setelah deploy

Best Practices

Struktur folder yang direkomendasikan
Penanganan error dan logging
Tips & Trick

Instruktur Building Modern Web Application

Aisyah Ami Wardhani

Yusuf Rizal H

Prasayarat

Dasar HTML & CSS
Pengetahuan dasar JavaScript
Pemahaman SQL dasar

Target Peserta

Pelatihan ini ditujukan untuk:

Web Developer
Backend Developer
Software Engineer
Programmer yang ingin migrasi dari PHP ke Node.js
IT Staff yang ingin memahami teknologi web modern

Outline Akhir Pelatihan

Peserta akan dapat membuat aplikasi web lengkap yang memiliki:

Login & sesi pengguna
CRUD multi tabel dengan validasi
Dashboard berisi grafik laporan
REST API dasar
Export data (CSV/Excel/PDF)
Database PostgreSQL cloud

Categories Software Developer

Wishlist

🖥️ Software Developer
🔰 Level: Beginner - Intermediate
🌎 Bahasa: Indonesia
📜 Sertifikat: E-Sertifikat
💻 Akses: e-Learning

1 2 3 4 5 6 7 8 9 Next »