Bootstrap Uncover – Panduan Belajar Bootstrap 4

Bootstrap Uncover

Sejak dirilis dari tanggal 03 Oktober 2018 hingga sekarang (13 November 2019) eBook Bootstrap Uncover telah dibaca oleh 685 rekan-rekan Duniailkom. Terimakasih atas dukungannya, semoga eBook Bootstrap Uncover ini bisa menjadi media belajar terbaik dalam menguasai Bootstrap CSS Framework.

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 70.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 dan ePub. 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 praktek 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. 200.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, POS atau Wahana. 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.

Buku cetak JavaScript dan Bootstrap Uncover

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


## TESTIMONI ##

~ Sedikit testimoni dari pembaca eBook / Buku Duniailkom ~

Testimoni eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook Duniailkom

Review eBook Duniailkom Review eBook Duniailkom Review eBook Duniailkom


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 ***

67 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
        • Im A_Lone
          16 Oct 18
    • Endang Ismaya
      17 Oct 18
      • Andre
        17 Oct 18
  6. Aris
    11 Oct 18
  7. Im A_Lone
    16 Oct 18
    • Andre
      17 Oct 18
  8. Ali Sandy
    22 Oct 18
    • Andre
      22 Oct 18
  9. GJ
    22 Oct 18
    • Andre
      22 Oct 18
  10. kiki
    25 Oct 18
    • Andre
      25 Oct 18
      • Zacky Habibie
        25 Oct 18
        • Andre
          25 Oct 18
  11. MSFalif
    28 Oct 18
    • Andre
      28 Oct 18
  12. Alvin Zaidan
    29 Oct 18
  13. Roy
    05 Nov 18
    • Andre
      06 Nov 18
      • Roy
        06 Nov 18
  14. Yos
    08 Nov 18
  15. Rizal Azhari
    09 Nov 18
  16. Elfridus Hasman
    28 Nov 18
    • Andre
      28 Nov 18
  17. Ardika
    30 Nov 18
    • Andre
      30 Nov 18
      • Ardika
        07 Dec 18
        • Andre
          07 Dec 18
        • Ardika
          14 Jan 19
        • Andre
          14 Jan 19
        • Ardika
          16 Jan 19
        • Andre
          16 Jan 19
        • endang
          16 Jan 19
        • Andre
          16 Jan 19
  18. Baslub
    22 Jan 19
    • Andre
      22 Jan 19
  19. endang.ismaya
    22 Jan 19
    • Andre
      22 Jan 19
  20. Supardi
    31 Jan 19
    • Andre
      31 Jan 19
  21. wisnu
    18 Feb 19
    • Andre
      18 Feb 19
  22. Rizky
    15 Mar 19
    • Andre
      15 Mar 19
  23. tovan
    20 May 19
    • Andre
      20 May 19
  24. Dhani Trianggara
    14 Jul 19
    • Andre
      14 Jul 19
  25. Msfalif
    01 Sep 19
    • Andre
      01 Sep 19
  26. Luki
    24 Oct 19
    • Andre
      25 Oct 19

Add Comment

Leave a Reply to MSFalif Cancel reply