Proyek Membangun Responsive Web Design dengan Bootstrap 3 dan 4

Proyek Membangun Responsive Web Design dengan Bootstrap 3 dan 4

Saat ini, pengaksesan Internet melalui Smartphone dan Tablet meningkat sangat tajam, bahkan mengalahkan akses melalui PC dan Laptop. Ini tantangan bagi pengembang website dapat membuat web tampil dengan baik dan cantik pada berbagai ukuran layar, baik PC/Laptop maupun Handphone. Menurut Google, "Solusi terbaik untuk mengatasi hal tersebut adalah Responsive Web."


Buku ini membahas Framework paling favorit untuk membuat Responsive Web, yaitu Bootstrap (Twitter Bootstrap). Dengan Bootstrap, Anda bisa membuat Responsive Web dalam waktu singkat, tanpa perlu pusing kepala dengan segala macam teknik CSS3, HTML5 ataupun Javascript untuk merespon ukuran layar dari mobile phone.


Dalam buku ini dibahas Dasar-Dasar Bootstrap 3 serta Fitur-Fitur dan Cara Penggunaannya, seperti Layout, Grid, Tipografi, Table, Form, Button, Image, Icon, Video, Navigation Bar, Dropdown Menu, Progress Bar, serta Teknik Pembuatan Web Template. Di bagian akhir akan dibahas penerapan Bootstrap dalam mempercantik tampilan Proyek Aplikasi Inventory (Point Of Sales) Responsive.


Sebagai bonus, dibahas juga Bootstrap versi terbaru yang baru dirilis Agustus 2015 ini, update apa saja yang berubah dari versi 3 ke versi 4, serta fitur-fitur terbaru yang ada di Bootstrap 4. Setahu kami, buku ini merupakan satu-satunya dan pertama yang membahas Bootstrap 3 dan 4 secara lengkap, jadi cocok dijadikan untuk Referensi. Dari sisi praktisnya, dibahas juga dalam berbagai macam Contoh Penggunaan, Tutorial dan Studi Kasus Proyeknya.


SPESIFIKASI BUKU:


Judul : Proyek Membangun Responsive Web Design dengan Bootstrap 3 dan 4
Penulis : Husein Alatas
Harga : Rp. 94.000
Tebal Buku : 370 Halaman
Dimensi (L x P) : 14 x 21 Cm (Standar)
Tanggal Terbit : 14 November 2015


Klik disini untuk melihat cover gambar dalam ukuran yang lebih besar.


proyek-membangun-responsive-web-design-dengan-bootstrap-3-dan-4


.


DAFTAR ISI


BAB 1. Mengenal Bootstrap
1.1. Sejarah Bootstrap
1.2. Struktur Folder dan File Bootstrap
1.3. HTML Template Dasar dengan Bootstrap
1.4. Kustomisasi File CSS Bootstrap

BAB 2. Memahami Grid dan Layout
2.1. Apa itu Grid System?
2.2. Grid System pada Bootstrap

BAB 3. Tipografi, Code, Table dan Form

BAB 4. Tombol, Image dan Class Bantu

BAB 5. Icon, Dropdown dan Button Group

BAB 6. Komponen Navigasi
6.1. Tab dan Pill
6.2. Navigation Bar (NavBar)
6.3. Breadcrumbs
6.4. Pagination
6.5. Pager

BAB 7. Komponen Pelengkap Bootstrap
7.1. Labels
7.2. Badges
7.3. Jumbotron
7.4. Page Header (Judul Halaman)
7.5. Thumbnails
7.6. Alerts
7.7. Progress Bar
7.8. Media Object
7.9. List Group
7.10. Panel
7.11. Responsive Embed
7.12. Well

BAB 8. Javascript Plugin
8.1. Bootstrap Data API
8.2. Plugin Individual atau Kompilasi
8.3. Plugin Transition
8.4. Plugin Modal
8.5. Plugin Dropdown
8.6. Plugin Scrollspy
8.7. Plugin Tab
8.8. Plugin Tooltip
8.9. Plugin Popover
8.10. Plugin Alert
8.11. Plugin Button
8.12. Plugin Collapse
8.13. Plugin Carousel
8.14. Plugin Affix

BAB 9. Teknik Merancang Template Bootstrap
9.1. Template Dasar Bootstrap
9.2. Membuat Layout Halaman
9.2.1. Unsur-Unsur Pembentuk Halaman Web
9.2.2. Elemen-Elemen Baru HTML5 untuk Layout Halaman
9.2.3. Variasi Layout Halaman dengan Elemen HTML5
9.2.4. Solusi Problem pada Browser Lama
9.3. Menerapkan Grid System Bootstrap
9.3.1. Container Fluid atau Container Saja?
9.3.2. Menambahkan Baris dan Kolom
9.4. Merancang Web Template Bootstrap
9.4.1. Menyiapkan Elemen-Elemen HTML5
9.4.2. Menyisipkan Grid System Bootstrap
9.4.3. Menyisipkan Komponen Bootstrap dan Teks

BAB 10. Proyek Point Of Sales Responsive
10.1. Informasi Umum Aplikasi POS
10.2. Struktur Folder dan File Aplikasi POS
10.3. Layout Halaman Aplikasi POS
10.3.1. Halaman Login
10.3.2. Halaman Utama
10.3.3. Halaman Data Master
10.3.4. Halaman Pembelian Barang
10.3.5. Halaman Penjualan Barang (Kasir)
10.3.6. Halaman Laporan

BAB 11. Bonus: Bootstrap Versi 4
11.1. Bootstrap 3.3.5 Vs Bootstrap 4
11.1.1. Dukungan Terhadap Browser
11.1.2. Perubahan Global
11.1.3. Perubahan pada Tipografi
11.1.4. Perubahan pada Elemen Table
11.1.5. Perubahan pada Elemen Form
11.1.6. Perubahan pada Komponen CSS Non-Javascript
11.1.7. Perubahan pada Komponen Javascript Plugin
11.2. Perubahan pada Template Dasar
11.3. Perubahan pada Satuan Ukuran Px ke Rem dan Em
11.4. Grid System pada Bootstrap 4
11.5. Class Bantu Responsive (Responsive Utilities)
11.6. Styling pada Elemen-Elemen HTML5
11.6.1. Styling Elemen HTML5 yang dihapus Bootstrap 4
11.6.2. Styling Elemen HTML5 di Bootstrap 3.3.5 yang Masih Digunakan di Bootstrap 4
11.6.3. Styling Elemen HTML5 yang Berubah di Bootstrap 4
11.6.4. Elemen Form
11.6.5. Styling Elemen HTML5 yang Baru di Bootstrap 4

BAB 12. Bonus: Komponen Bootstrap 4
12.1. Komponen Bootstrap 3.3.5 yang Dihapus
12.2. Komponen Bootstrap 3.3.5 yang Tidak Berubah
12.3. Komponen Bootstrap 3.3.5 yang Berubah
12.4. Komponen Card

Baca Juga

Belum Ada Komentar