[bookmark] 9 alat yang meningkatkan produktivitas pengembang web

Internet bukan hanya tempat di mana Anda dapat mempelajari cara memprogram. Ada banyak alat online yang berguna yang dapat membantu pengembang di berbagai tahap proyek dan dengan demikian menghemat sedikit waktu.



Penulis artikel, terjemahan yang kami terbitkan hari ini, memilih 9 alat tersebut.

1. Bisakah Saya Menggunakan


Jika Anda pernah bertanya-tanya apakah ada API ( localStorage , misalnya) yang kompatibel dengan browser tertentu, ini berarti bahwa situs Can I Use berguna untuk Anda. Ini berisi informasi yang terus diperbarui tentang teknologi mana yang mendukung browser desktop dan seluler.


Menguji dukungan localStorage untuk berbagai browser

2. Tidak minmin


Sumber daya unminify.com adalah alat online gratis untuk menghapus ranjau (membongkar, menghapus) JavaScript, CSS, dan kode HTML. Ini memungkinkan Anda untuk mengubah kode yang diperkecil menjadi kode yang dapat dibaca. Ini adalah salah satu sumber daya yang paling banyak digunakan untuk membuat kode dapat dibaca.

Ingin mengetahui kode indentasi seseorang atau memeriksa konten file yang kodenya merupakan satu baris yang tidak dapat dibaca? Untuk melakukan semua ini, cukup masukkan kode ke bidang yang sesuai pada sumber daya Unminify. Ini akan memungkinkan Anda untuk benar-benar melihat di sana apa yang dulu terlihat tidak bisa dipahami, dalam bentuk yang nyaman untuk persepsi.


Sumber daya Unminify.com

3. Kompresor


Ukuran file gambar adalah apa yang dapat memberikan kontribusi signifikan saat memuat halaman web.

Compressor.io adalah sumber daya yang bertujuan untuk mengurangi ukuran gambar dengan tetap menjaga kualitasnya. Situs ini melakukan pekerjaan yang sangat baik. Akibatnya, hampir tidak ada perbedaan eksternal antara gambar asli dan gambar terkompresi.


Kompresor sumber daya

4. Cloudcraft


Proyek Cloudcraft membantu merancang sistem cloud dan menghitung biaya layanan cloud. Antarmuka yang nyaman memungkinkan Anda untuk membuat skema volumetrik dengan memanipulasi objek yang merupakan layanan infrastruktur cloud (sejauh ini, hanya platform AWS yang didukung). Selain itu, ini memungkinkan Anda untuk menghitung biaya menggunakan arsitektur cloud yang dirancang dengan bantuannya.


Merencanakan arsitektur cloud menggunakan AWS

5. Repl.it


Pada repl.it, Anda dapat menemukan IDE online yang hebat. Mungkin - hanya yang Anda cari. Di sini, hanya dalam beberapa detik, Anda dapat mengakses lingkungan pengembangan yang dirancang untuk hampir semua bahasa pemrograman atau tumpukan teknologi.

Proyek ini mendukung semua bahasa pemrograman modern. Diantaranya adalah Python, Kotlin , Ruby , JavaScript. Di sini Anda dapat menginstal perpustakaan atau paket tambahan dan menggunakannya secara langsung, tanpa harus mengunduhnya ke mesin lokal.

Sumber daya memungkinkan Anda untuk berbagi tautan ke lingkungan kerja yang berisi kode proyek.


Pengembangan aplikasi ekspres di lingkungan Node.js

6. RequestBin


Proyek RequestBin memberi pengembang akses ke titik akhir HTTP yang dapat mengumpulkan semua permintaan yang dikirimkan kepadanya. Ini memungkinkan Anda untuk menganalisis permintaan semacam itu, memeriksanya dan data yang ditransfer kepadanya.

Fitur-fitur ini dapat sangat berguna dalam kasus-kasus, misalnya, ketika Anda perlu men-debug permintaan Webhook dari berbagai situs, dalam situasi di mana struktur permintaan tersebut dan fitur data yang tersedia di dalamnya tidak diketahui sebelumnya.


Data diterima oleh titik akhir dalam permintaan POST

7. Kode Web


Kode Web adalah salah satu generator kode terbaik yang ada. Ini memungkinkan Anda untuk secara otomatis membuat kode untuk beragam kebutuhan, cukup dengan menetapkan persyaratan untuk kode ini.

Alat ini bisa sangat berguna bagi pengembang web yang tidak terlalu terbiasa dengan beberapa aspek HTML dan CSS.


Menghasilkan kode CSS yang memungkinkan Anda untuk menyesuaikan batas elemen dengan berbagai cara

8. BundlePhobia


Sejak munculnya kerangka front-end modern, pengembang telah berusaha untuk mengurangi ukuran bundel aplikasi mereka sebanyak mungkin dan dengan demikian mengurangi waktu pemuatan untuk pengguna proyek mereka.

Sumber daya BundlePhobia dirancang untuk membantu pengembang menganalisis bagaimana paket npm dapat meningkatkan ukuran build suatu aplikasi.

Anda dapat mengunduh file package.json ke situs ini dan mendapatkan ringkasan dari paket yang digunakan dalam proyek ini. Di sini Anda dapat mengetahui detail tentang paket terpisah.


Mencari tahu ukuran perpustakaan pdf

9. Fingerprint.js


Saat ini Anda tidak akan terkejut bahwa mengumpulkan pengenal browser unik melalui situs web bukanlah tugas yang mudah.

Untuk menyederhanakan solusi untuk masalah ini, Anda dapat menggunakan perpustakaan fingerprint.js yang luar biasa. Ini membantu untuk menghasilkan pengidentifikasi browser khusus tanpa menggunakan cookie, atau data tersebut yang dapat dengan mudah dipengaruhi oleh pengguna yang tidak jujur. Ini memungkinkan Anda untuk dengan cepat mengumpulkan informasi peramban terperinci yang dapat digunakan baik dalam bentuk aslinya atau dengan membuat hash berdasarkan pada mereka yang memungkinkan Anda untuk mengidentifikasi pengguna yang unik.

Pustaka ini memungkinkan Anda membuat sesuatu seperti analog dari pengidentifikasi UUID perangkat seluler. Anda dapat menggunakannya melalui CDN, dan menginstalnya sebagai paket npm.


Mengambil informasi pengguna dari browser

Pembaca yang budiman! Alat apa untuk meningkatkan produktivitas pengembang web yang akan Anda tambahkan ke daftar ini?


Source: https://habr.com/ru/post/id479272/


All Articles