۹ مخزن محبوب گیت هاب برای تمام توسعه دهندگان وب

امروزه گیت هاب یک مکان با تمام مسائل مرتبط با توسعه است. از فریمورک‌ها گرفته تا دموها و مجموعه‌های مختلف، می‌توانید هر چیزی را در گیت هاب پیدا کنید. با این حال حجم بالای این موارد می‌تواند کمی مشکل‌ساز باشد. به خاطر وجود مخازن بسیار زیاد، می‌توانید در مورد بسیاری از مسائل جالب اطلاعات کسب کنید.

بنابراین یک بار دیگر تصمیم گرفتم تا برای شما محبوب‌ترین مخازن گیت هاب را که باید از آن‌ها مطلع باشید بیان کنم. هر کدام از این مخازن حداقل ۳۰ هزار ستاره دارند.

Realworld

اولین مخزن این لیست را می‌توان Realworld دانست. سازندگان آن را با نام "مادر تمام برنامه‌های دمو" خطاب می‌کنند. این نامگذاری کمی جسورانه به نظر می‌رسد اما فکر نمی‌کنم اغراق باشد.

این یک نمونه از Medium.com است. این مخزن به شما اجازه می‌دهد تا بین پیاده‌سازی فرانت‌اند و بک‌اند متفاوت انتخاب کنید. این موضوع در اینجا به اتمام نمی‌رسد. شما می‌توانید به راحتی این مسائل را با یکدیگر ترکیب کنید. Vue.js + Node/Express؟ یا React/Redux + Rust؟ مشکلی نیست، هر چه شما بخواهید.

این مخزن به شما نشان می‌دهد که فلان برنامه تقریباً براساس چه زبان و فریمورکی ساخته شده است. به نظرتان این چقدر فوق‌العاده خواهد بود؟

You Don’t Know JS Yet

این مخزن یک مجموعه کتاب محبوب است که توسط کایل سیمپسون یا همان Getify نوشته شده است. این کتاب‌ها وارد مباحث مکانیک جاوا اسکریپت شده و همچنین موضوعات زیر را پوشش می‌دهند:

- آبجکت و کلاس

- type و گرامر

- همگام‌سازی و ناهمگام‌سازی

شاید بپرسید که بهترین مزیت استفاده از آن چیست؟ مطالعه‌ی آن کاملاً رایگان است. قطعاً این یکی از بهترین مجموعه‌های جاوا اسکریپت است و به من در درک آن کاملاً کمک کرده است. حتی اگر فکر می‌کنید جاوا اسکریپت را به خوبی میشناسید، این کتاب‌ها را مطالعه کنید. قول می‌دهم از این کار متعجب خواهید شد.

Airbnb JavaScript Style Guide

این یک روش عمدتاً منطقی برای جاوا اسکریپت است. یکی از محبوب‌ترین و رایج‌ترین راهنماهای استایل موجود در دنیا نیز می‌باشد. به شما در نوشتن کدهای جاوا اسکریپت بهتر کمک می‌کند و در تیم‌ها یا ترکیب با ESLint بسیار کارآمد است.

در اینجا مثالی را مشاهده می‌کنید که در آن به جای ساختار  varاز conset استفاده شده است:

Storybook

این یک محیط توسعه برای مولفه‌های UI است. به شما اجازه می‌دهد تا مولفه‌ها را در یک کتابخانه بررسی کرده، حالت‌های مختلف هر مولفه را ببینید، مولفه‌ها را به صورت تعاملی توسعه داده و آزمایش کنید. این برنامه از React، Angular، Vue، React Native، Ember و غیره پشتیبانی می‌کند.

این مخزن خارج از برنامه اجرا می‌شود که به شما این اجازه را می‌دهد تا مولفه‌های UI را به صورت جداگانه توسعه دهید. همچنین می‌تواند باعث بهبود استفاده مجدد مولفه‌ها، تست‌پذیری و سرعت توسعه شود. می‌توانید بدون نگرانی در مورد وابستگی‌های خاص برنامه، سریعاً موارد مورد نظر خود را بسازید.

