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

Sejak dirilis dari tanggal 05 September 2015 hingga sekarang (04 April 2021) eBook CSS Uncover telah dibaca oleh 3980 rekan-rekan Duniailkom. Terimakasih banyak 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 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 seperti perbaikan salah ketik (typo) atau ada kode program yang error, update bisa di dapat secara gratis. Namun jika terdapat penambahan materi baru, updatenya terpaksa sedikit berbayar sekedar ganti upah lelah penulisan.

Khusus bagi yang sudah memiliki lisensi eBook CSS Uncover versi sebelumnya, update bisa didapat dengan diskon 50% dari harga eBook terbaru. Diskon berlaku hanya untuk versi eBook, tidak termasuk buku cetak.

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


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 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 designer :)

431 Comments

  1. adi
    07 Sep 15
    • Andre
      10 Sep 15
  2. coolman
    14 Sep 15
    • Andre
      14 Sep 15
  3. samsul
    21 Sep 15
    • Andre
      21 Sep 15
  4. Abdul Mutholib
    01 Oct 15
    • Andre
      02 Oct 15
  5. Juan
    02 Oct 15
    • Andre
      02 Oct 15
  6. Ahmad Fajri
    09 Oct 15
    • Andre
      09 Oct 15
  7. boyanx
    10 Oct 15
    • Andre
      10 Oct 15
  8. DemosWA
    12 Oct 15
    • Andre
      13 Oct 15
  9. Muhammad Ali
    25 Oct 15
    • Andre
      26 Oct 15
      • Muhammad Ali
        01 Nov 15
  10. kharis
    28 Oct 15
    • Andre
      29 Oct 15
      • DemosWA
        16 Nov 15
  11. roez
    31 Oct 15
    • Andre
      31 Oct 15
  12. Madyan Eka
    31 Oct 15
    • Andre
      31 Oct 15
  13. Indra
    01 Nov 15
    • Andre
      01 Nov 15
  14. Muhammad Ali
    02 Nov 15
    • Andre
      03 Nov 15
  15. Yunan
    03 Nov 15
    • Andre
      03 Nov 15
  16. Wahyupoer
    08 Nov 15
    • Andre
      09 Nov 15
  17. ettu
    09 Nov 15
    • Andre
      09 Nov 15
  18. DemosWA
    16 Nov 15
    • Andre
      16 Nov 15
  19. ardi
    16 Nov 15
    • Andre
      16 Nov 15
  20. baimzzz
    17 Nov 15
    • Andre
      17 Nov 15
  21. Gultom
    17 Nov 15
    • Andre
      18 Nov 15
  22. aep
    18 Nov 15
    • Andre
      18 Nov 15
  23. Yunan
    19 Nov 15
    • Andre
      25 Nov 15
    • Andre
      25 Nov 15
  24. Hidayat
    25 Nov 15
    • Andre
      28 Nov 15
  25. Nurul Hidayat
    26 Nov 15
    • Andre
      28 Nov 15
  26. sariyanto
    28 Nov 15
    • Andre
      28 Nov 15
  27. kafriyanto
    03 Dec 15
    • Andre
      03 Dec 15
      • kafriyanto
        03 Dec 15
        • Andre
          03 Dec 15
  28. arsil
    03 Dec 15
    • Andre
      04 Dec 15
  29. sandy
    05 Dec 15
    • Andre
      05 Dec 15
  30. joaya ganteng
    06 Dec 15
    • Andre
      07 Dec 15
  31. Ferry ramadhani
    08 Dec 15
    • Andre
      08 Dec 15
  32. LEO
    12 Dec 15
    • Andre
      12 Dec 15
    • Andre
      14 Dec 15
  33. kenta
    15 Dec 15
    • Andre
      15 Dec 15
    • Andre
      16 Dec 15
  34. Ariesta
    18 Dec 15
    • Andre
      19 Dec 15
  35. Indra K
    23 Dec 15
    • Andre
      23 Dec 15
  36. Muhammad Afif
    24 Dec 15
    • Andre
      07 Jan 16
  37. Darin
    07 Jan 16
    • Andre
      07 Jan 16
  38. fasya diki
    10 Jan 16
    • Andre
      12 Jan 16
  39. Riyadi
    13 Jan 16
  40. Suryo
    15 Jan 16
  41. Ardika
    20 Jan 16
    • Andre
      20 Jan 16
      • Ardika
        21 Jan 16
        • Andre
          26 Jan 16
  42. Anonymous
    26 Jan 16
    • Andre
      26 Jan 16
  43. Andri
    27 Jan 16
    • Andre
      27 Jan 16
  44. Ricky Rachmanto
    02 Feb 16
    • Andre
      03 Feb 16
  45. Zein
    04 Feb 16
    • Andre
      04 Feb 16
  46. Ismetjik
    10 Feb 16
    • Andre
      10 Feb 16
  47. tyo
    11 Feb 16
    • Andre
      12 Feb 16
  48. toni
    19 Feb 16
    • Andre
      20 Feb 16
  49. AY
    21 Feb 16
    • Andre
      21 Feb 16
  50. Andri
    21 Feb 16
    • Andre
      22 Feb 16
  51. Endy
    24 Feb 16
    • Andre
      24 Feb 16
  52. Ardika
    25 Feb 16
    • Andre
      25 Feb 16
      • Ardika
        25 Feb 16
        • Andre
          26 Feb 16
  53. Helmi
    26 Feb 16
    • Andre
      26 Feb 16
    • Helmi
      28 Feb 16
  54. Aleg Jek
    26 Feb 16
    • Andre
      26 Feb 16
  55. karimunjawa 2016
    28 Feb 16
    • Andre
      29 Feb 16
  56. Opping
    29 Feb 16
    • Andre
      29 Feb 16
  57. Mona
    02 Mar 16
    • Andre
      03 Mar 16
  58. ahriadi
    03 Mar 16
    • Andre
      03 Mar 16
  59. Supriadi Tarigan
    04 Mar 16
    • Andre
      04 Mar 16
  60. Rusman
    05 Mar 16
    • Andre
      05 Mar 16
  61. Doddy Ardyanto
    10 Mar 16
    • Andre
      11 Mar 16
  62. Nasril Sany
    13 Mar 16
    • Andre
      13 Mar 16
  63. haikal vidya
    16 Mar 16
    • Andre
      16 Mar 16
  64. Ari Setiawan
    22 Mar 16
    • Andre
      22 Mar 16
  65. Anonymous
    23 Mar 16
  66. DemosWA
    03 Apr 16
    • Andre
      03 Apr 16
  67. nine
    12 Apr 16
    • Andre
      12 Apr 16
      • Hanif Razin Rahmatullah
        10 Dec 16

Add Comment