Bootstrap Uncover – Panduan Belajar Bootstrap 4

Bootstrap Uncover

Terimakasih atas dukungannya, hari ini 03 Oktober 2018 Duniailkom merilis eBook / Buku Bootstrap Uncover.

Untuk pemesanan bisa ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).


Tidak dapat dipungkiri bahwa Bootstrap saat ini menjadi CSS Framework yang paling populer. Jika melihat lowongan kerja web designer / front-end developer, Bootstrap hampir selalu menjadi syarat yang harus dimiliki.

Kenapa harus pakai framework seperti Bootstrap? Ada beberapa alasan:

  • Browser compatibility. Kita tidak perlu khawatir dengan perbedaan tampilan antara satu web browser dengan web browser lain. Jika anda pernah membuat design web menggunakan CSS sebelumnya, tidak jarang terdapat perbedaan implementasi dari web browser yang satu dengan web browser lain.
  • Faster Development. Kita bisa merancang tampilan web dengan cepat karena Bootstrap sudah menyediakan kode-kode yang sudah jadi untuk membuat berbagai komponen web, seperti menu navigasi, tombol, form, teknik responsive, dll.
  • Great Design. Bootstrap sudah menyediakan standar design yang bagus sehingga sangat membantu terutama bagi programmer yang kurang ahli dalam hal design. Terlebih lagi tampilan web yang dibuat dengan Bootstrap sudah responsive secara bawaan.
  • Mudah Dipelajari. Untuk bisa menggunakan sebagian besar fitur yang ada di Bootstrap, cukup dengan menulis beberapa class ke dalam kode HTML tanpa perlu memahami kode CSS yang ada dibaliknya.

Dengan Bootstrap, kita bisa membuat tampilan web menarik tanpa harus paham kode-kode rumit dibaliknya. Dasar yang diperlukan cukup basic HTML, CSS dan sedikit JavaScript jika ingin membuat efek-efek interaktif.

Dalam buku Bootstrap Uncover ini kita akan membahas cara penggunaan Bootstrap, mulai dari grid system yang menjadi fondasi paling penting, utility class, puluhan komponen Bootstrap seperti navbar, list group, button, form, card, hingga carousel (slider). Di akhir buku nanti terdapat studi kasus pembuatan 2 buah template modern menggunakan Bootstrap.

Setiap bahasan dilengkapi dengan contoh tampilan gambar. Jika mengalami kendala, anda bisa buka file kode program yang disertakan (berisi seluruh kode program yang ada di buku ini).

Buku Bootstrap Uncover terdiri dari 540 halaman yang mencakup 14 bab, dengan rincian sebagai berikut:

  1. Berkenalan dengan Bootstrap
  2. Text Editor Visual Studio Code
  3. Instalasi Bootstrap
  4. Bootstrap Grid System
  5. Bootstrap Utilities
  6. Bootstrap Content
  7. Button Related Component
  8. Navigation Related Component
  9. Display Related Component
  10. Form Related Component
  11. Flexbox Utilities
  12. Font Awesome
  13. ILKOOM Tech Template
  14. ILKOOM Community Blog Template

Daftar isi bisa di download dari link berikut:

Contoh (sample) eBook bisa di download dari link berikut:

Tampilan eBook Bootstrap Uncover

eBook Bootstrap Uncover ini bisa didapat dengan harga Rp 60.000 jika melalui transfer bank (tersedia Bank Mandiri, BCA, BRI, dan BNI), atau melalui pulsa 60.000 (kartu XL/AXIS dan Telkomsel As).

Untuk pemesanan bisa ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).


Sama seperti eBook Duniailkom yang lain, fitur yang bisa didapat adalah:

  • Pembahasan materi yang mendalam. Buku Bootstrap Uncover fokus membahas konsep dasar Bootstrap dengan detail. Terdiri dari 540 halaman A4 yang meliputi 14 Bab. Jika disetarakan dengan ukuran buku komputer biasa yang berukuran A5, jumlah halamannya menjadi 1080 halaman!
  • Bahasa yang mudah dimengerti dan dipahami. Buku ini ditulis dengan gaya penulisan yang sederhana seperti tutorial di duniailkom, dimana pembahasan materi selalu disertai dengan contoh dan tampilan hasil kode program.
  • Kode program dapat di download. Seluruh contoh kode program yang ada di buku bisa di download, sehingga sangat mudah untuk langsung melihat hasilnya. Total terdapat lebih dari 390 file HTML yang akan dibahas.
  • Layout halaman yang professional. Tampilan buku disusun secara rapi sesuai standar buku / eBook luar negeri.
  • Tersedia dalam format PDF. File pdf boleh di print selama untuk dibaca sendiri.
  • Support konsultasi melalui email duniailkom@gmail.com atau WA ke 083180285808. Jika ada materi atau bahasan yang kurang jelas, bisa tanya-tanya via email / WA (mohon maaf, berhubung kesibukan tidak melayani pertanyaan di luar materi buku seperti tugas kuliah / skripsi).

FAQ – Frequently Asked Question


Apakah ini buku untuk pemula?

Jika yang dimaksud adalah pemula di Bootstrap, maka jawabannya iya, buku ini akan membahas Bootstrap dari dasar.

