🧒🏻 🔝 🚵🏻 أفضل مستودعات GitHub لمطوري الويب 🚲 👞 🌛

يقضي المبرمج ساعات عديدة في تطوير وظيفة معينة والتأكد من أن الرمز يتوافق مع أفضل الممارسات المعتمدة في بيئة معينة. يجب ألا تتضمن هذه الساعة كتابة منتظمة لتصميمات القوالب. يمكن للمبرمج أن يساعد نفسه بشكل كبير في التنظيم السليم للعمل ، وينقذ نفسه من الأشياء غير الضرورية ويستثمر الوقت في تعلم الأدوات الصحيحة. يمكن أن تكون المساعدة الجيدة أيضًا معرفة الموارد القيمة ، وهي قائمة مفيدة دائمًا للاحتفاظ بها. يعرض مؤلف المادة ، التي ننشر ترجمتها اليوم ، النظر في العديد من مستودعات GitHub ، والتي إذا نظرت إليها في بعض الأحيان ، ستسمح لمطوري الويب بتحسين معرفتهم ومهاراتهم ، وستساعد في كتابة كود أفضل ، وستساعدك على العمل بشكل أسرع.

أفضل الممارسات Node.js

ساهم 133 مبرمجًا في مستودع أفضل الممارسات لـ Node.js ، ولديه أكثر من 40 ألف نجمة على GitHub. يتم تحديثه يوميا تقريبا. هذا مورد رائع يسمح للجميع بمواكبة ما يحدث في عالم Node.js ، وفي نفس الوقت يتعلمون أفضل طرق التطوير العملي.

لا يحتوي هذا المستودع فقط على معلومات حول تقنيات التطوير الأكثر فائدة لـ Node.js ، ولكنه يوفر أيضًا معلومات حول تكامل Node.js مع منصات أخرى - على سبيل المثال ، Docker و Kubernetes. يوجد الآن أكثر من 80 "أفضل الممارسات" وأدلة الأسلوب ونصائح هندسة التطبيقات.

فيما يلي بعض مجالات التطوير التي يغطيها:

هيكلة المشاريع.
معالجة الخطأ.
نمط الرمز
اختبار و ضمان كود عالي الجودة.
اعداد المشاريع للناتج في الانتاج.

لوح مرجعي HTML5

HTML5 Boilerplate عبارة عن قالب أمامي احترافي لإنشاء تطبيقات ومواقع ويب سريعة وموثوقة ومرنة.

هذا المشروع هو نتيجة سنوات عديدة من التطوير التكراري ، فقد جمع كمية كبيرة من المعرفة من مجتمع مبرمج الويب. لا يفرض على أي شخص يستخدمها فلسفة تنمية محددة ، ولا يصف استخدام إطار معين. باستخدام هذا المشروع ، يمكن للجميع تصميم الكود الخاص بهم كما يرونه مناسبًا.

فيما يلي الميزات المقدمة في القالب:

دعم Normalize.css.
دعم JQuery مع CDN.
إعدادات خادم أباتشي.
فئات CSS مساعد مفيدة.
أنماط الطباعة القياسية وآليات تحسين الأداء والمزيد.

اعتمادًا على ميزات هذا القالب المخطط لاستخدامها بالضبط ، وعلى كيفية التخطيط للعمل بدقة ، قد يكون من الضروري نسخ بعض مواده إلى مشروعك. استخدام مثل هذه المواد يعني أن المطور لديه قالب أساسي تم تكوينه مسبقًا. هذا يسرع تطوير مشاريع الويب.

العالم الحقيقي

بفضل مستودع RealWorld ، يمكنك ، بدون صعوبات غير ضرورية ، إتقان المفاهيم الأساسية والأيديولوجية لإطار جديد.

عادة ، أثناء تعلم شيء جديد ، يقرأ المبرمج الوثائق ، ويدير أمثلة ممزقة من الممارسة في شيء مثل CodePen ، ويحلل هذه الأمثلة ، ثم يجمعها ، ويثبت أدوات سطر الأوامر ... بشكل عام ، يقضي الكثير من الوقت والجهد. بالإضافة إلى ذلك ، قد يكون الوضع معقدًا بسبب حقيقة أن المبرمج لم يفهم جيدًا جوهر الأدوات التي يحاول تعلمها.

يسمح لك المستودع قيد النظر باختيار أي من التقنيات التي يدعمها لتطوير العميل (React ، Angular 2 ، وغيرها الكثير) ، وأي منصة خادم (من بينها ، على سبيل المثال ، Node.js و Django) ودمجها مع بعضها البعض ، انظر تطبيق مثال حقيقي.

نظرًا لأن تطبيقات الأمثلة تستخدم مجموعة كاملة من التقنيات اللازمة لتطوير مشروع الويب ، فلن يكون من الممكن دمج أجزائها بالكامل ، ولكن على الرغم من استخدام التقنيات المختلفة فيها ، فإنها تُظهر وظائف قابلة للمقارنة ومواصفات UX مماثلة.

