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. Hanif Razin Rahmatullah
    10 Dec 16
    • Andre
      10 Dec 16
  2. Bayu Aji
    15 Dec 16
    • Andre
      15 Dec 16
    • Restu Astika
      09 Apr 19
  3. aang
    19 Dec 16
    • Andre
      20 Dec 16
  4. hendi pratama
    25 Dec 16
    • Andre
      25 Dec 16
  5. Ahmad Hidayat
    26 Dec 16
    • Andre
      26 Dec 16
  6. christian
    28 Dec 16
    • Andre
      29 Dec 16
  7. christian
    28 Dec 16
    • Andre
      29 Dec 16
      • Djamaludin Alfonso Rojak
        29 Dec 16
        • Andre
          29 Dec 16
  8. Handi 02
    29 Dec 16
    • Djamaludin Alfonso Rojak
      29 Dec 16
      • Andre
        29 Dec 16
  9. rizal
    03 Jan 17
    • Andre
      03 Jan 17
  10. Muhammad Mushawwir
    04 Jan 17
    • Andre
      04 Jan 17
  11. andri
    12 Jan 17
    • Andre
      13 Jan 17
  12. purwono
    18 Jan 17
    • Andre
      19 Jan 17
  13. Ibrahim Azwar
    23 Jan 17
    • Andre
      24 Jan 17
  14. Fajar
    23 Jan 17
    • Andre
      24 Jan 17
  15. yoga
    25 Jan 17
    • Andre
      25 Jan 17
  16. ardani703
    26 Jan 17
    • Andre
      27 Jan 17
  17. Anonymous
    27 Jan 17
    • Andre
      28 Jan 17
  18. Yuswan Kurniawan
    02 Feb 17
    • Andre
      02 Feb 17
  19. Aryo
    05 Feb 17
  20. Aryo
    05 Feb 17
    • Andre
      06 Feb 17
  21. Wahyu
    08 Feb 17
    • Andre
      08 Feb 17
  22. basuki sujadmico
    08 Feb 17
    • Andre
      08 Feb 17
  23. Danny Parlin
    12 Feb 17
    • Andre
      12 Feb 17
  24. Okta
    23 Feb 17
    • Andre
      23 Feb 17
  25. zaenal
    26 Feb 17
    • Andre
      26 Feb 17
  26. ARIF KURNIAWAN
    05 Mar 17
    • Andre
      05 Mar 17
  27. Dicky MDSC
    13 Mar 17
    • Andre
      13 Mar 17
  28. Riezky Poetra
    15 Mar 17
    • Andre
      15 Mar 17
  29. Ray
    20 Mar 17
    • Andre
      20 Mar 17
      • Fadliansyah
        19 Apr 17
        • Andre
          20 Apr 17
    • Andre
      05 Apr 17
  30. Rathomi Fitriah
    14 Apr 17
  31. x_kuadrat
    15 Apr 17
    • Andre
      15 Apr 17
  32. jati
    30 Apr 17
    • Andre
      30 Apr 17
  33. Pit
    08 May 17
    • Andre
      08 May 17
  34. Maskur M. Lahe
    13 May 17
    • Andre
      14 May 17
  35. Made Dipta
    09 Jun 17
    • Andre
      10 Jun 17
  36. taufik
    11 Jun 17
    • Andre
      11 Jun 17
  37. Areydra
    22 Jun 17
  38. Areydra
    23 Jun 17
    • Andre
      28 Jun 17
      • Areydra
        28 Jun 17
        • Andre
          28 Jun 17
  39. Muhammad Anas
    20 Jul 17
    • Andre
      21 Jul 17
  40. Muhammad Nur Alviansyah
    06 Sep 17
    • Andre
      06 Sep 17
  41. Ipeenk
    14 Sep 17
    • Andre
      15 Sep 17
      • Ipeenk
        15 Sep 17
        • Andre
          15 Sep 17
        • Ipeenk
          15 Sep 17
  42. MeL
    18 Oct 17
    • Andre
      19 Oct 17
  43. Riyan
    21 Oct 17
  44. Hendra purnomo
    15 Nov 17
  45. Shohan
    18 Nov 17
  46. agus salim
    18 Dec 17
  47. Yanto
    13 Feb 18
  48. fia
    23 Feb 18
  49. Shatria
    01 Mar 18
    • Andre
      01 Mar 18
  50. adi erianto
    15 Mar 18
  51. reki ardiansyah
    19 Mar 18
    • Andre
      19 Mar 18
  52. Rony Setiawan
    21 Sep 18
  53. kunti
    01 Mar 19
  54. Teguh
    24 May 19
    • Andre
      24 May 19
  55. Arifin
    29 Jun 19
    • Andre
      29 Jun 19
  56. didik tmfx
    30 Sep 19
    • Andre
      01 Oct 19
  57. Arsya Putra
    10 Jan 20
  58. abram
    16 May 20
    • Andre
      18 May 20
  59. Mas Fahrul
    18 Feb 21
    • Andre
      18 Feb 21
  60. Mohd Purwadi
    09 Oct 21

Add Comment

Leave a Reply to Teguh Cancel reply