⛹🏽 🖍️ ☺️ Repositori GitHub terbaik untuk pengembang web 👩‍👦‍👦 ♣️ 🛍️

Seorang programmer menghabiskan banyak waktu untuk mengembangkan fungsionalitas tertentu dan memastikan bahwa kode tersebut sesuai dengan praktik terbaik yang diterapkan dalam lingkungan tertentu. Jam tangan ini seharusnya tidak termasuk penulisan desain template secara teratur. Seorang programmer dapat sangat membantu dirinya sendiri dalam organisasi kerja yang tepat, menyelamatkan dirinya dari hal-hal yang tidak perlu dan menginvestasikan waktu dalam mempelajari alat yang tepat. Bantuan yang baik juga bisa berupa pengetahuan tentang sumber daya yang berharga, daftar yang selalu berguna untuk tetap ada. Penulis materi, terjemahan yang kami terbitkan hari ini, menawarkan untuk mempertimbangkan beberapa repositori GitHub, yang, jika Anda melihatnya kadang-kadang, akan memungkinkan pengembang web untuk meningkatkan pengetahuan dan keterampilan mereka, akan membantu dalam menulis kode yang lebih baik, dan akan membantu Anda bekerja lebih cepat.

Praktik Terbaik Node.js

133 programmer berkontribusi pada repositori Praktik Terbaik Node.js , ia memiliki lebih dari 40 ribu bintang di GitHub. Itu diperbarui hampir setiap hari. Ini adalah sumber yang luar biasa yang memungkinkan setiap orang untuk mengikuti apa yang terjadi di dunia Node.js, dan pada saat yang sama mempelajari metode pengembangan praktis terbaik.

Repositori ini tidak hanya berisi informasi tentang teknik pengembangan yang paling berguna untuk Node.js, tetapi juga memberikan informasi tentang integrasi Node.js dengan platform lain - seperti, misalnya, Docker dan Kubernetes. Sekarang ada lebih dari 80 "praktik terbaik", panduan gaya, dan tips arsitektur aplikasi.

Berikut adalah beberapa area pengembangan yang tercakup di dalamnya:

Proyek penataan.
Galat saat memproses.
Gaya Kode
Menguji dan memastikan kode berkualitas tinggi.
Persiapan proyek untuk hasil dalam produksi.

HTML5 Boilerplate

HTML5 Boilerplate adalah templat front-end profesional untuk membuat aplikasi dan situs web yang cepat, andal, dan fleksibel.

Proyek ini adalah hasil dari bertahun-tahun pengembangan berulang, ia telah mengumpulkan sejumlah besar pengetahuan dari komunitas programmer web. Dia tidak memaksakan siapa pun yang menggunakannya filosofi pengembangan spesifik, tidak meresepkan penggunaan kerangka kerja tertentu. Dengan menggunakan proyek ini, semua orang dapat merancang kode mereka sesuai keinginan mereka.

Berikut adalah fitur yang disajikan dalam templat:

Dukungan untuk Normalize.css.
Dukungan JQuery dengan CDN.
Pengaturan server Apache.
Kelas CSS pembantu yang berguna.
Gaya cetak standar, mekanisme optimasi kinerja, dan banyak lagi.

Bergantung pada apa tepatnya fitur dari templat ini direncanakan untuk digunakan, dan bagaimana tepatnya direncanakan untuk bekerja dengannya, mungkin perlu untuk menyalin materi tertentu ke dalam proyek Anda. Penggunaan materi tersebut berarti bahwa pengembang memiliki templat dasar yang telah dikonfigurasi sebelumnya. Ini mempercepat pengembangan proyek web.

Dunia nyata

Berkat repositori RealWorld , Anda dapat, tanpa kesulitan yang tidak perlu, menguasai konsep dasar dan ideologi kerangka kerja baru.

Biasanya, ketika mempelajari sesuatu yang baru, programmer membaca dokumentasi, menjalankan contoh yang diambil dari praktik dalam sesuatu seperti CodePen, mem-parsing contoh-contoh ini, kemudian mengumpulkannya, menginstal alat-alat baris perintah ... Secara umum, ia menghabiskan banyak waktu dan usaha. Selain itu, situasinya mungkin diperumit oleh fakta bahwa programmer tidak memahami dengan baik esensi alat yang ia coba pelajari.

Repositori ini memungkinkan Anda untuk memilih salah satu teknologi yang didukungnya untuk pengembangan klien (Bereaksi, Angular 2, dan banyak lainnya), semua platform server (di antaranya, misalnya, Node.js dan Django) dan, mengintegrasikannya satu sama lain, melihat contoh aplikasi nyata.

Karena implementasi dari contoh menggunakan seluruh tumpukan teknologi yang diperlukan untuk mengembangkan proyek web, tidak mungkin untuk menggabungkan bagian-bagian mereka sepenuhnya, tetapi meskipun menggunakan berbagai teknologi di dalamnya, mereka menunjukkan fungsionalitas yang sebanding dan spesifikasi UX serupa.

