Materi video dan modul PDF terkunci. Silakan Login atau Daftar Akun terlebih dahulu untuk mengakses seluruh materi.
Login Sekarang
Pelatihan Komputer
Tingkat: Dasar
Durasi: 25 hari/100 Jam
Junior Web Developer
Deskripsi Kelas
Pelatihan Junior Web Developer di Lembaga Pelatihan Kerja (LPK) FAMIKOM Jatinangor, Sumedang dirancang untuk membekali peserta dengan keterampilan pemrograman web sehingga mampu membuat website dan aplikasi berbasis web secara mandiri. Program ini cocok bagi pemula, pelajar, mahasiswa, pencari kerja, maupun masyarakat umum yang ingin berkarier di bidang teknologi informasi.
Materi pelatihan mencakup dasar-dasar pengembangan web seperti HTML, CSS, dan JavaScript, pembuatan tampilan website yang responsif, pengelolaan database, serta pengembangan aplikasi web dinamis. Peserta juga akan mempelajari alur kerja web developer mulai dari perencanaan, pembuatan, hingga pengujian aplikasi berbasis web.
Pembelajaran dilakukan dengan metode praktik langsung berbasis proyek (project based learning), studi kasus, serta pendampingan instruktur berpengalaman. Peserta akan dibimbing untuk membangun website dan aplikasi web sederhana hingga siap digunakan. Dengan fasilitas pelatihan yang memadai dan kurikulum yang sesuai kebutuhan industri, LPK FAMIKOM Jatinangor berkomitmen mencetak web developer yang kreatif, kompeten, dan siap bersaing di dunia kerja. Di akhir pelatihan, peserta akan mendapatkan sertifikat pelatihan.
Materi pelatihan mencakup dasar-dasar pengembangan web seperti HTML, CSS, dan JavaScript, pembuatan tampilan website yang responsif, pengelolaan database, serta pengembangan aplikasi web dinamis. Peserta juga akan mempelajari alur kerja web developer mulai dari perencanaan, pembuatan, hingga pengujian aplikasi berbasis web.
Pembelajaran dilakukan dengan metode praktik langsung berbasis proyek (project based learning), studi kasus, serta pendampingan instruktur berpengalaman. Peserta akan dibimbing untuk membangun website dan aplikasi web sederhana hingga siap digunakan. Dengan fasilitas pelatihan yang memadai dan kurikulum yang sesuai kebutuhan industri, LPK FAMIKOM Jatinangor berkomitmen mencetak web developer yang kreatif, kompeten, dan siap bersaing di dunia kerja. Di akhir pelatihan, peserta akan mendapatkan sertifikat pelatihan.
Kurikulum & Silabus Materi
62 Topik Pembelajaran
1.1
Pengenalan Web Development
- Definisi Web Development
- Cara kerja Web
- Peran dalam web development
- Fundamental Front-End
- Fundamental Back-End
- Tools dan Lingkungan Kerja
- Alur Pembuatan Website (Workflow)
- Cara kerja Web
- Peran dalam web development
- Fundamental Front-End
- Fundamental Back-End
- Tools dan Lingkungan Kerja
- Alur Pembuatan Website (Workflow)
1.2
Analisis Kebutuhan Fungsional & Estetika Antarmuka Proyek Web
Menilai kebutuhan proyek berdasarkan spesifikasi fitur (tata letak responsif, ikon pendukung, grafik visual, dan efek interaktif) untuk menentukan jenis library, komponen, atau framework eksternal yang wajib digunakan.
1.3
Identifikasi & Pemilihan Framework CSS Responsif Gratis
Mengevaluasi dan memilih framework penataan gaya open-source gratis yang populer, ringan, dan siap pakai (seperti Bootstrap 5, Tailwind CSS, atau Bulma) untuk mempercepat pembangunan tata letak adaptif lintas perangkat.
1.4
Identifikasi Library Ikon & Aset Visual Vektor Gratis
Menentukan penyedia aset ikon digital gratis berkualitas tinggi untuk mempercantik navigasi antarmuka (seperti FontAwesome Free, Bootstrap Icons, atau Google Material Icons) via integrasi CDN.
1.5
Identifikasi Library JavaScript Fungsional Sisi Klien Gratis
Memilih library JavaScript ringan untuk meningkatkan fungsionalitas interaktif tanpa lisensi berbayar (seperti SweetAlert2 untuk kotak dialog elegan, Chart.js untuk grafik data, atau jQuery versi dasar).
1.6
Evaluasi Lisensi Terbuka, Performa CDN, & Kompatibilitas
Memeriksa legalitas lisensi penggunaan (MIT License / Open Source), menguji kecepatan unduh melalui jaringan Content Delivery Network (CDN), serta memastikan kompatibilitas antar-library agar tidak terjadi konflik skrip.
1.7
Penyusunan Dokumen Spesifikasi Library & Komponen Proyek
Membuat daftar inventaris resmi (BOM / Bill of Materials) yang merinci daftar tautan CDN, versi library yang digunakan, serta alasan pemilihan komponen dalam dokumentasi teknis pengembangan perangkat lunak.
2.1
Pengenalan Struktur Data & Konsep Tipe Data
Struktur Data & Konsep Tipe Data
2.2
Struktur Data Linier Statis (Array)
Struktur Data Linier Statis (Array)
2.3
Struktur Data Linier Dinamis (Tumpukan / Stack & Antrean / Queue)
Struktur Data Linier Dinamis (Tumpukan / Stack & Antrean / Queue)
2.4
Struktur Data Berpasangan (Map / Dictionary & Associative Array)
Struktur Data Berpasangan (Map / Dictionary & Associative Array)
2.5
Struktur Data Hirarki & Non-Linier (Tree & Graph)
Struktur Data Hirarki & Non-Linier (Tree & Graph)
2.6
Operasi Dasar Struktur Data & Kompleksitas Algoritma (Notasi Big-O)
Operasi Dasar Struktur Data & Kompleksitas Algoritma (Notasi Big-O)
3.1
UI/UX, Prinsip Desain,Wireframe
Memahami fondasi perbedaan UI/UX, 4 prinsip utama antarmuka, dan pembuatan sketsa Wireframe
3.2
Responsive Grid System
Menerapkan Responsive Grid System 12 Kolom Bootstrap 5 agar tata letak fleksibel di HP, Tablet, dan Laptop
3.3
Navbar, Forms, Cards, Tables
Menguasai penggunaan komponen standar Navbar, Forms, Cards, dan Tables
3.4
Menggunakan Alert, Modals, dan Hover States
Menerapkan interaktivitas dan Umpan Balik Visual menggunakan Alert, Modals, dan Hover States
3.5
Accesibilitas Web
Menerapkan standar Aksesibilitas Web (WCAG) agar antarmuka terstruktur ramah disabilitas
3.6
Integrasi UI dengan PHP
Mengintegrasikan komponen antarmuka visual UI secara penuh dengan logika data dinamis PHP Backend
4.1
Sintaks Dasar & Struktur Dokumen Web (HTML5 & Text Commands)
Penggunaan elemen tag teks, paragraf, heading, tabel, pembuatan formulir input (forms), serta penyusunan struktur dokumen HTML5 untuk eksekusi teks dan markup standar.
4.2
Styling Visual, Tata Letak, & Grafik Dasar (CSS3 Styling & Layout)
Pengaturan warna, tipografi, penerapan Box Model, pengaturan tata letak fleksibel (Flexbox dan CSS Grid), serta manipulasi grafik visual dan estetika antarmuka halaman web.
4.3
Pembangunan Antarmuka Responsif (Bootstrap Framework)
Penerapan sistem grid responsif, penggunaan komponen UI siap pakai (navbar, modal, card, button), serta pemanfaatan kelas utilitas untuk desain adaptif lintas perangkat menggunakan framework Bootstrap.
4.4
Interaktivitas Klien & Manipulasi Visual Dinamis (JavaScript DOM & Events)
Eksekusi perintah berbasis skrip sisi klien (client-side), manipulasi elemen Document Object Model (DOM), penanganan event interaktif, validasi form sisi klien, serta pengelolaan elemen visual dinamis.
4.5
Pemrosesan Logika Sisi Server, Teks Lanjutan, & Multimedia (PHP Backend)
Eksekusi perintah bahasa pemrograman PHP untuk pemrosesan data form ($_POST/$_GET), manajemen file dan unggah berkas multimedia (file upload), serta manipulasi teks dinamis di sisi server.
4.6
Integrasi Sistem Full-Stack & Pengujian Eksekusi Program (End-to-End Execution)
Penggabungan antarmuka HTML/CSS/JS/Bootstrap dengan backend PHP, penyusunan struktur folder proyek terpadu, serta pengujian fungsionalitas eksekusi perintah teks, grafik, dan multimedia secara utuh.
5.1
Konsep Local Development Environment & Pengenalan Stack XAMPP
Pemahaman arsitektur Client-Server lokal, fungsi komponen Apache, MariaDB/MySQL, PHP, dan Perl, serta pemeriksaan spesifikasi perangkat keras/lunak sistem operasi sebelum instalasi.
5.2
Prosedur Instalasi XAMPP & Konfigurasi Komponen Server
Langkah demi langkah instalasi XAMPP pada Windows/Linux, pemilihan komponen pendukung, pengaturan hak akses administrator (UAC Bypass), dan uji coba jalannya Control Panel.
5.3
Troubleshooting Konflik Port Network (Port 80, 443, & 3306)
Identifikasi bentrokan port akibat aplikasi lain (Skype, IIS, VMware), analisis port menggunakan Netstat, dan prosedur pengubahan listener port pada httpd.conf, httpd-ssl.conf, serta my.ini.
5.4
Konfigurasi Keamanan Engine MySQL / MariaDB & Akses User Root
Aktivasi Service MySQL, setting password superuser root, pembuatan user basis data baru berbasis hak akses (Privileges), dan pengujian akses via Command Line Interface (CLI).
5.5
Manajemen Basis Data Visual Menggunakan GUI phpMyAdmin
Pengenalan antarmuka phpMyAdmin, konfigurasi otentikasi di config.inc.php, pembuat basis data/tabel visual, impor/ekspor berkas .sql, dan manajemen user GRANT/REVOKE.
5.6
Verifikasi Lingkungan Kerja & Pengujian Integrasi PHP-MySQL (End-to-End Test)
Pengujian integrasi penuh dengan membuat skrip penguji koneksi PDO/MySQLi di folder htdocs, verifikasi info PHP via phpinfo(), serta audit kelayakan lingkungan dev.
6.1
Standar Penamaan (Naming Conventions) & Clean Code
Penerapan gaya penamaan variabel, fungsi, dan file (camelCase, snake_case, PascalCase, Kebab-case), komentar dokumentasi (DocBlock/PHPDoc), serta prinsip DRY (Don't Repeat Yourself) dan KISS (Keep It Simple, Stupid).
6.2
Modularisasi Fungsi, Parameter, & Return Value
Pembuatan fungsi modular, Single Responsibility Principle (satu fungsi satu tugas), cakupan variabel (Variable Scope / Global vs Local), Type Hinting, serta penanganan Return Value.
6.3
Pengorganisasian Struktur Folder & Arsitektur Direktori Proyek
Pemisahan berkas berdasarkan tanggung jawab (Separation of Concerns), struktur folder standar web/backend (/config, /assets, /includes, /controllers, /views), dan tata kelola assets (CSS, JS, Media).
6.4
Pemuatan Berkas Modular (Include, Require, & Autoloading)
Manajemen ketergantungan berkas di PHP (include, require, include_once, require_once), pencegahan bentrokan nama fungsi/kelas menggunakan Namespaces, dan pengenalan Autoloading (PSR-4).
6.5
Pemisahan Konfigurasi & Sumber Daya Luar (Environment Variables / .env)
Mengisolasi kredensial sensitif (koneksi database, API Key) dari kode utama menggunakan file .env / konstanta terpusat, serta manajemen file konstan (constants.php).
6.6
Refactoring Kode & Audit Kerapian Struktur Proyek
Teknik Refactoring (mengubah struktur kode tanpa mengubah perilakunya), mendeteksi Code Smells (kode gemuk/duplikat), dan pengujian kerapian organisasi proyek.
7.1
Pengenalan Backend (Optional Dasar)
- Memahami konsep server dan database
- Mengetahui alur penyimpanan data pengguna
- Menjelaskan konsep database dan jenis database (relational & non-relational)
- Membuat database sederhana menggunakan MySQL atau SQLite
- Menghubungkan backend dengan database untuk menyimpan dan mengambil data
- Mengetahui alur penyimpanan data pengguna
- Menjelaskan konsep database dan jenis database (relational & non-relational)
- Membuat database sederhana menggunakan MySQL atau SQLite
- Menghubungkan backend dengan database untuk menyimpan dan mengambil data
7.2
Standar Penulisan Standar Industri (PSR-1, PSR-12, & Style Guide)
Penerapan standar penulisan PHP Standard Recommendation (PSR-1 Basic Coding Standard & PSR-12 Extended Coding Style), penggunaan tag PHP yang benar (<?php ?>), indentation, serta pemformatan kurawal dan baris kode.
7.3
Manajemen Tipe Data Ketat (Strict Typing) & Penanganan Error Modern
Deklarasi declare(strict_types=1), Type Hinting (Scalar & Return Types), penanganan Null/Nullable Types, serta Exception Handling menggunakan blok try-catch-finally.
7.4
Penanganan Form & Keamanan Data Input (Sanitasi & Validasi)
Pemrosesan input $_POST / $_GET yang aman, validasi data menggunakan filter_var(), sanitasi string mencegah celah XSS (Cross-Site Scripting), dan penanganan upload file aman.
7.5
Keamanan Akses Basis Data (PDO & Prepared Statements)
Penerapan best practice koneksi basis data menggunakan PDO (PHP Data Objects), penguncian query menggunakan Prepared Statements (Named Placeholders), dan pencegahan celah SQL Injection.
7.6
Otentikasi, Manajemen Sesi (Session Security), & Hashing Password
Pengelolaan sesi aman (session_start(), session_regenerate_id()), pembuatan cookie secure/httponly, serta enkripsi/hashing password terstandar industri menggunakan password_hash() dan password_verify().
7.7
Penanganan Keamanan Tingkat Lanjut (Proteksi CSRF & Rate Limiting)
Proteksi serangan Cross-Site Request Forgery (CSRF Token pada form) dan pembatasan frekuensi request (Rate Limiting) untuk mencegah serangan brute force.
8.1
Membuat dan merancang kerangka database/tabel
Instalasi DBMS (MySQL/MariaDB) dan penggunaan alat seperti phpMyAdmin, CREATE, ALTER, DROP) dengan batasan integritas data (PRIMARY KEY, FOREIGN KEY, NOT NULL, UNIQUE)
8.2
DDL (Struktur Database)
Perintah CREATE, ALTER, DROP untuk database dan tabel, serta pengaturan Primary Key & Foreign Key
8.3
DML (Manipulasi Data)
Operasi CRUD dasar menggunakan INSERT (tambah), SELECT (baca), UPDATE (ubah), dan DELETE (hapus)
8.4
Menggunakan teknik penyaringan spesifik
LIKE, BETWEEN, IN), pengurutan (ORDER BY), pembatasan (LIMIT/OFFSET), serta fungsi agregasi (COUNT, SUM, AVG, GROUP BY, HAVING)
8.5
Menggabungkan tabel berelasi
INNER JOIN, LEFT JOIN, dan RIGHT JOIN dengan perbandingan PRIMARY KEY dan FOREIGN KEY.
8.6
Integrasi & Keamanan Web
Mengamankan integritas data dengan transaksi ACID (COMMIT/ROLLBACK), mempercepat performa pencarian dengan Indexing, dan menerapkan prinsip keamanan hak akses user
9.1
Pengenalan Arsitektur Akses Basis Data & Driver Koneksi (MySQLi vs PDO)
Akses Basis Data & Driver Koneksi menggunakan MySQLi vs PDO
9.2
Mengimplementasikan Koneksi Basis Data Terpusat & Penanganan Error (Handling)
Koneksi Basis Data Terpusat & Penanganan Error (Handling)
9.3
Operasi Membaca Data (Read Data) & Menampilkan ke Antarmuka Web
Membaca Data (Read Data) & Menampilkan ke Antarmuka Web
9.4
Operasi Manipulasi Data (Insert, Update, Delete) via Form Web
Insert, Update, Delete via Form Web
9.5
Menerapkan Parameterized Query & Prepared Statements untuk Keamanan
Menerapkan Parameterized Query & Prepared Statements untuk Keamanan
9.6
Transaksi Basis Data (Database Transaction & Error Rollback)
Transaksi Basis Data (Database Transaction & Error Rollback)
10.1
Perencanaan Arsitektur & Spesifikasi Dokumen Kode Program
Penyusunan dokumentasi struktur direktori proyek, penerapan konvensi penamaan berkas (naming conventions), serta perancangan skema basis data relasional (Entity Relationship Diagram / ERD) untuk MySQL.
10.2
Dokumentasi Modul Antarmuka & Layout Responsif (HTML, CSS, & Bootstrap)
Penulisan dokumentasi kode komponen frontend, penggunaan kelas utilitas grid Bootstrap, serta pengelolaan struktur tata letak halaman web yang adaptif lintas perangkat.
10.3
Dokumentasi Skrip Interaktivitas Klien (JavaScript DOM & Validasi)
Penyusunan dokumentasi fungsi logika sisi klien (client-side), penanganan event, serta implementasi validasi formulir interaktif secara real-time.
10.4
Dokumentasi Logika Backend & Integrasi Database Aman (PHP & MySQL)
Penulisan dokumentasi fungsionalitas CRUD (Create, Read, Update, Delete), penerapan Prepared Statements untuk mencegah celah keamanan, serta manajemen sesi dan otentikasi.
10.5
Dokumentasi Pengujian Kode & Penanganan Error (Testing & Error Handling)
Penyusunan skenario pengujian fungsional program, pencatatan log eror (error logging), serta implementasi blok penanganan kesalahan modern (try-catch).
10.6
Penyusunan Panduan Penggunaan & Pemeliharaan Kode (User & Maintenance Documentation)
Pembuatan manual pengoperasian aplikasi (User Manual), dokumentasi konfigurasi lingkungan server (deployment notes), serta pedoman pemeliharaan kode program jangka panjang.
Kepuasan Peserta
Ulasan Alumni Kelas Ini
Pengalaman langsung dari peserta yang telah lulus dari kelas ini.
5.0
1 total ulasan
“
Irhas hidayatulloh
Peserta Terverifikasi"Luar biasa ! Belajar web developer selama 40 jam pelatihan saya sudah paham buat website dan aplikasi. Terimakasih LPK Famikom "
Harga Promo Pelatihan
Daftar Akun & Ikuti Kelas
Rp 2.000.000
Rincian Harga Normal (Rp):
Biaya Pendaftaran:
200.000
Biaya Pelatihan:
2.200.000
Biaya Lainnya:
100.000
Total Normal:
2.500.000
Instruktur Pengajar
Taswin Bram
Instruktur Akuntansi, Komputer dan WebsiteFasilitas yang Anda Dapatkan:
- Akses Pembelajaran Interaktif
- Modul PDF & Bahan Praktik Siap Pakai
- Pembimbingan Langsung Instruktur
- Sertifikat Pelatihan Resmi