فيما يلي بعض الأمثلة الشائعة للتكامل التكنولوجي من هذا المستودع:

الزاوي + ngrx + nx
ClojureScript + إعادة الإطار
رد فعل / MobX
اذهب + جين
NestJS + TypeORM / Prisma

هذا مجرد جزء صغير مما يمكن العثور عليه في مستودع RealWorld. أعتقد أنك سوف تكون مهتمًا باستكشافه.

وبالمناسبة ، لا توجد فقط أمثلة مصممة لتطوير الويب. يمكن العثور على شيء قائم على NativeScript هنا من قبل أولئك الذين ينشئون مشاريع مصممة للأجهزة المحمولة.

يعمل المستودع على إعداد أمثلة تركز على التقنيات التالية: React Native و Jasonette و Swift و C # و Xamarin و Kotlin / Android و Onymos و Quasar framework و Swift Perfect و Flutter.

أنت لا تعرف شبيبة حتى الآن

مستودع " أنت لا تعرف JS Yet" حيث يمكنك العثور على سلسلة من الكتب حول دراسة متعمقة لآليات جافا سكريبت الأساسية.

جميع الكتب متاحة مجانًا ، ويمكنك قراءتها مباشرة في المستودع.

في ما يلي الترتيب الذي يوصى بدراسة هذه الكتب به:

البدء.
النطاق والإغلاق.
كائنات وفئات.
أنواع وقواعد.
المزامنة والمزامنة.
ES.Next & Beyond.

يمكن قراءة الكتب رقم 1 و 2 بالفعل ، والكتب 3-4 ليست جاهزة بعد. وتجدر الإشارة إلى أن الإصدار الثاني من هذه الكتب معروض في هذا المستودع. و هنا يمكنك أن تجد الكتب الستة الطبعة الأولى.

دليل نمط جافا سكريبت Airbnb

دليل Airbnb JavaScript Style Guide ، والذي يمكن العثور عليه في مستودع Airbnb JavaScript Style Guide ، هو مستند مفصل ومكتوب بشكل احترافي.

هذا الدليل قادر على مساعدة المبرمج على فهم الآليات الداخلية للغة ، بعد أن فحص بالتفصيل آلياتها الأساسية. هنا يمكنك العثور على مقتطفات رمز تجريبي مفيدة.

فيما يلي بعض الموضوعات الشائعة التي تنعكس في هذا الدليل:

وظائف السهم.
رفع المتغيرات.
العمل مع أنواع وتحويل النوع.
أنماط مصممة لـ ECMAScript 6+ (ES 2015+).
اختبارات.
أداء.

قصة

في مستودع Storybook ، يمكنك العثور على رمز بيئة التطوير التي تحمل نفس الاسم ، والمصممة لإنشاء مكونات واجهة المستخدم. تتيح لك هذه البيئة العمل مع مكتبات المكونات واستكشاف المكونات في حالات مختلفة وتطوير واختبار المكونات في وضع تفاعلي.

تعمل بيئة Storybook خارج التطبيق. يسمح لك هذا بتطوير مكونات الواجهة بشكل منفصل ، مما يمكن أن يحسن قابلية إعادة استخدام المكونات ، وتحسين قابليتها للاختبار ، وزيادة سرعة التطوير. يمكنك إنشاء مكونات في Storybook بسرعة كبيرة ، دون القلق بشأن التبعيات الخاصة بتطبيق معين.

يتضمن Storybook أداة سطر الأوامر ونماذج التعليمات البرمجية لتعلم هذه البيئة بسرعة.

قائمة التحقق الأمامية

في مستودع قائمة المراجعة الأمامية ، يمكنك العثور على قائمة شاملة لما يجب أن يكون في المشروع قبل إصداره في الإنتاج ، أو ما يجب التحقق منه قبل اعتبار المشروع جاهزًا للعمل الحقيقي.

يستهدف هذا المستودع جانب عميل تطوير الويب. يعالج قضايا مثل الإنتاجية ، والأمن ، وكبار المسئولين الاقتصاديين. يجب أن تلبي معظم المشاريع المتطلبات الواردة في هذا المستودع. ولكن قد لا يتم الوفاء ببعض هذه الشروط ، في ظل ظروف معينة. قد يكون بعضها أقل أهمية من البعض الآخر. قد تتضمن التوصيات قراءة وثائق إضافية ، باستخدام أدوات متنوعة ، ومشاهدة مقاطع الفيديو مع شرح لبعض المشكلات الصعبة.

ملخص

شكرا لكل من قرأ على هذا المكان. المستودعات التي تحدثت عنها هنا بعيدة عن الموارد الوحيدة من هذا النوع. أنا متأكد من أن هناك عددًا كبيرًا من الموارد المماثلة الأخرى. لكن تلك المستودعات التي شاركتها هنا تجلب لي فائدة حقيقية. آمل أن يكونوا في متناول يدك أيضًا.

ما المستودعات (المخصصة لمطوري الويب) التي تجدها مفيدة؟

أفضل مستودعات GitHub لمطوري الويب