موارد جديدة لمصممي ومطوري الويب (فبراير 2018)

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

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

Kutt

ل التطبيق الذي يقصر عناوين المواقع مع اسم المجال الخاص بك. إنه مبني على أكوام حديثة مثل Node.js و React و Redux مع عدد قليل من الميزات المضمنة بما في ذلك URL حماية كلمة المرور ، واجهة برمجة تطبيقات RESTful, واحصائيات مفصلة لرصد عناوين المواقع الخاصة بك. أفضل شيء هو أنه مجاني ويمكنك استضافته على الخادم الخاص بك.

WordHat

WordHat هو أداة لدمج Behat إلى وورد. Behat هو إطار تطوير مفتوح المصدر يحركه السلوك (PHD) لـ PHP حيث يمكنك اختبار تطبيق PHP الخاص بك بطرق أكثر تعبيراً.

ستجد هذه الأداة مفيدة للغاية نظرًا لأن سمة WordPress والمكون الإضافي يزداد تعقيدًا مع الميزات ؛ سيضمن WordHat و Behat أن يتصرف المظهر أو البرنامج المساعد كما هو متوقع عندما يتفاعل المستخدم معها.

متصفح الفسفور الابيض

على غرار WordHat ، يعد WP-Browser امتدادًا لكوديشن مصمم خصيصًا لتطبيقات ووردبريس والموضوعات والإضافات. Codeception هي أداة للقيام بها اختبارات على التطبيق الخاص بك ، على غرار PHPUnit و Behat ، ولكن تم تضمينه مع المزيد. في ذلك ، يمكنك القيام به اختبار المتصفح و BDD واختبار تكامل الوحدة واختبار واجهة برمجة التطبيقات.

عقدة التدويل الفسفور الابيض

الاسم يتحدث عن نفسه. إنها وحدة NodeJS لأتمتة الكثير من الأشياء لتدويل السمات أو الإضافات. تثبيت الوحدة النمطية ونوع wpi18n makepot لإنشاء ملف POT من النص القابل للترجمة في ملحقات WordPress أو السمات الخاصة بك.

شكر

وحدة NodeJS أخرى تتجه إلى جيثب مؤخرًا. “شكر” سوف قم بإنشاء قائمة بحافظي الحزم المستخدمة في مشروعك المفتوح المصدر وربطه بتبرعهم أو صفحة OpenCollective كعلامة امتنان لمساهمتهم في المجتمع.

إنشاء كتلة غوتن

غوتنبرغ يسمع وسيتم شحنه مع WordPress 5.0. هذا وحدة NPM لتوليد غلاية تطوير كتلة غوتنبرغ باستخدام مكدس حديث مثل React و Webpack و Babel و Sass. ببساطة قم بتشغيل سطر الأوامر ,إنشاء guten كتلة, وكنت كل مجموعة.

الفسفور الابيض فو

الفسفور الابيض فيو هو قالب بنيت مع فو لعرض وظائف وورد. يعد هذا القالب نقطة انطلاق رائعة إذا كنت ترغب في إنشاء موقع WordPress الخاص بك بلا رأس. انظر كيف يعمل في الصفحة التجريبية. تغيير عنوان URL لنقطة نهاية عنوان URL الخاص بـ WP-API من أي موقع من مواقع WordPress. سوف يعيد نشر المنشورات تلقائيًا مع المنشورات من عنوان URL الخاص بنقطة النهاية الجديدة.

التحفيز

ا إطار جافا سكريبت جديد من Basecamp. بخلاف React أو Vue ، لا يفرض عليك كتابة التطبيق بالكامل باستخدام JavaScript أو إضافة سمات اصطناعية.

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

مانتا

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

رد فعل ثابت

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

Piklist

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

Strapi

ا إطار المحتوى CMS agnositic لبناء API المحتوى. يتيح لك تصميم بنية المحتوى الخاصة بك وواجهة برمجة التطبيقات بالإضافة إلى توفير لوحة إدارة جميلة لإدارتها. ومع ذلك ، فإنه لا يوفر نظام templating المدمج. هذا يقدم لك اختيار أي مكتبة أمامية من تفضيلاتك مثل رد فعل أو فيو.

ParcelJS

ParcelJS هو محزم يشبه إلى حد كبير Webpack و Browserify ، إلا أنه يحترق بشكل أسرع ويتطلب تكوينًا صفريًا. هذا يدعم حزمة التطوير المشتركة لـ HTML و JS و CSS والمحولات مثل PostCSS وبابل خارج أجهزة إكس بوكس. لذلك ، يمكنك فقط التركيز على التعليمات البرمجية الخاصة بك بدلاً من إضاعة الوقت في التكوين.

GoodShare

مكتبة جافا سكريبت ل عرض زر "وسائل التواصل الاجتماعي" مع عدد المشاركات لعدد قليل من وسائل التواصل الاجتماعي. وهو يدعم العديد من الوسائط الاجتماعية بما في ذلك تلك التي لم يسمع بها من قبل مثل Vkontakte و Odnoklassniki و SurfingBird ، وأيضًا بعض منصات المراسلة مثل Skype و WhatsApp و LINE. GoodShare متاح أيضًا كمكون Vue.

CopyChar

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

NERV

العصب هو آخر مكتبة VirtualDOM التفاعلية ؛ بديل ل ReactJS. إنه يجلب بناء الجملة المألوف JSX من React ولكن مع بعض الاختلافات الملحوظة. يدعم Nerv Internet Explorer 8! وانها مجرد ثلث حجم رد الفعل. ما يزال, Nerv متوافق مع إضافات React في حال كانت أكثرها تعقيدًا.

HyperappJS

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

VulcanJS

فولكان هو كومة من الأدوات لبناء تطبيق ويب حديث. لقد تم تجميعها مع React و GraphQL و Meteor. لأنه إطار مكدس كامل يوفر مجموعة كاملة من المكونات المساعدة الموجودة تم ضبط كل شيء على ما يرام ، حيث تم ضبط كل شيء على ما يرام. وبالتالي يمكنك الحصول على التطبيق الخاص بك وتشغيلها بسرعة.

Koa11y

تطبيق سطح مكتب لنظام Windows و macOS و Linux لدراسة مشكلات إمكانية الوصول على موقع الويب. ستقدم Koa11y إشعارات وتحذيرات ما إذا كان موقع الويب الخاص بك ينتهك معايير إمكانية الوصول.

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

TablePlus

حقا لطيفة تبحث تطبيق واجهة المستخدم الرسومية لإدارة قاعدة البيانات. يدعم TablePlus مجموعة واسعة من محركات قاعدة البيانات بما في ذلك (بالطبع) MySQL و SQLite و Redis و Postgres و MS SQL وغير ذلك الكثير. TablePlus متاح لنظام التشغيل MacOS و Windows.