Materi Kuliah

Portal Pembelajaran

Akses materi perkuliahan secara terstruktur dan sistematis

Mata Kuliah

Pemrograman Web

Daftar Materi Perkuliahan

01

Pengenalan Pemrograman Web

Memahami konsep dasar web, sejarah perkembangan internet, dan arsitektur client-server.

HTML Dasar HTTP Protocol Web Browser
02

Struktur HTML dan Semantik

Mempelajari elemen-elemen HTML5, struktur dokumen, dan penerapan semantic markup.

HTML5 Elements Semantic Tags Form Elements
03

CSS Fundamental

Menguasai dasar-dasar CSS, selector, properties, dan metode styling website.

CSS Syntax Selectors Box Model
04

Layout dan Positioning

Memahami teknik layout menggunakan Flexbox, Grid, dan positioning dalam CSS.

Flexbox CSS Grid Positioning
05

Responsive Web Design

Menerapkan prinsip responsive design dengan media queries dan mobile-first approach.

Media Queries Mobile First Viewport
06

JavaScript Dasar

Memahami sintaks JavaScript, variabel, tipe data, operator, dan control flow.

Variables Data Types Functions
07

DOM Manipulation

Memanipulasi Document Object Model untuk interaksi dinamis pada halaman web.

DOM Selection Event Handling Dynamic Content
08

Ujian Tengah Semester

Evaluasi pemahaman materi pertemuan 1 hingga 7 melalui ujian tertulis dan praktik.

HTML & CSS JavaScript Praktik
09

ES6 dan Modern JavaScript

Mempelajari fitur-fitur modern JavaScript seperti arrow function, destructuring, dan modules.

Arrow Functions Destructuring Modules
10

Asynchronous JavaScript

Memahami konsep asynchronous programming, promises, async/await, dan fetch API.

Promises Async/Await Fetch API
11

Local Storage dan Web APIs

Memanfaatkan Web Storage API dan browser APIs untuk menyimpan data di client side.

Local Storage Session Storage Web APIs
12

CSS Framework dan Preprocessor

Mengenal framework CSS seperti Bootstrap dan preprocessor seperti SASS/SCSS.

Bootstrap Tailwind CSS SASS/SCSS
13

Web Performance dan Optimasi

Teknik optimasi performa website, lazy loading, minification, dan best practices.

Performance Optimization SEO Basics
14

Project Akhir dan Presentasi

Implementasi project website lengkap dan presentasi hasil karya akhir semester.

Final Project Presentation Portfolio