Versi #1-12012024

Silabus Pelatihan Web Development Program + React

Kementerian Komunikasi dan Informatika Republik Indonesia
Fresh Graduate Academy Digital Talent Scholarship (FGA-DTS)
Tahun 2024
Disclaimer: Dokumen ini digunakan hanya untuk kebutuhan Digital Talent Scholarship Kementerian Komunikasi dan Informatika Republik Indonesia. Konten ini mengandung
Kekayaan Intelektual, pengguna tunduk kepada undang-undang hak cipta, merek dagang atau hak kekayaan intelektual lainnya. Dilarang untuk mereproduksi, memodifikasi,
menyebarluaskan, atau mengeksploitasi konten ini dengan cara atau bentuk apapun tanpa persetujuan tertulis dari Digital Talent Scholarship Kementerian Komunikasi dan
Informatika Republik Indonesia.

Informasi Pelatihan dan Sertifikasi

Akademi Fresh Graduate Academy

Mitra Pelatihan IBM dan Hacktiv8

Skema Pelatihan Program Web Development + React

Sertifikasi ● Certificate Of Completion Hacktiv8

● Certificate Of Completion Kemkominfo
● Badges IBM

Durasi Pelatihan 8 Minggu

Jam Pelajaran (JP) 122 JP (Live session)

240 JP (Self Paced Learning)
Total 362 JP

Jadwal Live Session Hari: Senin - Jumat

Pukul: 19.00 WIB - 22.00 WIB

Deskripsi Pelatihan Program Web Development + React adalah hasil kolaborasi Hacktiv8 dan IBM melalui badge
SkillsBuild Web Development. Program ini berfokus pada pengembangan aplikasi web modern
menggunakan ReactJS untuk front-end. Peserta akan memulai dengan dasar-dasar pengembangan
web seperti HTML, CSS, JavaScript, dan penggunaan Git dan GitHub. Selanjutnya, mereka akan
belajar menjadi Frontend Developer dengan ReactJS dan React Native untuk pengembangan
aplikasi mobile, sehingga siap mengembangkan aplikasi yang dinamis dan interaktif.

Output Pelatihan Lulusan program ini diharapkan menjadi Frontend Developer dengan ReactJS, memiliki pemahaman
komprehensif sebagai web developer, serta mampu menyelesaikan dua final project pada Web
Development Program dan React Program sebagai portofolio. Selain itu, peserta akan
menyelesaikan assignment untuk mengasah kreativitas dan skill, serta memiliki pemahaman dasar
tentang React Native.

Pelatihan dilaksanakan secara daring/online, dengan aktivitas sebagai berikut :

1. Hybrid Learning : Live Session/Pemaparan materi
Aktivitas Pelatihan 2. Hands-on
3. Diskusi interaktif
4. Challenge/Assignments
5. Final Project

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

6. Project Showcase

Persyaratan Peserta 1. Warga Negara Indonesia.

2. Usia maksimal 29 tahun pada saat mendaftar.
3. Pernah mengikuti pelatihan DTS sebelumnya dibuktikan dengan sertifikat kelulusan program
dari akademi DTS
4. Lulusan S1 atau mahasiswa tingkat akhir dari jurusan Sistem Informasi, Ilmu Komputer,
Teknologi Informatika, atau bidang terkait lainnya dibuktikan dengan ijazah, SKL, transkrip
nilai, atau surat keterangan sidang.
5. Tidak sedang bekerja.
6. Memiliki kemampuan bahasa Inggris.
7. Memiliki pengalaman pemrograman atau pengembangan aplikasi web, khususnya HTML dan
CSS.
8. Memiliki sertifikat pendukung keahlian (diutamakan)
9. Lolos seleksi administrasi dan tes substansi secara online.
10. Bersedia untuk relokasi sesuai dengan penempatan di lokasi kerja perusahaan area
Jabodetabek dengan biaya ditanggung oleh peserta.
11. Bersedia menandatangani surat komitmen mengikuti program. Template dapat diunduh pada
tautan berikut. Surat komitmen diunggah ke website DTS.
12. Melampirkan CV
13. Memiliki sarana pelatihan dengan spesifikasi sesuai persyaratan.

