Pelatihan Intensif Web Developer

Web Developer
Laravel 13

Rancang dan bangun aplikasi web berstandar industri. Mempelajari fondasi web modern, ekosistem PHP modern, instalasi tools lengkap, slicing template responsif, hingga implementasi transaksi CRUD dengan relasi database.

Buka Panduan Teknis (12 Bab)
bash — terminal 
# 1. Pasang project Laravel versi 13
composer create-project laravel/laravel:^13.0 app-name

# 2. Masuk ke direktori aplikasi
cd app-name

# 3. Jalankan web server lokal
php artisan serve

INFO Server running on [http://localhost:8000]
Laravel 13 & PHP 8.2+ Arsitektur MVC & Responsive UI
Basis Data Relasional MySQL & Eloquent ORM
Tools Siap Pakai XAMPP, Composer, VS Code
Syahrizal As. Software Developer & Trainer
Fasilitator Pelatihan

Syahrizal As.

Software Developer, Trainer, dan Praktisi AI-Assisted Development

WhatsApp: +62 8964-9532-860 Email: alisadikinsyahrizal@gmail.com
Bidang keahlian Software Development, Fullstack Web, AI Integration, & AI-Assisted Development
Pendidikan S1 Sistem Informasi
Pengalaman & Domisili Pengembangan software sejak 2020 • Bekasi Barat, Jawa Barat
Fokus pelatihan AI untuk produktivitas kerja, implementasi solusi AI, dan vibecoding
Profil profesional

Pengalaman teknis yang dibawa ke ruang belajar.

Syahrizal As. merupakan praktisi pengembangan perangkat lunak dengan latar belakang Sistem Informasi dan pengalaman sejak 2020 dalam merancang, mengembangkan, mengintegrasikan, serta memelihara aplikasi web untuk kebutuhan bisnis dan operasional.

Pengalamannya mencakup PHP, Laravel, JavaScript, database relasional, REST API, dan deployment aplikasi. Sistem yang pernah dikembangkan meliputi administrasi, pengelolaan bisnis, pencatatan, pelaporan, dan integrasi antarsistem.

Selain aktif mengembangkan software, Syahrizal memiliki pengalaman sebagai pengajar dan trainer Web Development. Materi yang disampaikan mencakup PHP, Laravel, database, REST API, Git, deployment, dan praktik pengembangan aplikasi.

Dalam perkembangan Artificial Intelligence, Syahrizal menerapkan AI di dalam workflow pengembangan software, mulai dari analisis kebutuhan, penyusunan spesifikasi, pembuatan kode, debugging, dokumentasi, hingga integrasi layanan AI melalui API.

Pengalaman tersebut menjadi dasar pendekatan pelatihan yang praktis dan kontekstual: Learn → Build → Verify. Peserta mempelajari pemanfaatan AI untuk pekerjaan, pengolahan data, pembuatan prototipe, pengujian, dan pemeliharaan solusi digital.

PHP & Laravel MySQL & Database JavaScript & Web Tech RESTful API & Sanctum AI Integration & Prompt Engineering Git & Deployment
Pilar & Cakupan Praktik
01

Software Development dan Fullstack Web Development

  • Pengembangan aplikasi berbasis PHP dan Laravel.
  • Pengembangan antarmuka dengan JavaScript dan teknologi web.
  • Perancangan dan pengelolaan database relasional.
  • Integrasi sistem melalui REST API.
  • Pengujian, debugging, deployment, dan pemeliharaan aplikasi.
  • Analisis kebutuhan pengguna menjadi solusi perangkat lunak.
02

AI Integration dan AI-Assisted Development

  • Penerapan AI di dalam workflow pengembangan software (analisis kebutuhan hingga testing).
  • Penyusunan prompt teknis terarah dan praktik vibecoding terstruktur.
  • Integrasi layanan kecerdasan buatan melalui AI API ke dalam aplikasi web.
  • Debugging, refactoring, dan automated test generation berbantuan AI.
  • Pengolahan data, pembuatan prototipe cepat (rapid prototyping), dan otomatisasi.
03

Pelatihan dan Transfer Pengetahuan

  • Pengalaman sebagai pengajar dan trainer Web Development (PHP, Laravel, Database, API, Git).
  • Pendekatan pelatihan praktis dan kontekstual: Learn → Build → Verify.
  • Bimbingan pemecahan masalah (troubleshooting) langsung pada kode program.
  • Penyelarasan materi kurikulum dengan kebutuhan industri dan unit kompetensi.
  • Pendampingan penyelesaian portofolio nyata dan code review peserta.

Hak & Kewajiban Peserta Latih

Komitmen bersama demi kelancaran dan efektivitas proses pembelajaran selama 3 hari pelatihan.

Hak Peserta Latih

5 Poin Hak
  • Bertanya dalam setiap kegiatan pembelajaran.
  • Mengemukakan pendapat dalam proses pembelajaran.
  • Mendapat kejelasan atas materi pelatihan yang disampaikan.
  • Mempraktekkan keterampilan secara langsung melalui latihan nyata.
  • Mendapatkan sertifikat pelatihan setelah menyelesaikan seluruh rangkaian.

Kewajiban Peserta Latih

6 Poin Kewajiban
  • Menghadiri keseluruhan sesi pelatihan.
  • Mengikuti tahapan Pre Test dan Post Test.
  • Mengerjakan seluruh tugas praktikum yang diberikan.
  • Mengaktifkan kamera (on camera) dari awal hingga akhir sesi.
  • Mengatur ponsel ke mode senyap (silent) selama materi berlangsung.
  • Meminta izin kepada fasilitator jika harus meninggalkan ruang Zoom.

Tujuan & Manfaat Pelatihan

Fokus kompetensi dan nilai tambah yang diperoleh setelah menyelesaikan program pelatihan ini.

Tujuan Pelatihan

Kompetensi Inti
1. Pemahaman Web Memahami konsep dasar web, arsitektur client-server, dan alur request-response HTTP.
2. Kuasai Tools Mampu mengoperasikan XAMPP, Composer, VS Code, terminal, dan git repository.
3. Skill Praktis Membangun aplikasi web nyata dari slicing template hingga CRUD relasi database.
4. Daya Saing Meningkatkan kesiapan kerja dan portofolio teknis sesuai standar kebutuhan industri.

Manfaat Pelatihan

Hasil Nyata
1. Web dari Nol Mampu membuat website secara mandiri mulai dari perancangan hingga implementasi.
2. Peluang Karir Membuka kesempatan profesi sebagai Front End, Back End, atau Full Stack Developer.
3. Efisiensi Proyek Mengembangkan website lebih cepat dan aman memanfaatkan framework Laravel & Bootstrap.
4. Portofolio Teknis Memiliki bukti nyata hasil pengerjaan aplikasi fungsional untuk ditunjukkan kepada klien.

Course Overview & Alur Pembelajaran

7 tahapan sistematis yang dilalui peserta selama durasi pelatihan.

01
Pre-Test Evaluasi awal pemahaman
02
Overview Web Developer Peran, ekosistem & arsitektur
03
Install Tools XAMPP, Composer, VS Code
04
Slicing Template Bootstrap Blade templating & layout SB Admin 2 Modul Praktek (GitHub) →
05
CRUD Master 1 Tabel master & validasi dasar
06
CRUD Master 2 Operasi lanjutan & modal dialog
07
CRUD Transaksi Relasi Relasi data one-to-many, foreign key, dan kalkulasi transaksi

Mengenal Peran Web Developer di Industri

Pelajari pembagian tugas spesialisasi web developer secara mendalam dan mudah dipahami, mulai dari apa yang dikerjakan, analogi dunia nyata, alur kerja harian, hingga teknologi yang dikuasai.

Tampilan & Interaksi Pengguna

Front End Developer

Front End Developer adalah orang yang bertanggung jawab membangun seluruh elemen visual yang dilihat, dibaca, dan disentuh langsung oleh pengguna di layar peramban (browser) mereka.

💡 Analogi Sederhana: Ibarat desainer interior dan penata etalase toko. Mereka memastikan toko tampak indah, tombol pintu pas saat disentuh, susunan produk rapi, serta pembeli merasa nyaman dan tidak bingung saat berbelanja.
Alur Kerja Harian:
  • Menerima rancangan visual desain (Figma/Adobe XD).
  • Menyusun struktur semantik menggunakan HTML5.
  • Menghias tata letak responsif menggunakan CSS/Bootstrap.
  • Menambahkan efek animasi & logika form interaktif via JavaScript.
HTML5 Semantik CSS3 / Bootstrap JavaScript DOM Responsive UI
Logika Server & Basis Data

Back End Developer

Back End Developer mengelola mesin di balik layar yang tidak kasat mata: pemrosesan logika bisnis, validasi keamanan, manajemen database, autentikasi login pengguna, dan pengiriman data API.

💡 Analogi Sederhana: Ibarat dapur restoran dan brankas penyimpanan. Saat pelanggan memesan di etalase depan, koki di dapur yang memasak pesanan, memeriksa stok bahan di gudang pendingin, dan memastikan keamanan transaksi.
Alur Kerja Harian:
  • Menerima request HTTP masuk dari browser/klien.
  • Memvalidasi keaslian data dan memeriksa izin akses.
  • Melakukan kalkulasi data dan kueri SQL ke database MySQL.
  • Mengamankan sistem dari serangan siber (SQL Injection, CSRF).
PHP 8.2+ / Laravel MySQL Database RESTful API Keamanan Server
Pengembang Serba Bisa (End-to-End)

Full Stack Developer

Full Stack Developer menguasai seluruh lapisan teknologi (end-to-end). Mampu merancang antarmuka pengguna sekaligus membangun arsitektur server, basis data, dan jalur integrasi sistem.

💡 Analogi Sederhana: Ibarat arsitek bangunan yang juga menguasai teknik sipil. Ia paham bagaimana merancang fasad rumah yang estetik, sekaligus paham instalasi kelistrikan, saluran pipa air, dan kekuatan fondasi beton di bawah tanah.
Alur Kerja Harian:
  • Menganalisis kebutuhan bisnis klien dari hulu ke hilir.
  • Merancang skema relasi basis data (tabel master & transaksi).
  • Menulis controller, model Eloquent, dan endpoint API backend.
  • Menghubungkan view antarmuka frontend secara mulus tanpa celah.
Full Stack Laravel Blade & JS UI SQL Architecture Git & Deployment

Framework & Teknologi Utama

Fondasi teknologi modern yang digunakan secara intensif dalam pelatihan.

Laravel Versi 13

Framework PHP open-source yang elegan, dirancang untuk mengembangkan aplikasi web dengan sintaks yang ekspresif, keamanan tinggi, dan fitur modern yang powerful.

MVC Pattern Eloquent ORM Artisan CLI Blade Engine
Bootstrap Responsive CSS

Framework CSS open-source paling populer untuk membuat website dan aplikasi web dengan desain responsif mobile-first secara cepat, konsisten, dan terstruktur.

Grid System UI Components Mobile-First Utilities

Instalasi Tools (Peralatan Tempur)

Pastikan ketiga perangkat lunak berikut terpasang di perangkat laptop Anda sebelum sesi praktikum.

XAMPP

Paket web server lokal lengkap yang menyediakan Apache HTTP Server, database MySQL/MariaDB, dan modul PHP dalam satu instalasi.

Unduh XAMPP

Composer

Dependency manager resmi untuk bahasa PHP. Wajib dipasang untuk mengelola paket, pustaka eksternal, dan instalasi Laravel.

Unduh Composer

Visual Studio Code

Editor kode sumber yang ringan, cepat, dan didukung ekosistem ekstensi lengkap untuk kenyamanan pengembangan web.

Unduh VS Code

Panduan Setup Proyek Laravel 13

Langkah demi langkah inisiasi proyek baru dan koneksi basis data.

Instalasi & Persiapan

Terminal Command
Terminal VS Code 
composer create-project laravel/laravel:^13.0 app-name
cd app-name
php artisan serve
  • Buka integrated terminal di dalam Visual Studio Code.
  • Pastikan versi PHP (php -v) dan Composer (composer -v) sudah aktif.
  • Jalankan perintah instalasi proyek Laravel di atas.
  • Buka peramban (browser) dan akses http://localhost:8000.

Konfigurasi Basis Data

MySQL Setup
  • Aktifkan modul Apache dan MySQL pada Control Panel XAMPP.
  • Buka phpMyAdmin di browser (http://localhost/phpmyadmin) lalu buat database baru.
  • Buka file konfigurasi environment .env pada root folder project Laravel di VS Code.
  • Sesuaikan parameter DB_DATABASE=nama_database_anda.
  • Jalankan migrasi skema awal di terminal: php artisan migrate.
Buka Dokumentasi Resmi Laravel 13.x

Lanjutkan Pembelajaran ke Panduan Teknis

Pelajari 12 bab panduan teknis yang diselaraskan dengan unit kompetensi SKKNI mulai dari database SQL, arsitektur framework, testing UAT, hingga skalabilitas sistem.

Buka Panduan Teknis (intro.html) Materi Praktek Hari 2 (GitHub) ↗