CSS Uncover – Panduan Belajar CSS untuk Pemula

eBook CSS Uncover Duniailkom

Maret 2021: Update eBook CSS Uncover 3.0 dengan perubahan:

  • Tambahan materi tentang CSS3 Flexbox
  • Tambahan materi tentang CSS3 Grid
  • Tambahan materi tentang Font Awesome
  • Tambahan materi tentang CSS Variable, Filter, Object-fit, dan Clip-path
  • Revisi studi kasus perancangan layout dari float positioning ke flexbox
  • Ketebalan buku menjadi 680 halaman A4 (bertambah 125 halaman)
  • Perubahan design cover agar lebih fresh
  • Perbaikan typo dan salah ketik (koreksi terakhir di Desember 2021)

Sejak awal dirilis hingga sekarang (Oktober 2023) eBook CSS Uncover telah dibaca oleh 4483 rekan-rekan Duniailkom. Terimakasih atas dukungannya…

eBook CSS 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).

Buku CSS Uncover ditujukan bagi rekan-rekan yang ingin mempelajari CSS mulai dari dasar hingga perkembangan terbaru CSS3.

Dalam dunia web programming, CSS adalah bahasa kode yang dipakai untuk mendesain tampilan web. Mulai dari mengubah warna teks, mengatur ukuran font, membuat efek bayangan hingga membuat animasi, semuanya bisa dilakukan dengan CSS.

Tanpa CSS, halaman web menjadi "tanpa warna". Meskipun HTML memiliki beberapa atribut untuk mengatur tampilan, tapi cara ini sudah tidak disarankan lagi. HTML difokuskan untuk membuat struktur, sedangkan untuk tampilan diserahkan kepada CSS. Sebutan kerennya:

"HTML for content, CSS for presentation and JavaScript for behavior".

Di buku CSS Uncover ini saya akan membahas berbagai materi dasar CSS. Mulai dari perkenalan, aturan dasar penulisan CSS, memahami jenis-jenis selector CSS, konsep cascading, inheritance, specificity, hingga fitur terbaru CSS3 seperti media query, transisi, animasi, flexbox dan grid. Setiap pembahasan dilengkapi contoh-contoh penerapan dari kode CSS yang dipelajari.

Buku CSS Uncover terdiri dari 680 halaman yang mencakup 22 bab, dengan rincian sebagai berikut:

  • Berkenalan Dengan CSS
  • Sejarah dan Perkembangan CSS
  • Web Browser dan Text Editor
  • Aturan Dasar Penulisan CSS
  • CSS Selector
  • Cascade, Inheritance dan Specificity
  • CSS Typography
  • CSS Box Model
  • CSS Background
  • CSS Positioning
  • CSS3 Gradient
  • CSS3 Multiple Column
  • CSS3 Border Image
  • CSS3 Box Shadow
  • CSS3 2D Transform
  • CSS3 Transitions dan CSS3 Animations
  • CSS3 Media Query
  • CSS3 FlexBox
  • CSS3 Grid
  • Materi CSS Lainnya
  • Font Awesome
  • CSS Case Study

Daftar isi bisa di download dari link berikut:

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

Tampilan eBook CSS Uncover

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

  • Pembahasan materi yang mendalam. Buku CSS Uncover fokus membahas konsep dasar CSS dengan detail. Terdiri dari 680 halaman A4 yang meliputi 22 Bab. Jika disetarakan dengan ukuran buku komputer biasa yang berukuran A5, jumlah halamannya menjadi 1360 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 400 kode program CSS 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


Apa saja yang dibahas?

Buku CSS Uncover duniailkom akan membahas berbagai materi dasar CSS. Mulai dari perkenalan, aturan dasar penulisan, jenis-jenis selector CSS, konsep cascading, inheritance, specificity, hingga fitur terbaru CSS3 seperti media query, transisi, animasi, flexbox dan grid.

Di akhir buku terdapat studi kasus pembuatan berbagai komponen web seperti menu navigasi horizontal, menu dropdown, hamburger menu (responsive menu), hingga pembuatan layout web utuh. Berikut link demo dari template final project yang ada di buku:

Berikut beberapa tampilan mini project yang ada di buku CSS Uncover (klik untuk memperbesar):

Pembuatan Layout dengan Flexbox dan Grid

Praktek property CSS clip-path

Cara membuat horizontal menu

Cara membuat hamburger menu (responsive)