Persyaratan Sarana Memiliki laptop/komputer dengan spesifikasi minimal :

Peserta
● Operating System : Windows / Linux / MacOS
● Prosesor : Core i5 (Rekomendasi Core i5 ke atas)
● RAM : Minimal 8 GB
● Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
● Memiliki available storage 256 GB

Syarat Kelulusan - Mengikuti Pelatihan minimal 95% dari keseluruhan sesi (wajib hadir 38 pertemuan)
- Lulus Pre Test dengan nilai minimal 75
- Mengerjakan seluruh assignment/challenge dan Final Project dengan nilai kelulusan minimal
75
- Melengkapi progress modul di kode.id s/d 100%

Komponen Penilaian - Assignment/Case Study, bobot: 40%

- Nilai Post Test, bobot: 20%
- Final Project, bobot: 40%

Tanggal Tanggal Tanggal Tanggal Pelaksanaan

Pendaftaran Pre Test dan Administrasi Pengumuman
Jadwal Pelatihan*
15 July 2024 15 July 2024 12 Agustus 2024 - 04
9 Agustus 2024
Oktober 2024
Jadwal sewaktu-waktu dapat berubah tanpa pemberitahuan*

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

Rencana Pelatihan
No Modul Topik Outcome JP
Peserta memahami dasar-dasar HTML,
Basic Web Development Komponen Website, Memahami
membuat dan menjalankan file HTML,
1 Konsep HTML, Membuat File 9
menggunakan tag, elemen, dan atribut HTML,
plus (Self Paced Learning) HTML
serta struktur halaman web.
Peserta mampu membuat website sederhana
dengan HTML & CSS serta
Basic Web Development Pengenalan CSS, Membuat Project
2 mengimplementasikan teknik layouting 9
plus (Self Paced Learning) HTML & CSS
Flexbox CSS guna menyusun tata letak
halaman web secara fleksibel dan responsif.
Peserta memahami fungsi dasar komputer,
perbedaan perangkat keras dan perangkat
lunak, cara komputer membaca kode, desain
web vs. pengembangan web, komponen situs
Basic Web Developmen Web Development Basics - IBM web, langkah-langkah pengembangan web,
3 9
plus (Self Paced Learning) SkillsBuild proses sisi klien vs. sisi server, area fokus dan
bahasa pengembangan front-end dan
back-end, perbedaan World Wide Web dan
internet, serta manfaat cloud dalam
pengembangan web.
Peserta memahami cara pengembang web
membuat situs web, mengenali bahasa
pengembangan web umum seperti HTML, CSS,
Basic Web Development Developing Sites for the Web -
4 dan JavaScript, memahami evolusi 9
plus (Self Paced Learning) IBM SkillsBuild
bahasa-bahasa tersebut, dan mempelajari
siklus hidup pengembangan perangkat lunak
serta cara pendekatan agile.
Peserta memahami struktur dasar dokumen
HTML dan elemen umum untuk membangun
halaman web, atribut HTML dan pentingnya
Basic Web Development Introduction to HTML and CSS -
5 mengatur informasi, serta mendapatkan 9
plus (Self Paced Learning) IBM SkillsBuild
wawasan tentang CSS dan model kotak CSS,
dan mempelajari praktik terbaik dalam
menulis HTML dan CSS.
Basic Web Development Menyusun Layout UI & Peserta mampu menggunakan Bootstrap
6 9
plus (Self Paced Learning) Framework CSS Bootstrap untuk menstyling halaman HTML
Peserta memahami cara menggunakan
JavaScript dengan HTML untuk membuat
Basic Web Development Bringing Websites to Life with situs web dinamis, sintaks JavaScript, cara
7 9
plus (Self Paced Learning) JavaScript - IBM SkillsBuild kerja variabel, fungsi, ekspresi, event,
penggunaan data serta fungsi dan keuntungan
menggunakan Node.js.
Peserta memahami dasar-dasar Command
Line Interface (CLI), konsep Git melalui analogi
dengan parcel, mengenal fitur-fitur GitHub,
Basic Web Development
8 Learning Git and GitHub Basics membuat repository di GitHub, melakukan 9
plus (Self Paced Learning)
clone remote repository, push perubahan ke
remote repository, serta mengambil revisi
dengan git pull.

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

