LAPORAN PROGRES BELAJAR

SIB KAMPUS MERDEKA DICODING SEPTEMBER 2022

KELAS PENGEMBANG FRONT-END WEB DAN REACT

DISUSUN OLEH:
ARI ALGHIFARI PRADANA (2001010099)

PROGRAM STUDI SARJANA ILMU KOMPUTER

FAKULTAS TEKNIK
UNIVERSITAS BUMIGORA
2022
 KATA PENGANTAR

Segala Puji syukur kehadirat Allah SWT atas segala limpahan Rahmat, Inayah, Taufik
dan Hidayahnya sehingga Saya dapat menyelesaikan penulisan LAPORAN PROGRES
BELAJAR SIB KAMPUS MERDEKA DICODING SEPTEMBER 2022 ini tepat pada
waktunya. Shalawat serta salam semoga senantiasa tercurah kepada junjungan alam, nabi
besar Muhammad SAW yang telah memberikan contoh tauladan yang utama bagi kita semua.

Adapun laporan ini dibuat dengan tujuan untuk memenuhi salah satu protokol atau
standar kelulusan yang ditetapkan oleh mitra Dicoding. Dengan adanya makalah ini
diharapkan dosen pembingbing dalam hal ini Ibu Lilik Widyawati, M. Kom dapat
mengetahui progres belajar saya selama mengikuti proses pembelajaran di Dicoding pada
kelas Pengembang Front-End Web dan React. Saya mengucapkan terima kasih yang
sebesarnya kepada semua pihak yang membantu dalam proses penyusunan laporan ini.

Saya menyadari, laporan yang Saya susun ini masih jauh dari kata sempurna. Oleh
karena itu, kritik, saran, dan masukan yang membangun akan Saya nantikan demi
kesempurnaan laporan ini, terimakasih.

Mataram, September 2022

Penyusun
 DAFTAR ISI

KATA PENGANTAR 2

DAFTAR ISI 3

PROGRES BELAJAR 4
Minggu Ke-3 (29 Agustus - 02 September 2022) 4
Minggu Ke-4 (05 - 09 September 2022) 4
Minggu Ke-5 (12 - 16 September 2022) 5
Minggu Ke-6 (19 - 23 September 2022) 6

SESI TATAP MUKA 7

ILT-FERE-01-B Front End - Belajar Dasar Pemrograman Web (01 September 2022) 7
Konsultasi Mingguan 2 - R12 (06 September 2022) 7
Sosialisasi MSIB (08 September 2022) 8
ILT-SS-02-S Growth Mindset and Personal Development: Establish Your All Star
Potentials (08 September 2022) 8
[Mandatory] Student Team Meeting #1 (13 September 2022) 8
ILT-FERE-02-A Belajar Membuat Front-End Web untuk Pemula (14 September 2022) 8
Konsultasi Mingguan 3 - R12 (14 September 2022) 8
Konsultasi Mingguan 4 - R12 (20 September 2022) 8
ILT-SS-03-S Professional Ethics and Adaptability: Make Yourself Presentable (22
September 2022) 8
 PROGRES BELAJAR

Minggu Ke-3 (29 Agustus - 02 September 2022)

- Mengenal dan mempraktikkan cara mendapatkan data dari API menggunakan AJAX
(Asynchronous Javascript and XML), disini diajarkan dengan 2 cara yaitu
menggunakan XHR (XMLHttpRequest) yang merupakan cara lama dan juga
menggunakan Fetch cara terbaru pada ES6 yang memanfaatkan Promise untuk
memberikan fitur yang lebih fleksibel dalam melakukan request.
- Menyelesaikan submission project untuk kelas Fundamental Front-End Web
Development dengan project idea Covid19Id, project ini sederhananya untuk melihat
jumlah kasus covid-19 yang ada di Indonesia dan juga kasus di tiap provinsi.
Tentunya project ini menggunakan data dari api yang ditampilkan melalui custom
element yang telah dibuat, untuk melakukan request data saya menggunakan library
axios, dan untuk styling saya menggunakan tailwind css. Project sederhana dengan
nilai yang memuaskan.
- Menghadiri konsultasi mingguan dengan teman kelas dan mentor Kak Haidar, semoga
tetap solid dan semuanya lulus sampai akhir, amin.
- Menghadiri dan mengerjakan quiz dari sesi ILT Tech FERE yang berjudul Belajar
Dasar Pemrograman Web, pada sesi ini kita diajarkan fundamental dalam
pengembangan website itu sendiri yaitu HTML, CSS, dan JS.

Minggu Ke-4 (05 - 09 September 2022)

- Belajar dan mempraktikkan cara menerapkan aksesibilitas pada web di kelas

