Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. CSS
Webdesign

14 Kursus CSS yang Perlu Diikuti

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Eka Y Saputra (you can also view the original English article)

Screenshot from CSS animation course

Jika Anda ingin menjadi seorang desainer web yang sukses, pemahaman yang mendalam atas CSS sangatlah penting. Untungnya, kami memiliki sejumlah sumber daya untuk membantu Anda, baik untuk mempelajari dasar-dasar CSS maupun untuk naik ke level mahir.

Berikut adalah 14 kursus komprehensif yang akan membantu mengembangkan keterampilan CSS Anda, mulai dari dasar-dasar pengaturan posisi dan tipografi CSS hingga pengunaan pseudo-element dan penguasaan Sass.

1. Start Here: Belajar Tipografi CSS

Jika Anda adalah seorang desainer pemula dan siap untuk belajar CSS, mulailah di sini!

Jika ada jenis penggayaan yang bisa dianggap lebih penting dari lainnya di dalam desain web, itu adalah tipografi. Idealnya, situs Anda harus diawali dengan tipografi yang kuat, kemudian keseluruhan bagian desain lainnya harus dibangun sesuai dengannya. Untuk itu, penting untuk memahami porsi tipografik dari proses desain terlebih dahulu, dan di dalam kursus ini, instruktur Envato Tuts+ Kezz Bracey akan membuat Anda menguasainya sepenuhnya.

2. Start Here: Belajar Tata Letak CSS

Kini, setelah Anda mempelajari hal-hal terpenting dalam tipografi dalam kursus "Start Here" sebelumnya, Anda telah siap untuk meluncur ke elemen fundamental dalam desain web berikutnya: tata letak.

Di dalam kursus ini, Anda akan mempelajari semua yang perlu Anda ketahui untuk menciptakan tipe-tipe tata letak paling umum dalam desain web.

3. Start Here: Belajar Warna dan Latar Belakang CSS

Di bagian dalam seri "Start Here" ini, Anda akan meniupkan napas kehidupan ke dalam situs yang telah Anda buat dengan warna dan latar belakang CSS.

Di dalam kursus ini, Anda akan mempelajari semua tentang teknik-teknik visual yang membuat situs tampil berbeda satu dengan lainnya, dan mewujudkan "desain" di dalam desain web.

4. Clipping dan Masking di CSS

Clipping dan masking gambar adalah konsep-konsep yang mungkin telah akrab di telinga Anda saat menggunakan aplikasi grafis seperti Photoshop. Di dalam Coffee Break Course ini, Adi Purdila akan mengajarkan kepada Anda mengenai bagaimana cara menerapkan clipping dan masking di CSS.

5. Panduan Lengkap tentang Pengaturan Posisi CSS

Pengaturan posisi dengan CSS adalah keterampilan mendasar dalam desain web; keterampilan ini menghidupkan tata letak dan membentuk pondasi dari keseluruhan isi di dalam tata letak tersebut. Saking vitalnya, bisa jadi sangat sulit untuk memahami pengaturan posisi CSS saat Anda baru mulai mempelajarinya.

Setelah Anda menyelesaikan kursus ini, Anda akan memiliki pemahaman yang cukup mengenai prinsip-prinsip dasar yang Anda butuhkan untuk mengatur tata letak. Kezz Bracey akan menunjukkan kepada Anda empat tipe pengaturan posisi yang dipergunakan di dalam CSS, juga bagaimana mengatasi sejumlah permasalahan yang bisa muncul saat menerapkan masing-masing tipe tersebut.

6. 3 Proyek Grid CSS untuk Desainer Web

Tata letak Grid CSS adalah rancangan kerja W3C yang menentukan sebuah sistem grid yang ampuh untuk memudahkan pengaturan tata letak laman web Anda dengan CSS.

Di dalam kursus ini, Anda akan membangun tiga proyek untuk membantu Anda memahami apa saja yang mungkin dibuat dengan "Grid". Proyek pertama merupakan level pemula yang akan mengenalkan Anda pada konsep-konsep Grid. Proyek kedua, naik satu level, membahas hal-hal seperti alignment (penjajaran) dan nesting (penyarangan). Proyek terakhir lebih mendalam lagi, membahas mengenai penggunaan Flexbox yang dikombinasikan dengan Grid. Dengan menyelesaikan ketiga proyek tersebut bersama Craig Campbell, Anda akan berubah dari seorang pemula Grid menjadi seorang pengguna Grid yang percaya diri.

7. CSS Library Penting untuk Desainer Web