Peserta mampu mengimplementasikan cara

Basic Web Development
9 Deployment with Github Pages kerja deployment dan membuat website statis, 9
plus (Self Paced Learning)
serta mengunggahnya ke GitHub Pages.
Peserta memahami pasar kerja pengembangan
web, keterampilan yang dibutuhkan, interaksi
dengan peran tim lainnya, dan mengenali
Basic Web Development Your Future in Web Development:
10 industri, permintaan global, masa depan, 9
plus (Self Paced Learning) The Job Landscape - SkillsBuild
peran dan spesialisasi, tanggung jawab, serta
sumber daya untuk terus belajar dan tetap
terkini di bidang pengembangan web.
Peserta dapat membuat program JavaScript
Modern JavaScript & dengan JavaScript Modern (ES6), memahami
11 Algoritma Introduction to JavaScript aturan variabel termasuk perbedaan let dan 9
plus (Self Paced Learning) var, serta tipe data (Number, String, Boolean)
dan penerapannya dalam kode JavaScript.
Modern JavaScript & Peserta memahami konsep operator
Conditional & Looping in
12 Algoritma kondisional dan pengulangan pada javascript 9
JavaScript
plus (Self Paced Learning) serta mengaplikasikan nya
Modern JavaScript &
Peserta memahami data type structural pada
13 Algoritma Array & Object 9
JavaScript yaitu Array dan Object.
plus (Self Paced Learning)
Modern JavaScript &
Peserta mempelajari dan menggunakan
14 Algoritma Function & Arrow Function 9
function dan arrow functiont pada JavaScript
plus (Self Paced Learning)
Modern JavaScript &
Peserta dapat memahami konsep DOM serta
15 Algoritma DOM Manipulation & Exercise 9
mengimplementasikan ke projectnya.
plus (Self Paced Learning)
Modern JavaScript & Peserta mengimplementasikan OOP dan
Object Oriented Programming &
16 Algoritmaplus (Self Paced memahami fungsi Map, Reduce, & Filter dan 9
ES6 Built-in Method
Learning) Cara Implementasi ke dalam Javascript Code
Modern JavaScript &
Peserta memahami dan Implementasi Latihan
17 Algoritma Logic Exercise With JavaScript 9
Logika Programming dengan Javascript
plus (Self Paced Learning)
Modern JavaScript & Peserta memahami dan Implementasi logika
18 Algoritma Algoritma Sorting & Search programming dengan Javascript pada logika 9
plus (Self Paced Learning) pengurutan dan pencarian.

Modern JavaScript & Peserta akan mampu memahami dan

19 Algoritma Regex menggunakan regex untuk pencarian, validasi, 9
plus (Self Paced Learning) dan manipulasi teks.

Peserta membuat program JavaScript dan

dapat mengimplementasikan konsep
Modern JavaScript & pengulangan dan kondisional dalam
20 Algoritma CRUD with LocalStorage Part 1 manipulasi data melalui Local Storage dalam 9
plus (Self Paced Learning) pembuatan website untuk membuat fitur
memanipulasi data (CRUD)

Modern JavaScript & Peserta membuat program JavaScript dan

21 Algoritma CRUD with LocalStorage Part 2 dapat mengimplementasikan konsep 9
plus (Self Paced Learning) pengulangan dan kondisional dalam

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

manipulasi data melalui Local Storage dalam

