10 Situs Cheat Sheet Untuk Web Developer

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.

Berikut ini adalah kumpulan situs cheat sheet untuk web developer yang bisa kamu gunakan untuk mempercepat pengerjaan proyek yang sedang kamu kerjakan.

OverAPI.com

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

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

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

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.

URL: https://gitsheet.wtf/

HTML5Doctor

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

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

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

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 Cheatsheet

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 Cheatsheet

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.

Komentar

Selamat, anda berkesempatan menjadi komentator pertama di artikel ini. Punya pertanyaan atau saran? Silahkan tinggalkan komentar untuk memulai diskusi.
Terima kasih telah memilih untuk meninggalkan komentar. Harap diingat bahwa semua komentar dimoderasi sesuai dengan kebijakan, dan informasi anda TIDAK akan dipublikasikan. Harap JANGAN gunakan kata kunci di kolom nama. Mari kita buat diskusi yang menarik dan bermakna.

Tinggalkan komentar

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.