Tapi buku ini bukan untuk pemula web programming, lebih ke level intermediate dimana anda harus memiliki dasar HTML dan CSS terlebih dahulu. Jika belum, boleh luangkan waktu sejenak untuk belajar HTML dan CSS, lebih pas jika sudah pernah membaca buku HTML Uncover dan CSS Uncover Duniailkom.

Meskipun di beberapa bahasan saya memakai sedikit kode JavaScript, namun penggunaannya tidak terlalu banyak sehingga dasar JavaScript tidak diharuskan.


Apa saja yang dibahas?

Buku Bootstrap Uncover duniailkom akan membahas mulai dari cara instalasi Bootstrap (menghubungkan file-file Bootstrap ke kode HTML), membahas grid system, utility class, Bootstrap component, Bootstrap flexbox class serta font awesome.

Di akhir buku terdapat studi kasus membuat 2 buah template sebagai prakter dari semua materi yang sudah dipelajari. Berikut tampilan dari template yang akan dibuat (klik untuk memperbesar):

Studi Kasus Pembuatan Template - Bootstrap Uncover Duniailkom

Studi Kasus Pembuatan Template 2 - Bootstrap Uncover DuniailkomStudi Kasus Pembuatan Template Article - Bootstrap Uncover Duniailkom Studi Kasus Pembuatan Template Profile Member - Bootstrap Uncover Duniailkom

Namun buku ini tidak membahas advanced Bootstrap, seperti mencompile ulang Bootstrap menggunakan SaSS, atau memodifikasi prilaku komponen Bootstrap menggunakan jQuery. Materi seperti ini perlu dasar SaSS dan jQuery sehingga saya memutuskan tidak membahasnya.


Apa saja aplikasi yang diperlukan?

Aplikasi yang diperlukan hanya teks editor dan web browser. Untuk text editor tidak ada syarat khusus, anda bebas ingin menggunakan text editor apapun, seperti Notepad++, Komodo Edit, Sublime Text atau Atom.

Namun dalam buku ini saya akan menggunakan Visual Studio Code atau VS Code. Aplikasi text editor ini gratis dan bisa di download dari web resminya di code.visualstudio.com.

Untuk web browser juga tidak ada syarat khusus, yang direkomendasikan adalah Google Chrome atau Mozilla Firefox versi terbaru


Saya ada tugas / skripsi / project nih, kalau beli bukunya bisa dibantu g?

Mohon maaf sekali, berhubung kesibukan mengelola duniailkom dan kegiatan lain, saya belum bisa membantu jika ada pertanyaan diluar materi buku.

Saya sangat ingin menolong, namun pertanyaan seputar tugas / aplikasi bisa sangat kompleks. Tidak akan cukup 1 atau 2 jawaban saja karena harus dianalisis dulu seperti apa aplikasi yang sedang dirancang (bisa makan waktu berhari-hari).

Oleh karena itu pertanyaan melalui email atau WA, saya batasi hanya seputar materi yang dibahas di buku ini saja. Jika kode tersebut di dapat dari orang lain / situs lain, silahkan bertanya pada programmer yang merancangnya. Memahami coding orang lain jauh lebih sulit daripada kita yang buat sendiri.


Ada versi cetaknya ga?

Ada. Versi buku cetak Bootstrap Uncover bisa didapat dengan harga Rp. 195.000. Harganya memang cukup mahal mengingat ketebalan buku ini (540 halaman A4). Buku di cetak dengan kualitas tinggi dan menggunakan hardcover agar lebih awet.

Harga tersebut belum termasuk ongkos kirim dari Bandung 2kg (berat buku ini 1,35 kg sehingga terhitung 2kg). Pengiriman bisa via JNE atau POS. Saya tidak menyediakan stock, setiap pemesanan akan dicetak dulu sekitar 5 – 7 hari kerja (maksimal 10 hari kalau order lagi banyak).

Jika berminat silahkan menghubungi duniailkom@gmail.com / WA ke 083180285808, atau langsung ke official store Duniailkom di Tokopedia: tokopedia.com/duniailkom.

Setiap pembelian buku cetak akan mendapatkan versi eBook juga.

Cover Bootstrap Uncover - Full

*isi buku di cetak hitam putih (bukan full color)


Cara belinya bagaimana?

Apabila berminat untuk memesan eBook Bootstrap Uncover, silahkan ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).


Apabila ada pertanyaan, memberikan komentar atau saran, silahkan kirim email ke duniailkom@gmail.com / WA ke 083180285808 (andre), atau tinggalkan pesan pada kolom komentar dibawah.

Semoga buku Bootstrap Uncover ini bisa menjadi buku pengantar terbaik untuk memandu anda untuk menjadi seorang front-end developer :)


*** Artikel Terkait ***

16 Comments

  1. RUSTIAN DAUD
    04 Oct 18
    • Andre
      04 Oct 18
      • Dede Syarifudin Hidayat
        04 Oct 18
        • Andre
          04 Oct 18
  2. riko armanda
    05 Oct 18
    • Andre
      05 Oct 18
  3. sariyanto
    07 Oct 18
    • Andre
      07 Oct 18
  4. ade dwi putra
    07 Oct 18
  5. Zacky Habibie
    10 Oct 18
    • Andre
      10 Oct 18
      • Zacky Habibie
        10 Oct 18
        • Andre
          10 Oct 18
  6. Aris
    11 Oct 18

Add Comment