Studi kasus perancangan layout CSS Uncover

Studi kasus perancangan layout CSS Uncover


Apakah saya perlu paham HTML?

Betul, buku CSS Uncover fokus membahas CSS saja. Untuk dapat memahami materi yang ada, saya berasumsi rekan-rekan sudah paham sedikit banyak tentang HTML, memahami cara kerja web browser, dan bisa menjalankan file HTML di komputer lokal.

Dalam buku ini saya akan langsung masuk kepada CSS tanpa membahas ulang HTML. Idealnya, buku CSS Uncover dibaca sebagai lanjutan dari buku HTML Uncover. Namun tidak masalah jika materi HTML dipelajari dari sumber lain. Di website duniailkom juga tersedia beberapa tutorial dasar HTML.


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 butuh 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 / web lain, boleh tanya ke programmer yang merancangnya.


Apakah nanti dapat update juga?

Untuk update ringan (minor update) seperti perbaikan salah ketik atau ada kode program yang error, update bisa di dapat secara gratis.

Namun jika terdapat perbaikan besar (mayor update) seperti penambahan materi baru, updatenya terpaksa sedikit berbayar sekedar upah lelah revisi materi. Khusus yang sudah beli eBook Pascal Uncover versi sebelumnya, biaya update cukup setengah harga eBook / diskon 50%.

Sebagai contoh bagi yang memiliki lisensi eBook CSS Uncover 2, update ke CSS Uncover 3 bisa diperoleh dengan harga Rp. 30.000. Di CSS Uncover 3 ini terdapat cukup banyak tambahan materi baru (lebih dari 125 halaman).

Diskon berlaku hanya untuk versi eBook, tidak termasuk buku cetak.


Ada versi cetaknya ga?

Ada. Versi buku cetak CSS Uncover bisa didapat dengan harga Rp. 230.000. Harganya memang cukup mahal mengingat ketebalan buku ini (680 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,8 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 ingin buku cetak + eBook, bisa ditambah dengan 1/2 harga eBook (Rp. 30.000). Sehingga untuk buku cetak + eBook CSS Uncover totalnya = 230rb + 30rb = Rp. 255.000 (belum termasuk ongkos kirim). Lisensi eBook hanya untuk pembeli yang sama, bukan untuk orang lain.

Apabila 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).

Cover CSS Uncover 3 - Full


## 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 CSS 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 CSS Uncover ini bisa menjadi buku pengantar terbaik untuk memandu anda untuk menjadi seorang web desainer :)

