Silabus Mata Kuliah Pemrograman Berbasis Framework

Pertemuan 1: Pengantar Pemrograman Berbasis Framework

Indikator

• Memberikan latar belakang serta pemahaman tentang konsep Pemrograman Berbasis Framework

• Memahami konsep dasar Pemrograman Berbasis Framework

• Memperkenalkan dasar-dasar dan aturan pemrograman pada modern JavaScript

Topik Bahasan/Materi

• Pengenalan Pemrograman Berbasis Framework & Modern JavaScript

Sub Topik

• konsep Pemrograman Berbasis Framework pada modern JavaScript

• JavaScript language overview

  • Array

  • Arrow function

  • Class

  • var, let & const

  • Destructuring & Restructuring

  • Template strings

Pertemuan 2: Pengenalan React

Indikator

• Memperkenalkan React sebagai salah satu web library pada modern JavaScript

• Mempelajari fitur-fitur dasar React

Topik Bahasan/Materi

• Pengenalan React

Sub Topik

• React JS Overview

• Kelebihan React dibandingkan dengan library/framework lain

• Membuat project React

• Membuat project React dengan CRA

• Local development Environment dengan Node JS

Pertemuan 3: Konsep React JS Bagian 1

Indikator

• Memahami konsep-konsep dasar dalam membangun Web App menggunakan React

Topik Bahasan/Materi

• Konsep React JS

Sub Topik

• Pengenalan tentang JSX (JavaScript XML)

• Rendering elements

• Class component vs. Function component

• Penggunaan component dan props

Pertemuan 4: Konsep React JS Bagian 2

Indikator

• Memahami konsep-konsep dasar dalam membangun Web App menggunakan React

Topik Bahasan/Materi

• Konsep React JS (lanjutan)

Sub Topik

• Menangani events

• Install library pihak ketiga

• Conditional rendering

• Penggunaan Lists dan Keys

• Penggunaan Forms

Pertemuan 5: React Hooks

Indikator

• Memahami konsep dasar dan implementasi Hooks

Topik Bahasan/Materi

• React Hooks

Sub Topik

• Hook State

• Hook Effect

• Membuat custom hook

Pertemuan 6: API dan Router di React

Indikator

• Mempelajari fetching data melalui API dan navigasi antar halaman dengan React Router

Topik Bahasan/Materi

• API dan Router di React

Sub Topik

• Cara interaksi dengan API eksternal

• Menampilkan data dari API kedalam komponen/halaman

• Membuat routing pada React

• Nested routes

Pertemuan 7: Bekerja dengan komponen library (Material UI)

Indikator

• Memahami dan mengimplementasikan penggunakan framework component pihak ketiga

Topik Bahasan/Materi

• Bekerja dengan komponen library (Material UI)

Sub Topik

• Exploring Material UI Component

• Membuat UI yang kompleks menggunakan komponen Material UI

UTS