PEMROGRAMAN WEB RESPONSIF: TEORI DAN PRAKTIK DENGAN BOOTSTRAP STUDIO

Penulis :

Fido Rizki
Davit Irawan
Dina Dalilah
Nopalia
Raniyah Ayu Lestari

ISBN : –

Jumlah Hlm : x+139
Ukuran : 15 x23 Unesco
Kertas : Bookpaper
Tahun Terbit : 2026
Editor : –

SINOPSIS

Buku ajar Pemrograman Web Responsif: Teori dan Praktik dengan Bootstrap Studio merupakan panduan lengkap untuk mahasiswa dan pemula dalam mengembangkan situs web yang adaptif di berbagai perangkat. Buku ini menggabungkan teori dasar responsive web design dengan praktik hands-on menggunakan Bootstrap Studio sebagai alat visual drag-and-drop untuk mempercepat proses pengkodean. Isi Utama : 1. Pengenalan konsep responsive web design , termasuk media queries , viewport , dan prinsip mobile-first, 2. Penjelasan mendalam tentang framework Bootstrap (grid system, komponen UI seperti navbar, cards, modals, dan utilities ) 3. Panduan langkah demi langkah membangun proyek nyata di Bootstrap Studio, dari wireframe hingga export HTML/CSS/JS. Fitur Praktis 1. Dilengkapi contoh kode, screenshot, dan latihan proyek, 2. Integrasi JavaScript plugins Bootstrap dan customisasi tema untuk hasil profesional tanpa coding rumit.

Daftar Isi
Kata Pengantar …………………………………………………………………………………………… v
Daftar Isi ……………………………………………………………………………………………………..vii
BAB 1 Pengenalan Pemrograman Web dan Aplikasi Pendukung … 1
A. Pengenalan Pemrograman Web ……………………………………………… 2
B. Pengenalan Bootstrap Studio: …………………………………………………. 7
C. Instalasi dan Penggunaan Dasar: …………………………………………. 12
D. Latihan Soal: ………………………………………………………………………………. 18
E. Daftar Pustaka …………………………………………………………………………… 19
BAB 2 Dasar-Dasar HTML, CSS, PHP, Msql dan Bootstrap Studio 21
A. Pengenalan HTML: …………………………………………………………………… 22
B. Pengenalan CSS: ……………………………………………………………………….. 26
C. Pengenalan PHP ……………………………………………………………………….. 29
D. Pengenalan Mysql…………………………………………………………………….. 33
E. Menggunakan Bootstrap Studio untuk HTML dan CSS: …. 36
F. Latihan Soal: ………………………………………………………………………………. 40
G. Daftar Pustaka …………………………………………………………………………… 41
BAB 3 Komponen Dasar Bootstrap ……………………………………………………. 43
A. Pengenalan Komponen Bootstrap:………………………………………. 44
B. Menggunakan Komponen Bootstrap dalam Bootstrap
Studio: …………………………………………………………………………………………………… 46
C. Latihan Soal: ………………………………………………………………………………. 46
D. Daftar Pustaka …………………………………………………………………………… 47
BAB 4 Layout dengan Grid System Bootstrap …………………………………. 49
A. Pengenalan Grid System: ……………………………………………………….. 50
B. Menggunakan Grid System dalam Bootstrap Studio: ……… 52
C. Latihan Soal: ………………………………………………………………………………. 52
D. Daftar Pustaka :…………………………………………………………………………. 53
BAB 5 Responsive Design dengan Bootstrap Studio ……………………… 54
A. Pengenalan Responsive Design: …………………………………………… 55
B. Menggunakan Bootstrap Studio untuk Membuat Desain
Responsif: …………………………………………………………………………………………….. 58
C. Latihan Soal: ………………………………………………………………………………. 58
D. Daftar Pustaka …………………………………………………………………………… 59
BAB 6 Form dan Validasi ………………………………………………………………………. 60
A. Pengenalan Form dan Validasi:…………………………………………….. 61
B. Menggunakan Komponen Form Bootstrap:………………………. 70
C. Latihan Soal: ………………………………………………………………………………. 70
D. Daftar Pustaka …………………………………………………………………………… 71
BAB 7 Animasi dan Interaktivitas ……………………………………………………… 72
A. Definisi animasi dalam pengembangan web …………………….. 73
B. Manfaat Animasi dan Interaktivitas dalam Web ……………… 73
C. Jenis-jenis animasi dan interaktivitas: ……………………………….. 76
D. Latihan Soal ……………………………………………………………………………….. 83
E. Daftar Pustaka …………………………………………………………………………… 83
BAB 8 Integrasi JavaScript dan Bootstrap………………………………………… 84
A. Pengenalan Integrasi JavaScript dan Bootstrap: ……………… 85
B. Menggunakan JavaScript untuk Mengontrol Komponen
Bootstrap: …………………………………………………………………………………………….. 93
C. Latihan Soal: ………………………………………………………………………………. 93
D. Daftar Pustaka …………………………………………………………………………… 94
BAB 9 Custom CSS dan JavaScript ………………………………………………………. 96
A. Pengenalan Custom CSS dan JavaScript ……………………………… 97
B. Menulis dan Mengelola Custom CSS: ………………………………….103
C. Latihan Soal ………………………………………………………………………………110
D. Daftar Pustaka ………………………………………………………………………….111
BAB 10 Penggunaan Plugin dan Ekstensi………………………………………..112
A. Pengenalan Plugin dan Ekstensi: ………………………………………..113
B. Menemukan dan Menginstal Plugin dan Ekstensi: …………120
C. Menggunakan Plugin dan Ekstensi: ……………………………………120
D. Latihan Soal: ……………………………………………………………………………..121
E. Daftar Pustaka ………………………………………………………………………….122
BAB 11 Optimasi dan SEO ……………………………………………………………………123
A. Pengenalan Optimasi dan SEO: ……………………………………………124
B. Menerapkan Teknik Optimasi: …………………………………………….129
C. Latihan Soal ………………………………………………………………………………130
D. Daftar Pustaka ………………………………………………………………………….131
BAB 12 Deployment dan Hosting ………………………………………………………132
A. Pengenalan Deployment dan Hosting: ………………………………133
B. Mempersiapkan Proyek untuk Deployment: …………………..135
C. Mendeploy Proyek ke Platform Hosting: ………………………….135
D. Mengkonfigurasi Domain dan SSL: …………………………………….136
E. Latihan Soal: ……………………………………………………………………………..136
F. Daftar Pustaka ………………………………………………………………………….137
Tentang Penulis ……………………………………………………………………………………..138