مهمة لإنقاذ الكون باستخدام JavaScript

في حلقة هذا الأسبوع

يستعين موظفو الخدمة بـ Firefox Nightly، يتم إرسال نصائح DevTools اليومية في البريد الوارد، وتصحيح أخطاء IE في Chrome، واستخدام Flexbox لـ RWD، وتوفير 1000 ألف من JavaScript، ومنشئات البرامج في IE وSpartan.

التطبيقات التي تشغِّلها يوميًا

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

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

تصحيح أخطاء IE في Chrome

ماذا لو كان بإمكانك تصحيح أخطاء Internet Explorer في Chrome؟ مهايئ بيانات تشخيص IE والذي تم فتحه مؤخرًا بواسطة فريق IE، وهو جسر يسمح لبرنامج Internet Explorer بالتحدث إلى بروتوكول تصحيح الأخطاء عن بُعد في Chrome. على الرغم من أن المشروع لا يزال قيد التجربة، إلا أنه يتيح لك بالفعل تصحيح أخطاء النص البرمجي الأساسي ويخطط الفريق لنقله إلى Spartan في المستقبل القريب.

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

عاملو الخدمات

قد يصبح إنشاء تجارب الاستخدام بلا اتصال بالإنترنت أسهل بسبب وصول موظفي الخدمات إلى Firefox Nightly. استنادًا إلى مواصفات W3C، يمنح عاملو الخدمة المطورين مزيدًا من التحكم في الصفحة، ما يسمح لهم بإعادة توجيه طلبات الشبكة، وعرض الموارد من ذاكرة التخزين المؤقت، وحتى إرسال إشعارات فورية. يشحن عمال الخدمة بالفعل في Chrome، ويقدر الفريق في Firefox أنهم قد يصلون إلى الإصدار 41.

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

FLEXBOX (التوافق مع RWD)

حسِّن موقعك الإلكتروني باستخدام flexbox لتحسين التنسيقات المتجاوبة. توضّح شركة تطوير البرامج Zoe Gillenwater كيفية استخدام flexbox كتحسين تدريجي على المواقع التي يجب أن تتوافق مع المتصفحات القديمة. يمكن أيضًا استخدام الشرائح الشاملة كورقة معلومات مرجعية لمساعدتك في تذكُّر عدد كبير من خصائص flexbox.

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

المنافسة مع JS1K

كم عدد العناصر الغريبة التي يمكنك تفجيرها باستخدام لغة JavaScript واحدة فقط؟ أغنية Defender للفنّان "كيث كلارك" هي الفائزة بمسابقة JS1K لهذا العام. ويتم تكليف المتسابقين بإنشاء تجربة جذابة باستخدام 1024 بايت من JavaScript فقط. استمتِع باللعب في سباقات هذا العام بجولة Mystery Monorail ولعبة الأفعوانية المستحيلة.

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

مولدات في أيرلندا/سبارتان

قد تكون عمليات معاودة الاتصال شيئًا من الماضي لأن فريق IE قد أعلن أن أدوات الإنشاء قيد التطوير. وتُعدّ أدوات الإنشاء ضمن ES6، وهي دوال خاصة يمكن إيقافها مؤقتًا واستئنافها في وقت لاحق، ما يتيح لك كتابة رمز غير متزامن بشكل متزامن. يتم شحن المولدات في Chrome وFirefox، وهي قيد التطوير حاليًا في Safari.

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648

3D Sketcher من تصميم جايسون

http://codepen.io/loktar00/full/DphFg/

حلقات مرحلة اليوم 18/100 بستة جوانب

http://codepen.io/sixsided/full/qEeEYm/

توزيع غاوس مع الفيزياء بواسطة فرانك دومون

http://codepen.io/fdumont/full/CvdDI/

توحيد النص كما يلي: "بأقسام MATTER" من تأليف "أبهيجيت هوتا"

http://codepen.io/XDBoy018/full/JodWKN/

يسرنا أن نعرف رأيك على Twitter #LazyWebShow