431 Comments

  1. Muhamad Ramadhan
    28 Apr 16
    • Andre
      28 Apr 16
      • Muhamad Ramadhan
        30 Apr 16
        • Andre
          01 May 16
        • Ifdhal Suharmitan
          24 Jun 16
  2. arief faqih
    09 May 16
    • Andre
      09 May 16
  3. Deni
    15 May 16
    • Andre
      16 May 16
      • Ardi Gurning
        06 Jun 16
  4. fata
    31 May 16
    • Andre
      31 May 16
  5. Alam
    03 Jun 16
    • Andre
      03 Jun 16
  6. abuihsan
    09 Jun 16
    • Andre
      09 Jun 16
  7. Ardyan
    14 Jun 16
    • Andre
      14 Jun 16
  8. Iday Hidayat
    15 Jun 16
    • Andre
      15 Jun 16
  9. sri wiharso
    16 Jun 16
    • Andre
      16 Jun 16
  10. Arif
    16 Jun 16
    • Andre
      16 Jun 16
  11. arif
    16 Jun 16
    • Andre
      17 Jun 16
  12. galax
    17 Jun 16
    • Andre
      17 Jun 16
  13. Joko Diarso
    19 Jun 16
    • Andre
      19 Jun 16
      • Joko Diarso
        19 Jun 16
        • Andre
          19 Jun 16
  14. Bayu
    22 Jun 16
    • Andre
      22 Jun 16
  15. Ismail
    22 Jun 16
    • Andre
      22 Jun 16
  16. Irfan
    23 Jun 16
    • Andre
      23 Jun 16
  17. Nugraha
    23 Jun 16
    • Andre
      24 Jun 16
  18. Erwin
    28 Jun 16
    • Andre
      28 Jun 16
  19. rohim
    01 Jul 16
    • Andre
      01 Jul 16
  20. villy
    03 Jul 16
    • Andre
      03 Jul 16
  21. Gio
    07 Jul 16
    • Andre
      07 Jul 16
  22. Gio
    07 Jul 16
    • Andre
      07 Jul 16
      • Gio
        07 Jul 16
  23. Bahaudin
    10 Jul 16
    • Andre
      11 Jul 16
  24. Alfian Nasrulloh
    20 Jul 16
    • Andre
      20 Jul 16
      • Alfian Nasrulloh
        21 Jul 16
        • Andre
          22 Jul 16
  25. Rianda
    22 Jul 16
    • Andre
      22 Jul 16
  26. INDRAWAN
    22 Jul 16
    • Andre
      22 Jul 16
  27. Delly Setiadi
    25 Jul 16
    • Andre
      25 Jul 16
      • Delly Setiadi
        27 Jul 16
        • Andre
          27 Jul 16
  28. Yunda Sari
    01 Aug 16
    • Andre
      01 Aug 16
  29. diki puryadi
    02 Aug 16
    • Andre
      02 Aug 16
  30. Qomar
    15 Aug 16
    • Andre
      15 Aug 16
  31. Reza Aminulloh
    18 Aug 16
    • Andre
      18 Aug 16
  32. Muhammad Yasin
    19 Aug 16
    • Andre
      19 Aug 16
  33. Andre
    19 Aug 16
  34. Dicky Chandra MF
    20 Aug 16
    • Andre
      20 Aug 16
  35. Imo
    23 Aug 16
    • Andre
      23 Aug 16
  36. CENDIVTYA AJI PRATISTHA
    23 Aug 16
    • Andre
      23 Aug 16
  37. Ini nama ya?
    30 Aug 16
    • Andre
      30 Aug 16
  38. fitra
    08 Sep 16
    • Andre
      08 Sep 16
    • Andre
      19 Sep 16
  39. Rahman Hidayat
    24 Sep 16
    • Andre
      24 Sep 16
  40. Imo
    27 Sep 16
    • Andre
      27 Sep 16
  41. Prayogi91
    30 Sep 16
    • Andre
      01 Oct 16
  42. anas
    30 Sep 16
    • Andre
      01 Oct 16
  43. rory
    01 Oct 16
    • Andre
      01 Oct 16
  44. davit
    05 Oct 16
    • Andre
      05 Oct 16
  45. davit kurniawan
    05 Oct 16
    • Andre
      05 Oct 16
  46. Deni
    08 Oct 16
    • Andre
      08 Oct 16
  47. Lagu Minang
    12 Oct 16
    • Andre
      12 Oct 16
    • Andre
      16 Oct 16
  48. iqbal
    19 Oct 16
    • Andre
      19 Oct 16
      • iqbal
        20 Oct 16
        • Andre
          20 Oct 16
  49. Tian
    21 Oct 16
    • Andre
      21 Oct 16
  50. Ahmad Fadholi
    28 Oct 16
    • Andre
      28 Oct 16
  51. Anonymous
    02 Nov 16
    • Andre
      03 Nov 16
  52. Vincentius
    02 Nov 16
    • Andre
      03 Nov 16
  53. Herman
    02 Nov 16
    • Andre
      03 Nov 16
  54. Muhammad Ferdi
    04 Nov 16
    • Andre
      04 Nov 16
  55. Teguh Hareva
    06 Nov 16
    • Andre
      06 Nov 16
  56. Vincentius
    08 Nov 16
    • Andre
      08 Nov 16
  57. Merno
    11 Nov 16
    • Andre
      19 Nov 16
  58. Maulana Nursan A
    18 Nov 16
    • Andre
      19 Nov 16
  59. endra mulyana
    20 Nov 16
    • Andre
      20 Nov 16
  60. endra mulyana
    20 Nov 16
    • Andre
      20 Nov 16
  61. Iksan
    20 Nov 16
    • Andre
      20 Nov 16
  62. EDHI
    22 Nov 16
    • Andre
      22 Nov 16
  63. adha
    26 Nov 16
    • Andre
      26 Nov 16
  64. Dandri Abas
    26 Nov 16
    • Andre
      26 Nov 16
  65. endra mulyana
    05 Dec 16
    • Andre
      05 Dec 16
  66. endra mulyana
    05 Dec 16
    • Andre
      06 Dec 16
  67. arya
    07 Dec 16
    • Andre
      07 Dec 16
  68. arifin
    08 Dec 16
    • Andre
      08 Dec 16

Add Comment