Di dalam kursus ini, Adi Purdila akan mengajarkan kepada Anda mengenai cara menggunakan sepuluh CSS libraries penting untuk desainer web. Anda akan belajar mengenai libraries (pustaka CSS) terkait dengan reset, animasi, transisi, dan tipografi. Anda akan menggunakan Bower untuk mengelola proyek-proyek Anda, demi memastikan agar seluruh pustaka tetap up to date dan mudah dikelola.

8. CSS untuk Masa Mendatang

CSS selalu berevolusi secara konstan. Di dalam kursus ini, Craig Campbell akan membawa Anda menjelajahi fitur-fitur termutakhir dalam CSS untuk memastikan Anda tetap menjadi yang terdepan dalam bidang ini.

Beberapa fitur yang disajikan mungkin akan jadi mainstream dalam waktu dekat, sedangkan yang lainnya bisa saja lenyap bersama waktu. Bagaimana pun akhirnya nanti, pemahaman mengenai selector, modul tata letak, dan filter CSS mana saja yang mungkin akan dipakai di masa depan akan menjadikan Anda seorang pengembang front-end yang lebih mumpuni.

9. Trik-trik Tata Letak dan Grid dengan "postcss-ant"

Di dalam kursus ini, Anda akan mempelajari cara menggunakan salah satu sistem grid paling ampuh, rapi, dan ramping yang tersedia saat ini: postcss-ant. Sistem ini dibuat oleh Cory Simmons, yang terkenal dengan sistem grid populer buatannya: Jeet dan Lost.

Bekerja dengan ditopang oleh sistem PostCSS yang keren, postcss-ant menyajikan kepada Anda kemampuan untuk mengelola tata letak, baik sederhana maupun kompleks, dengan lancar dan efisien menggunakan CSS murni maupun preprocessor favorit Anda. Kezz Bracey akan membimbing Anda menyelesaikan kursus ini.

10. Mengeksplorasi CSS Pseudo-Elements

Di permukaan, pseudo-elements tampak tak lebih dari sekedar subset utilitarian dari CSS. Meskipun demikian, di dalam kursus singkat bersama Craig Campbell ini, Anda akan memahami bahwa penguasaan atas pseudo-elements bisa mengangkat desain Anda ke level yang lebih tinggi.

11. Animasi Web Praktis

Era situs web dengan animasi berat telah berlalu, namun masih ada yang penting untuk dibahas terkait dengan situs yang memiliki sejumlah animasi lembut yang enak dilihat untuk membantu pengguna memahami antarmuka. Di dalam kursus ini, Craig Campbell akan menunjukkan kepada Anda cara-cara praktis untuk membuat animasi pada tombol, tabel harga, dan elemen-elemen web lainnya, dengan menggunakan CSS dan jQuery secukupnya.

12. Menjadi Pahlawan Super CSS dengan Stylus

Stylus adalah salah satu dari 3 preprocessor CSS yang menjadikan CSS lebih mudah dan lebih handal dari sebelumnya, Stylus berbagi tempat dengan Sass dan LESS. Di dalam kursus "Menjadi Pahlawan Super CSS dengan Stylus", Anda akan mempelajari mengenai bagaimana menulis kode lebih cepat dari luncuran peluru, membuat fungsionalitas tata letak lebih ampuh daripada lokomotif, dan memperbarui skema warna dalam sekali langkah. Bergabunglah bersama Kezz Bracey dan mulailah pelatihan pahlawan super Anda!

13. 6 Proyek Flexbox untuk Desainer Web

Model Flexbox CSS mulai banyak dipergunakan dan kini didukung oleh semua peramban web terpopuler. Di dalam kursus ini, Craig Campbell akan membangun kursus CSS: Intisari Flexbox dengan menguraikan enam proyek praktikal CSS untuk penggunaan sehari-hari.

14. 14 Hari Belajar Sass

Di dalam kursus bersama Adi Purdila ini, Anda akan mempelajari dasar-dasar Sass dalam 14 hari. Setiap harinya, Anda akan belajar sesuatu yang baru, dan Anda akan melakukan latihan-latihan kecil yang akan membantu memperkokoh pengetahuan Anda.

Kursus ini ditujukan bagi pemula, sehingga Anda tak membutuhkan pengalaman terlebih dahulu dengan Sass, namun Anda harus berpengalaman dengan CSS sebab Sass adalah ekstensi darinya.

Mulai Belajar dengan Uji Coba Gratis

Anda bisa mengambil semua kursus CSS di atas dan lebih banyak lagi kursus lainnya dengan uji coba 10 hari gratis langganan bulanan kami. Jadi, mulailah hari ini, dan mulailah menguasai keterampilan CSS terpenting yang akan menjadikan Anda desainer web yang lebih hebat. 

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.