pembuatan website untuk membuat fitur
memanipulasi data (CRUD)
Peserta memahami dan mengimplementasikan
Modern JavaScript &
callback, promise, serta async/await dalam
22 Algoritma CallBack, Promise, Async/Await 9
JavaScript untuk menangani operasi asinkron
plus (Self Paced Learning)
dengan lebih efisien dan efektif.
Modern JavaScript &
Peserta mempelajari JSON dan memahami
23 Algoritma JSON dan AJAX Fetch API 9
Metode/Cara Pengambilan Data
plus (Self Paced Learning)
Peserta memahami cara menguji kode situs
web sebelum diakses publik, penggunaan
Modern JavaScript &
Website Testing and Deployment - sistem kontrol versi untuk mempercepat fitur
24 Algoritmaplus (Self Paced 9
IBM SkillsBuild baru, serta alat dan proses untuk
Learning)
menyederhanakan penerapan situs web ke
server atau cloud.
Modern JavaScript & Memahami cara melakukan debugging , testing
25 Algoritma Debug, Testing & Deployment halaman website hingga deployment 3rd 9
plus (Self Paced Learning) Parties
Modern JavaScript &
Final Project Web Development Membuat Website Company Profile
26 Algoritmaplus (Self Paced 9
Program ( Business Oriented )
Learning)
Peserta mengenal konsep React , Instalasi
Introduction to React JS
27 Intro to React React hingga membuat Landing Page pada 9
plus (Self Paced Learning)
sebuah Website dengan framework ReactJS
Peserta mempelajari Alur data dan
Implementasi Dasar State dan Props serta
Introduction to React JS
28 Stateful and Stateless Component konsep desain popular untuk menunjang 9
plus (Self Paced Learning)
pengembangan sebuah website dengan
ReactJS
Peserta mengenal lebih dalam tentang
Introduction to React JS komponen statefull dan Stateless disertai cara
29 Data Flow in React 9
plus (Self Paced Learning) assignment(penugasan) pada sebuah
komponen ReactJs
Peserta memahami Siklus Hidup Komponen
Introduction to React JS React dengan implementasi pengambilan data
30 React Component Lifecycle 9
plus (Self Paced Learning) menggunakan method Fetching yang berlaku
pada reactJS
Peserta membuat proyek sederhana yang
Introduction to React JS
31 Fetch Data, dan Study Case mengimplementasikan fetching data secara 9
plus (Self Paced Learning)
asinkron.
Peserta mengimplementasikan cara desain dan
Introduction to React JS Styling Component, UI styling Component serta implementasi dengan
32 9
plus (Self Paced Learning) Frameworks, Styling App User Interface 3rd Parties - Open Source
(Bootstrap/ Material,etc)
Introduction to React JS
33 React Essential Single Page App with React Peserta mempelajari cara penggunaan router 9
plus (Self Paced Learning) Router pada setiap page sebagai navigasi pada ReactJs
React Essential Mempelajari lebih dalam tentang Manajemen
34 State Management with Redux 9
plus (Self Paced Learning) sebuah state dengan library utama ReactJs

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

yaitu Redux, dan pengenalan berbagai macam

redux disertai dengan cara implementasinya.
React Essential Mempelajari penggunaan redux sebagai
35 Redux Middleware 9
plus (Self Paced Learning) middleware dengan konsep Asynchronous
Peserta mempelajari unit testing dengan Jest
React Essential
36 Testing ReactJS disertai berbagai jenis testing yang dapat 9
plus (Self Paced Learning)
dilakukan pada web aplikasi react
Peserta akan diajarkan cara melakukan
deployment web aplikasi React menggunakan
React Essential Deployment & Deployment React
37 platform Vercel, memungkinkan mereka untuk 9
plus (Self Paced Learning) App
menerapkan proyek mereka secara online
dengan mudah dan efisien.
Peserta mempelajari basic react-native untuk
Introduction to React Native
38 React Native pengembangan sebuah mobile apps hybrid 9
plus (Self Paced Learning)
dan cara instalasi
Introduction to React Native Peserta mengimplementasi dasar styling mobile
39 Styling and Layouting React Native 9
plus (Self Paced Learning) apps.

Membuat sebuah website berbasis framework

ReactJS dan mengimplementasikan React
Final Project & Final Project React JS
Component, React Router dan Redux sebagai
40 Career Session 11
state management.
plus (Self Paced Learning) CV Materials

Membuat CV yang baik dan benar

Alur Pendaftaran

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

Tahapan Kegiatan