HTML5 Boilerplate

این یک مخزن حرفه‌ای است و محبوبیت جهانی دارد. به شما کمک می‌کند تا وبسایت‌ها یا برنامه‌هایی سریع، قدرتمند و سازگار ایجاد کنید. شرکت‌هایی مثل مایکروسافت، ناسا و نایک از آن استفاده می‌کنند. در اینجا برخی از ویژگی‌های اصلی آن را بیان می‌کنم:

- HTML5 آماده

- طراحی پیشرفته

- شامل: JQuery، Normalize.css و Modernizer

- پیکربندی‌هایی که عملکرد و امنیت وبسایت را بهبود می‌بخشند

- متغیرهایی که از CSS استفاده می‌کنند

- استایل‌های پرینت پیش فرض، عملکردی بهینه

Node.js Best Practices

این مخزن مجموعه‌ای جامع از بهترین شیوه‌های مختلف در مورد توسعه Node.js است. در حال حاضر از ۸۰ روش مناسب، راهنمای استایل و نکات معماری تشکیل شده است. شما می‌توانید در مورد موارد زیر اطلاعاتی را در این مخزن کسب کنید:

- شیوه‌های ساختار پروژه

-  شیوه‌های حل خطا

- شیوه‌های استایل کد

- آزمایش و شیوه‌های کلی کیفیت

- شیوه‌های امنیتی و عملکردی

قطعاً این یک منبع عالی و سرشار از اطلاعاتی فوق‌العاده است. اگر در زمینه توسعه Node.js مشغول هستید، حتماً این مورد را بررسی کنید.

Front-End Checklist

آیا تا به حال از خودتان پرسیده‌اید که قبل از راه‌اندازی برنامه‌ی وب خود باید چه چیزهایی را در اختیار داشته و یا آزمایش کنید؟ این مخزن می‌تواند سوالات شما را پاسخ دهد. بسیاری از موارد ذکر شده برای اکثر پروژه‌ها اجباری هستند و به شرح زیر می‌باشند:

- HTML

- وب فونت

- CSS

- تصاویر

- جاوا اسکریپت

- امنیت

- عملکرد

- دسترسی

- سئو

در اینجا مثالی از MetaData را مشاهده خواهید کرد:

NW.js

این یک برنامه مبتنی بر Chromium و node.js است. شما می‌توانید با استفاده از آن، برنامه‌های محلی را به HTML و جاوا اسکریپت بنویسید. به شما این امکان را می‌‌دهد تا ماژول‌های Node.js را مستقیماً از DOM فراخوانی کنید. همچنین روش جدیدی را برای نوشتن برنامه‌های محلی با تمام تکنولوژی‌های وب در اختیار شما قرار می‌دهد.

در اینجا برخی از ویژگی‌های اصلی را مشاهده می‌کنید:

- برنامه‌های نوشته شده با HTML5، CSS3، JS و WebGL مدرن

- پشتیبانی کامل از APIهای Node.js و تمام ماژول‌های آن

- عملکردی خوب

- در لینوکس، ویندوز و مک موجود است

fullPage.js

این مخزن توسط "Alvaro Trigo" ساخته شده و یک کتابخانه ساده و با کاربرد آسان است که به شما این امکان را می‌دهد تا برنامه‌هایی تک صفحه‌ای و اسلایدرهای افقی را خلق کنید. این برنامه برای React، Vue و Angular در دسترس است و برای موبایل‌ها کاملاً واکنش‌گراست.

استفاده از این کتابخانه در پروژه‌های متن باز رایگان است. با این حال اگر می‌خواهید از آن در یک محیط تجاری استفاده کنید، به خرید لایسنس احتیاج دارید. این کتابخانه واقعاً عالی به نظر می‌رسد پس حتماً آن را امتحان کنید.

امیدوارم بتوانید از برخی از این مخازن گیت هاب برای پروژه‌های خود یا اهداف دیگر استفاده کنید.

منبع