Bootstrap 5 Uncover – Panduan Belajar Framework Bootstrap

Bootstrap 5 Uncover

Desember 2022: Update eBook Bootstrap 5 Uncover (ver 1.1) dengan perubahan:

  • Penyesuaian ke Bootstrap 5.2
  • Tidak lagi butuh library jQuery
  • Penambahan breakpoint xxl (extra extra large)
  • Penambahan Bootstrap Icon
  • Penambahan komponen Offcanvas dan Placeholder
  • Penyesuaian class form serta fitur Floating Label
  • Perubahan design cover agar lebih fresh
  • Perbaikan typo dan salah ketik

Sejak dirilis hingga sekarang (Oktober 2023) eBook Bootstrap Uncover telah dibaca oleh 1408 rekan-rekan Duniailkom. Terimakasih banyak atas dukungannya…

eBook Bootstrap 5 Uncover bisa didapat dengan harga Rp 60.000 melalui transfer Bank Mandiri, BCA, BRI, BNI, GoPay, OVO, Dana, LinkAja, dan PayPal.

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 5 Uncover ini kita akan membahas cara penggunaan Bootstrap 5, 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 5 Uncover terdiri dari 537 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 Styling
  11. Flex Utilities
  12. Bootstrap Icon
  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 5 Uncover

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

  • Pembahasan materi yang mendalam. Buku Bootstrap 5 Uncover fokus membahas konsep dasar Bootstrap 5 dengan detail. Terdiri dari 537 halaman A4 yang meliputi 14 Bab. Jika disetarakan dengan ukuran buku komputer biasa yang berukuran A5, jumlah halamannya menjadi 1074 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).

Mohon kerjasama rekan-rekan untuk tidak meng-upload, memperbanyak atau menjual ulang eBook ini. Lisensi eBook hanya untuk 1 orang saja (tidak diperkenankan beli 1 untuk dibaca rame2).

Jika memiliki blog, situs pribadi, atau channel youtube, mohon juga untuk tidak memposting materi apapun yang ada dibuku. Semua materi di eBook/buku Duniailkom sudah terdaftar di Direktorat Jenderal Kekayaan Intelektual RI dan dilindungi oleh Undang-undang Hak Cipta.

Apabila terpaksa, pelanggaran terkait hal ini akan di tuntut dengan peraturan yang berlaku.


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 karena rekan-rekan 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.


Buku ini membahas Bootstrap versi berapa?

Sesuai dengan judul, buku Bootstrap 5 Uncover membahas Bootstrap versi 5, tepatnya versi 5.2. Jika diinginkan, tersedia juga versi Bootstrap 4 (mohon diinfokan pada saat pemesanan).


Apa saja yang dibahas?

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

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 lewat JavaScript. Materi seperti ini perlu dasar Sass dan JavaScript sehingga saya putuskan 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++, 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.


Apakah nanti dapat update juga?

eBook Bootstrap Uncover saat ini menggunakan Bootstrap versi 5. Sepanjang belum rilis Bootstrap 6, rekan-rekan akan terus mendapat free update. Mayoritas update berupa perbaikan salah ketik (typo) dan mungkin sedikit tambahan materi baru terutama jika tim Bootstrap merilis mini update untuk versi 5.1, 5.2, dst.

Jika nanti rilis Bootstrap 6, biaya update cukup 50% dari harga eBook terbaru, sekedar upah lelah revisi materi buku. Diskon berlaku untuk versi eBook, tidak termasuk buku cetak.

Sebagai contoh bagi yang memiliki lisensi eBook Bootstrap 4 Uncover, update ke Bootstrap 5 Uncover bisa diperoleh dengan harga Rp. 30.000.


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. 210.000. Harganya memang cukup mahal mengingat ketebalan buku ini (529 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. Isi buku di cetak hitam putih (bukan full color).

Buku cetak JavaScript dan Bootstrap Uncover


## TESTIMONI ##

~ Sedikit testimoni dari pembaca eBook / Buku Duniailkom ~

Testimoni eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomReview eBook DuniailkomReview eBook DuniailkomReview eBook DuniailkomTestimoni eBook DuniailkomReview eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomReview eBook Duniailkom


Cara belinya bagaimana?

eBook Bootstrap Uncover bisa didapat dengan harga Rp 60.000 melalui transfer Bank Mandiri, BCA, BRI, BNI, GoPay, OVO, Dana, LinkAja, dan PayPal.

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

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

84 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
  27. Anonymous
    12 Feb 20
  28. abram
    13 May 20
    • Andre
      13 May 20
  29. Baiquni
    19 May 20
  30. Bima
    23 Aug 20
    • Andre
      23 Aug 20
  31. Budi
    24 Oct 20
    • Andre
      24 Oct 20
  32. abram
    01 Nov 20
    • Andre
      02 Nov 20
  33. Raihan Allaam
    07 Jun 21
    • Andre
      14 Jun 21
  34. RF
    05 Oct 21
    • Andre
      05 Oct 21
      • Anonymous
        06 Oct 21
  35. Abram
    19 Aug 22
    • Andre
      20 Aug 22

Add Comment