Tahap 1 PENDAFTARAN
1. Calon peserta mengunjungi situs digitalent.kominfo.go.id.
2. Registrasi Awal mengisi Informasi Akun Calon Peserta
3. Notifikasi/konfirmasi Akun untuk mendaftar disampaikan melalui Email, pastikan
email yang di-submit merupakan email aktif
4. Selanjutnya kembali ke profil pendaftaran peserta pada website pendaftaran
5. Klik Akademi pilih “Fresh Graduate Academy”
6. Klik Tema pilih “Web Development Program + React”
7. Klik “DAFTAR SEKARANG”
8. isi biodata dengan lengkap, perhatikan beberapa hal berikut:
a. pastikan penulisan NIK/NIP benar dan tidak ada salah huruf/angka
b. pastikan penulisan NAMA LENGKAP benar dan tidak ada salah huruf (Nama
yg akan tercetak pada Certificate of Completion)
c. pastikan berkas FOTO yang di-upload terlihat wajah dengan jelas (disarankan
menggunakan foto formal)
d. pastikan penulisan EMAIL benar dan tidak ada salah huruf/angka
e. pastikan EMAIL yang didaftarkan email aktif
f. pastikan penulisan NOMOR TELEPON adalah yang aktif digunakan, penulisan
benar dan tidak ada salah angka. Nomor telepon yang digunakan selama
pelatihan tidak dapat diubah.
g. Pastikan berkas KTP/KK/Surat Pernyataan dan keterangan di-upload dengan
ukuran dan tampilan yang dapat dilihat, tidak kekecilan dan tidak kebesaran.
h. pastikan penulisan semua data diisi dengan lengkap dan benar
i. pastikan semua berkas terunggah
9. Periksa kembali dengan perlahan, teliti dan berulang data yang telah diinput
10. Centang semua ketentuan yang diwajibkan oleh Panitia Penyelenggara, seperti:
a. Menyetujui Surat Pernyataan Peserta DTS 2024
b. Menyetujui Syarat dan Ketentuan DTS 2024
c. Sanggup Mempersiapkan fasilitas pendukung secara mandiri sesuai dengan
Persyaratan Sarana Peserta pada masing-masing Tema Pelatihan
11. Klik “SUBMIT PENDAFTARAN”, periksa email aktivasi (inbox dan spam) secara berkala
maksimal 1x24 jam
12. Setelah terdaftar, simpan BUKTI DAFTAR (format pdf/jpg)

Tahap 2 TES SUBSTANSI

Dilaksanakan tes substansi untuk melihat tingkat kemampuan awal peserta yang kemudian
akan diklasifikasikan dalam kelas pelatihan

Tahap 3 VERIFIKASI BERKAS PESERTA

Verifikasi dilakukan untuk melihat profil dan nilai Tes Substansi calon peserta

Tahap 4 PENGUMUMAN KELULUSAN

● Pengumuman dan pembagian jadwal, kelas akan disampaikan lebih lanjut melalui
Email pendaftaran dan group kelas pelatihan

Tahap 5 PERSYARATAN SARANA SEBELUM MEMULAI PELATIHAN

Laptop sudah terinstal:
● Menginstal Aplikasi Video Conferences
● Menginstal Aplikasi online group

Tahap 6 AKTIFITAS PELATIHAN

Pelatihan dilaksanakan secara daring/online, peserta belajar secara sinkronus dan asinkronus.
Pada pelatihan ini peserta akan mendapatkan kesempatan bertanya dan berinteraksi dengan
Instruktur pada Live Session yang telah disediakan.
Digital Talent Scholarship 2024
Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

Tahap 7 PERSYARATAN SESUDAH MENYELESAIKAN PELATIHAN

● Mengisi survey pelatihan
● Peserta yang telah lulus pelatihan ini dapat langsung bergabung dan melamar
pekerjaan di diploy.id platform digital employment dan talent pool DTS 2024.

Tahap 8 CERTIFICATE OF COMPLETION

Peserta yang menyelesaikan pelatihan akan mendapatkan email pemberitahuan untuk
mengunduh/download Certificate of Completion atau melalui website
digitalent.kominfo.go.id

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id
Versi #1-12012024

Digital Talent Scholarship 2024

Kementerian Komunikasi dan Informatika Republik Indonesia
https://digitalent.kominfo.go.id