Frontend Weekly Digest (من 5 إلى 11 أغسطس 2019)

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

تطوير الويب

• دع Mavo Shine في بناء تطبيقات الويب التفاعلية
• مقدمة بسيطة لعمال الويب في جافا سكريبت
• إنشاء رسائل بريد إلكتروني تفاعلية محسّنة للغاية باستخدام إطار AMP من Google
• لماذا تطوير الشبكة الحديثة معقدة للغاية؟ شرح طويل ومتسرع: الجزء 1!
• أيهما أفضل: برنامج الولاء PWA أو تطبيق الجوال؟
• منتقي جهات الاتصال للويب
• الآن على الهواء مباشرة: قائمة التشغيل SmashingConf Toronto الخاصة بك

• الأداء:
  • أكبر الطلاء قانع . تسهيل معرفة متى تم تحميل محتوى مهم للصفحة.
  • وقت البايت الأول: ما هو ولماذا يهم؟
  • الأصلية كسول التحميل على شبكة الإنترنت
  • إطلاق تطبيق Lazy-Loading على Chrome 76!
  • تأسيس اتصالات الشبكة في وقت مبكر لتحسين سرعة الصفحة المتصورة
  • التعامل مع المدخلات عالية الأداء على شبكة الإنترنت
  

• الأدوات:
  • دليل اختصارات Visual Studio Code ، وزيادة الإنتاجية و 30 من اختصاراتي المفضلة التي تحتاج إلى تعلمها
  • SVG Gobbler - امتداد متصفح بسيط يعثر على محتوى SVG في نافذتك الحالية ، ويسلط الضوء على السمات الفريدة بما في ذلك الحجم ويسمح لك بالتنزيل أو النسخ إلى الحافظة
  

• الوصول:
  • إمكانية الوصول إلى الويب مقابل الاستخدام
  • نصائح الوصول غير متوقع
  

• الرسوم المتحركة:
  • آثار تريل الصورة
  • مواقع ملهمة تقرير اخبارى # 7
  • كيفية إنشاء الرسوم المتحركة على شبكة الإنترنت مع Anime.js
  
  

CSS

• أوضاع الكتابة وتخطيط CSS
• تعلم المغلق من خلال قراءة المواصفات
• إعادة توجيه JS من جانب العميل: هل يستطيع Googlebot اكتشافها؟ #AskGoogleWebmasters
• التعامل مع CSS غير المستخدمة في SASS لتحسين الأداء
• CSS: محدد فارغ
• Weekly Platform News: نمط خط CSS: منحرف ، ملحق متصفح webhin ، CSS Modules V1
• مبادئ التصميم للمطورين: العمليات ونصائح CSS لتحسين تصميم المواقع
• نقل النص على المسار المنحني
• 5 سوبر مولدات الشبكة المغلق للشبكات الخاصة بك
• التقديم الفرعي بكسل والحدود

جافا سكريبت

• كيفية سحب وإسقاط عناصر HTML والملفات باستخدام جافا سكريبت
• بناء بلدي الأول Svelte التطبيق: الأفكار والانطباعات
• العمل مع ECMAScript 2019 التكرار غير المتزامن باستخدام "for-of"
• Intl.NumberFormat
• حالات الاستخدام مثيرة للاهتمام لمشغلي جافا سكريبت
• أجهزة دمج وعد JavaScript: .all () و .race () و .allSettled ()

• VueJS:
  • كيفية إعداد بيئة تطوير Vue
  • تعديل بيانات المكون مع بواعث الأحداث في Vue.js
  • الحصول على المزيد من مكونات Async
  

• الرد:
  • رد فعل v16.9.0 وتحديث خارطة الطريق
  • ما هو الجديد في رد فعل v16.9
  • كيف يعمل وضع التطوير؟
  • بناء تطبيقات المحمول مع أيوني ورد الفعل
  • استخدامتأثير مقابل useLayoutEffect بلغة واضحة ودقة
  • استخدام إيمير لإدارة حالة رد الفعل
  

• الزاوي:
  • استخدام ميزة المزامنة المنتظرة في الزاوي
  • وحدات ومكونات غير متزامنة في الزاوي اللبلاب
  • في الطريق إلى الزاوي 9: ثلاثة أخطاء في الزاوي 9
  • كيفية مشاركة المكونات الزاوي بين المشاريع والتطبيقات
  

• ليبس و الإضافات:
  • sharec - أداة جديدة في أضيق الحدود لإصدار الغلايات وتكوين الإصدارات ، والتي يمكنها نسخ الملفات ودمجها وحذفها.
  • Frosted Panel هي مكتبة متوافقة عبر المستعرض مكتوبة بلغة Javascript الخالصة لتحقيق تأثير "Frosted Glass" المستجيب.
  • murphyjs: طريقة بسيطة لتنفيذ الرسوم المتحركة القائمة على التمرير في مكوناتك.
  

شكرا للقراءة! لا تتردد في إرسال مقالاتك إلينا أو محتوى جديد مفيد تريد رؤيته في الملخص التالي.