Front-End Expert, disini diajarkan dua metode aksesibilitas yaitu aksesibilitas
keyboard (bagi orang yang terkendala dengan motorik) dan aksesibilitas konten (bagi
orang yang terkendala dengan penglihatan).
- Belajar dan mempraktikkan cara menerapkan aksesibilitas pada web di kelas
Front-End Expert, disini diajarkan dua metode aksesibilitas yaitu aksesibilitas
keyboard (bagi orang yang terkendala dengan motorik) dan aksesibilitas konten (bagi
orang yang terkendala dengan penglihatan) yang diuji menggunakan screen reader.
- Mengikuti sesi mentoring ke-2 dimana saya melihat progres teman-teman lainnya dan
memastikan kalau progres saya juga berjalan dengan semestinya.
 - Mengikuti sesi ILT Softskills yang ke-2 dengan tema Growth Mindset and Personal
Development serta mengerjakan quiz dan tugas yang diberikan, disini diajarkan
bagaimana caranya kita memiliki pola pikir yang berkembang ketika dihadapkan pada
rintangan.
- Menyelesaikan submission pertama di kelas Front-End Expert dengan menerapkan
prinsip responsive yaitu mobile first approach dimana tampilan tampak baik pada
dimensi layar yang mainstream dan aksesibilitas dimana meningkatkan penyajian
konten pada web bagi kaum disabilitas, nama projek yang saya buat adalah Infoodity.

Minggu Ke-5 (12 - 16 September 2022)

- Menyelesaikan modul Clean Code pada kelas FE Expert dengan menerapkan

prinsip-prinsip clean code yang diajarkan diantaranya menentukan style guide dan
code conventions menggunakan ESLint, menerapkan SOLID principle dari Robert C.
Martin, concurrency atau proses yang berjalan secara asynchronous, error handling,
dan commenting.
- Memulai modul Progressive Web Apps dimana website yang dibangun memiliki
sifat-sifat layaknya aplikasi native dengan komponen yang baru dipelajari seperti
membuat application shell yaitu teknik dalam PWA untuk membuat kerangka UI
aplikasi yang termuat secara instan (karena disimpan dalam cache) tanpa menunggu
response dari server dan yang kedua adalah web app manifest dimana berbentuk file
JSON yang mengontrol bagaimana aplikasi ditampilkan saat pertama kali dibuka di
browser.
- Menghadiri sesi student meeting (13 Sep 2022) dimana pembahasannya adalah
proporsi nilai, protokol kehadiran, capstone introduction, dashboard, laporan progres
ke dosen, logbook dan feedback, progres siswa dan milestone.
- Menghadiri sesi ILT Tech FERE (14 Sep 2022) dengan agenda pembahasan
memahami javascript, memahami browser object model, document object model, dan
event pada javascript, dan memahami web storage.
- Menghadiri sesi konsultasi mingguan yang ke-3 dengan kak Khaidar dengan
pembahasan seputaran study group, rekap kelas, dan curhat/sharing time.
Minggu Ke-6 (19 - 23 September 2022)

- Belajar dan mempraktikkan cara menggunakan service worker. Service worker ini
mengambil alih urusan request pada browser dan menjadi gerbang bagi berbagai fitur
browser yang tidak memerlukan tampilan atau interaksi dari pengguna.
- Mempelajari dan mengimplementasikan Cache API digunakan untuk menyimpan
resource secara lokal di browser agar dapat diakses ketika offline.
- Belajar workbox yaitu pengganti dari service worker agar penerapan routing dan
caching lebih mudah.
- Mempraktikkan CRUD pada IndexedDB yaitu built-in database yang ada pada
browser. Karena tersimpan secara lokal, maka pengimplementasiannya dapat
dilakukan secara offline.
- Mengimplementasikan penggunaan websocket yaitu cara berkomunikasi dari client
dan server berjalan dua arah secara aktif dan menciptakan komunikasi secara
real-time seperti notifikasi, chatting, live progress, karena biasanya cara
berkomunikasi antara client dengan server dengan melakukan request dari client dan
response dari server.
- Menghadiri sesi konsultasi mingguan ke-4 (20 Sep 2022), membahas seputar progress
dan study group.
- Menghadiri sesi ILT SS 3: Professional Ethics and Adaptability: Make Yourself
Presentable (22 Sep 2022), dimana membahas tentang kode etik dalam dunia kerja &
profesionalitas, dan cara beradaptasi dengan orang dan lingkungan baru.
 SESI TATAP MUKA

1. ILT-FERE-01-B Front End - Belajar Dasar Pemrograman Web (01 September

2022)

2. Konsultasi Mingguan 2 - R12 (06 September 2022)

3. Sosialisasi MSIB (08 September 2022)

4. ILT-SS-02-S Growth Mindset and Personal Development: Establish Your All

Star Potentials (08 September 2022)
5. [Mandatory] Student Team Meeting #1 (13 September 2022)

6. ILT-FERE-02-A Belajar Membuat Front-End Web untuk Pemula (14 September

2022)
7. Konsultasi Mingguan 3 - R12 (14 September 2022)

8. Konsultasi Mingguan 4 - R12 (20 September 2022)

9. ILT-SS-03-S Professional Ethics and Adaptability: Make Yourself Presentable
(22 September 2022)