Artikel ini membahas situs cheat untuk web developer. Apa itu cheat sheet? cheat sheet digunakan untuk mempercepat penulisan kode tanpa perlu mengetiknya satu-persatu. Tapi situs ini tidak direkomendasikan bagi anda yang baru belajar pemrograman.
Dengan pesatnya perkembangan teknologi dalam pemrograman web, jumlah pengetahuan yang harus kita pelajari juga semakin meningkat. Namun terkadang kita tidak dapat mengingat semua sintaks, metode, dan lain sebagainya, dari bahasa pemrograman atau framework yang kita gunakan.
Maka dari permasalahan tersebut, lahirlah cheat sheet atau contekan untuk mengatasi masalah diatas. Cara ini akan mensintesis semua sintaks, dengan cara yang sistematis dan intuitif yang memudahkan untuk menemukan apa yang ingin anda terapkan dalam proses pengembangan web.
Daftar Isi
Berikut ini adalah kumpulan situs cheat sheet untuk web developer yang bisa kamu gunakan untuk mempercepat pengerjaan proyek yang sedang kamu kerjakan.
OverAPI.com
OverAPI.com adalah situs web yang mengumpulkan cheat atau contekan untuk banyak bahasa pemrograman web populer seperti JavaScript, NodeJS, PHP, Python.
URL: https://overapi.com/javascript
Awesome-Cheatsheets
Awesome-Cheatsheets termasuk juga situs yang menyediakan cheatsheet bahasa pemrograman web populer termasuk Django, NodeJS, Laravel. Dibagian frontend memiliki cheatsheet HTML5, VueJS, ReactJS.
URL: https://lecoupa.github.io/awesome-cheatsheets/
Bootstrap 4 Cheat Sheet
Bootstrap 4 Cheat Sheet adalah situs yang menggabungkan semua fungsi dan menampilkan komponen di Bootstrap versi 4.3.1. Anda hanya perlu memilih class, maka secara otomatis akan muncul kode dan contoh untuk class tersebut. Terdapat juga fitur copy-to-clipboard atau tombol salin kode agar mempercepat anda menyalin kode yang anda cari.
URL: https://hackerthemes.com/bootstrap-cheatsheet/
GitSheet
GitSheet adalah agregator perintah yang sering digunakan secara umum oleh developer. Untuk setiap statement dijelaskan penggunaannya secara detail. Anda hanya perlu memilih perintah yang ingin anda gunakan dan tekan tombol copy atau salin maka secara otomatis akan menyalin perintah yang dapat anda tempel di terminal anda.
HTML5Doctor
HTML5Doctor Element Index adalah halaman web yang menggabungkan objek baru atau yang didefinisikan ulang dalam versi HTML5. Dengan setiap objek HTML5, ada konten yang sepenuhnya menjelaskan fitur-fitur dan menyediakan artikel tambahan yang terkait dengan objek tersebut untuk membantu anda lebih memahami sintaks HTML. Selain itu, ketika anda meng-klik kode, maka akan menampilkan cuplikan kode contoh sesuai dengan objek yang anda pilih. Objek atau elemen HTML5 disortir berdasarkan urutan abjad nama komponen atau elemen HTML5.
URL: http://html5doctor.com/element-index/
Can I Use
Can I Use adalah situs penyedia informasi tentang setiap versi peramban (brower) yang berbeda, yang pasti ini akan membantu programmer mengetahui teknologi web mana yang dapat digunakan untuk peramban tersebut. Situs ini juga memiliki informasi lengkap tentang peramban populer saat ini seperti Chrome, Firefox, Internet Explore, dan lain-lain.
Selain itu, didukung dengan fitur yang akan menampilkan warna dalam merah apabila peramban tidak support, kuning tua untuk parsial support, dan abu-abu untuk support yang tidak ditentukan.
URL: https://caniuse.com/
Rico’s Cheatsheets
Rico’s Cheatsheets adalah Cheatsheet agregasi yang hampir lengkap untuk pengembangan web seperti React, Vue, ES6, Vim, Kotlin dan lain sebagainya. Untuk setiap kategori, akan dibagi menjadi banyak bagian yang lebih kecil untuk membantu anda menemukan cheatsheet yang anda inginkan dengan mudah. Ada juga dapat menemukan shortcut keyboard umum untuk editor seperti VS Code, Atom, Sublime Text, dan lain-lain.
URL: https://devhints.io/
Cheatography
Cheatography juga merupakan kumpulan cheat sheet untuk web developer dan dibagi menjadi beberapa bagian sub-kategori seperti Miscellaneous, Network, DevOps, Database, Programming Language, dan lainnya. Fitur yang ada di Cheatography termasuk pencarian, filter berdasarkan banyak kriteria untuk membantu anda menemukan cheat yang cocok untuk anda. Anda juga dapat menemukan lebih banyak cheat untuk perangkat lunak, pendidikan, pemasaran, dan permainan.
URL: https://cheatography.com/programming/
CSS3 Animation Cheat Sheet
CSS3 Animation Cheat Sheet adalah kumpulan animasi CSS3 untuk proyek website. Anda hanya perlu memuat file animation.css dan memanggil efek berdasarkan class yang disediakan, untuk lebih mudahnya anda dapat mengunjungi situs ini.
URL: http://www.justinaguilar.com/animations/
CSS Grid Cheat Sheet
CSS Grid Cheat Sheet adalah situs web yang membantu anda membuat sistem grid menggunakan CSS3 agar lebih mudah. Dengan dukungan fitur yang lengkap seperti mendefinisikan grid-template-columns, grid-template-rows, grid-column-gap. Anda hanya perlu memasukkan informasi untuk properti tersebut, maka halaman web ini akan otomatis menampilkan sistem grid, sekaligus memberikan tampilan yang intuitif dan membuatnya lebih mudah untuk menentukan apakah sistem grid ini cocok untuk web anda.
URL: https://alialaa.github.io/css-grid-cheat-sheet/
Demikian artikel tentang rekomendasi situs cheat sheet untuk web developer, jika ada pertanyaan tinggalkan komentar dibawah ini ya.