Berikut adalah beberapa contoh integrasi teknologi populer dari repositori ini:

Sudut + ngrx + nx
ClojureScript + membingkai ulang
Bereaksi / MobX
Pergi + gin
NestJS + TypeORM / Prisma

Ini hanya sebagian kecil dari apa yang dapat ditemukan di repositori RealWorld. Saya pikir Anda akan tertarik untuk menjelajahinya.

Omong-omong, tidak hanya ada contoh yang dirancang untuk pengembangan web. Sesuatu berdasarkan NativeScript dapat ditemukan di sini oleh mereka yang membuat proyek yang dirancang untuk perangkat seluler.

Repositori sedang bekerja untuk menyiapkan contoh yang difokuskan pada teknologi berikut: Bereaksi Asli, Jasonette, Swift, C # dan Xamarin, Kotlin / Android, Onymos, kerangka Quasar, Swift Perfect dan Flutter.

Anda Belum Tahu JS

Repositori You Don't Know JS Yet adalah tempat Anda dapat menemukan serangkaian buku tentang studi mendalam tentang mekanisme JavaScript dasar.

Semua buku tersedia secara gratis, Anda dapat membacanya langsung di repositori.

Berikut adalah urutan buku-buku ini direkomendasikan untuk dipelajari:

Memulai.
Lingkup & Penutupan.
Objek & Kelas.
Jenis & Tata Bahasa.
Sinkronkan & Async.
ES.Next & Beyond.

Buku No. 1 dan 2 sudah bisa dibaca, buku 3-4 belum siap. Perlu dicatat bahwa edisi kedua buku-buku ini disajikan dalam repositori ini. Dan di sini Anda dapat menemukan enam buku edisi pertama.

Panduan Gaya JavaScript Airbnb

Panduan Gaya JavaScript Airbnb , yang dapat ditemukan di repositori Panduan Gaya JavaScript Airbnb , adalah dokumen terperinci dan ditulis secara profesional.

Manual ini dapat membantu programmer memahami mekanisme internal bahasa, setelah memeriksa secara rinci mekanisme dasarnya. Di sini Anda dapat menemukan cuplikan kode demo yang bermanfaat.

Berikut adalah beberapa topik populer yang tercermin dalam panduan ini:

Fungsi panah.
Meningkatkan variabel.
Bekerja dengan tipe dan konversi tipe.
Gaya yang dirancang untuk ECMAScript 6+ (ES 2015+).
Pengujian.
Performa.

Buku cerita

Di repositori Storybook , Anda dapat menemukan kode lingkungan pengembangan dengan nama yang sama, yang dirancang untuk membuat komponen antarmuka pengguna. Lingkungan ini memungkinkan Anda untuk bekerja dengan pustaka komponen, mengeksplorasi komponen di berbagai negara, dan mengembangkan dan menguji komponen dalam mode interaktif.

Lingkungan Storybook berjalan di luar aplikasi. Ini memungkinkan Anda untuk mengembangkan komponen antarmuka secara terpisah, yang dapat meningkatkan usabilitas komponen, meningkatkan kemampuan pengujiannya, dan meningkatkan kecepatan pengembangan. Anda dapat membuat komponen di Storybook dengan sangat cepat, tanpa khawatir tentang dependensi khusus untuk aplikasi tertentu.

Storybook menyertakan alat baris perintah dan sampel kode untuk mempelajari lingkungan ini dengan cepat.

Daftar periksa front-end

Dalam repositori Front-End Checklist , Anda dapat menemukan daftar komprehensif apa yang harus ada dalam proyek sebelum dirilis dalam produksi, atau apa yang harus diperiksa sebelum proyek dapat dianggap siap untuk pekerjaan nyata.

Repositori ini menargetkan sisi klien pengembangan web. Ini membahas masalah-masalah seperti produktivitas, keamanan, SEO. Persyaratan yang disajikan dalam repositori ini harus dipenuhi oleh sebagian besar proyek. Tetapi beberapa persyaratan ini, dalam kondisi tertentu, mungkin tidak terpenuhi. Beberapa mungkin kurang penting daripada yang lain. Rekomendasi dapat mencakup membaca dokumentasi tambahan, menggunakan berbagai alat, menonton video dengan penjelasan tentang beberapa masalah sulit.

Ringkasan

Terima kasih untuk semua orang yang membaca tempat ini. Repositori yang saya bicarakan di sini jauh dari satu-satunya sumber daya semacam ini. Saya yakin ada banyak sumber daya serupa lainnya. Tetapi repositori yang saya bagikan di sini memberi saya manfaat nyata. Saya harap mereka juga berguna bagi Anda.

Repositori mana (ditujukan untuk pengembang web) yang menurut Anda berguna?

Repositori GitHub terbaik untuk pengembang web