[إشارة مرجعية] 9 أدوات تزيد من إنتاجية مطور الويب

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



اختار مؤلف المقال ، الذي ننشره اليوم ، 9 أدوات من هذا القبيل.

1. هل يمكنني استخدام

إذا كنت قد تساءلت يومًا ما إذا كانت أي واجهة برمجة تطبيقات ( localStorage ، على سبيل المثال) متوافقة مع متصفح معين ، فهذا يعني أن موقع Can I Use مفيد لك. أنه يحتوي على معلومات محدثة باستمرار حول التقنيات التي تدعم متصفحات سطح المكتب والجوال.


اختبار دعم localStorage لمختلف المتصفحات

2. القضاء على

مورد unminify.com هو أداة مجانية عبر الإنترنت لإزالة شفرة جافا سكريبت و CSS و HTML لإزالة الألغام ( تفريغها وإلغاء تشفيرها ). يسمح لك بتحويل رمز مصغر إلى رمز قابل للقراءة. هذا هو أحد الموارد الأكثر استخدامًا لجعل التعليمات البرمجية للقراءة.

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


المورد Unminify.com

3. ضاغط

أحجام ملفات الصور هي ما يمكن أن يقدم مساهمة كبيرة عند تحميل صفحات الويب.

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


ضاغط الموارد

4. كلاودكرافت

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


التخطيط للعمارة السحابية باستخدام AWS

5. الرد

على repl.it ، يمكنك العثور على بيئة تطوير متكاملة رائعة على الإنترنت. ربما - فقط الشخص الذي كنت تبحث عنه. هنا ، في بضع ثوانٍ فقط ، يمكنك الوصول إلى بيئة تطوير مصممة تقريبًا لأي لغة برمجة أو كومة تقنية.

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

يسمح لك المورد بمشاركة الروابط إلى بيئة العمل التي تحتوي على رمز المشروع.


تطوير التطبيق السريع في بيئة Node.js

6. RequestBin

يمنح مشروع RequestBin المطور إمكانية الوصول إلى نقاط نهاية HTTP التي يمكنها جمع جميع الطلبات المرسلة إليهم. يتيح لك ذلك تحليل هذه الطلبات والتحقق منها والبيانات المنقولة إليها.

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


البيانات التي تم تلقيها بواسطة نقطة النهاية في طلب POST

7. كود الويب

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

يمكن أن تكون هذه الأداة مفيدة للغاية لمطوري الويب الذين ليسوا على دراية خاصة ببعض جوانب HTML و CSS.


يمكنك إنشاء كود CSS يتيح لك تخصيص حدود عنصر بطرق مختلفة

8. BundlePhobia

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

تم تصميم مورد BundlePhobia لمساعدة المطورين على تحليل كيف يمكن لحزمة npm زيادة حجم بناء التطبيق.

يمكنك تنزيل ملف package.json على هذا الموقع والحصول على ملخص للحزم المستخدمة في المشروع. هنا يمكنك معرفة تفاصيل حزمة منفصلة.


معرفة حجم مكتبة pdfmake

9. Fingerprint.js

في هذه الأيام ، لن تفاجأ بأن جمع معرّفات فريدة للمتصفح من خلال موقع ويب ليس بالمهمة السهلة.

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

تسمح لك هذه المكتبة بإنشاء شيء يشبه نظير UUID للجهاز المحمول. يمكنك استخدامه من خلال CDN ، وتثبيته كحزمة npm.


استرجاع معلومات المستخدم من المتصفح

أعزائي القراء! ما هي الأدوات لزيادة إنتاجية مطور الويب التي تضيفها إلى هذه القائمة؟