في 19 و 20 سبتمبر ، حضرت أنا وزملائي مؤتمر AngularConnect. هذا هو واحد من أكبر المؤتمرات الزاوية ، هذا العام تم عقده للمرة الخامسة. كان للبرنامج 30 تقريراً ، منها 8 تقارير من الفريق الزاوي و 4 ورش عمل و 5 مناطق للخبراء. من أجل هذا ، كان الأمر يستحق الذهاب إلى لندن (حسنًا ، إنه يستحق رحلة إلى لندن دائمًا).
في هذه المقالة ، سنشرح لماذا اخترنا AngularConnect ، وما هي الموضوعات التي كانت مثيرة للاهتمام بالنسبة لنا ، وسنساعدك على اتخاذ قرار بشأن عرض تقارير اليوم الأول للمؤتمر.
البرنامج
أول شيء لاحظناه عند تقرير ما إذا كنت تريد الذهاب أم لا ، بالطبع ، البرنامج. 8 تقارير من فريق Angular ، المعروفة لدى العديد من مطوري Angular ، جون بابا ، مؤلف مدونة Max Koretskiy ، Angular in Depth ، والعديد من المتحدثين المشهورين الآخرين ، هم ممثلون ممتازون حقًا.
لكن المسألة ليست فقط في الأسماء الكبيرة. تبدو الموضوعات المعلنة وثيقة الصلة بمهام عملنا.
توقعنا الكثير من تقارير الغوص العميق -
تحسينات الأداء في Angular من مهندس Google Mert Değirmenci
وتطبيقات Profiling Angular مثل سمكة قرش حول تصحيح أخطاء الأداء ومشاكل الذاكرة. كل ما يتعلق بالأداء مهم بالنسبة لنا ، لأننا نصنع تطبيقات تفاعلية معقدة.
بدت التغييرات العاجلة المهاجرة مع تقرير
TSLint و Schematics أيضًا بمثابة نجاح دقيق. لدينا مكتبة UI Kit داخلية ، خلال تطويرنا غالباً ما واجهنا سلبية عندما أجرينا تغييرات عاجلة. لقد توصلنا إلى الحاجة إلى عمليات الترحيل التلقائي ، لذلك كان من المثير للاهتمام معرفة كيف يفعلها الآخرون.
نحن نستخدم NgRx ونراقب أفضل ممارساته. لذلك ، كنا مهتمين بتقرير آخر عميق -
واجهات الكم: لماذا تعتبر واجهات NgRx فظيعة أو رائعة اعتمادًا على كيفية ملاحظتها . أردنا الاستماع إلى استنتاجات سام جوليان ومقارنتها مع استنتاجاتنا.
وكان هناك العديد من هذه التقاطعات!
تقارير
افتتح ستيفن فلوين وإيجور مينار اليوم الأول من المؤتمر.
شكر ستيفن المجتمع على دعمهم وتحدث عن زيادة عدد Google للمشاريع Angular من 600 في 2018 إلى 1500 في 2019.
وقال إيغور أنه في Angular CLI 8.3 قاموا بتبسيط التجميع لـ ES 5 - وهذا يسمح بتقليل الوقت الذي يقضيه 40٪. تحدث أيضًا عن التحسين في Angular 9: سينخفض وزن القطع الأثرية ، وستبدأ التطبيقات في العمل بشكل أسرع. سيكون هذا ممكنًا بسبب تقديم Ivy الجديد. في الإصدار التاسع من الإطار ، ستأتي المكتبات بدعم ViewEngine. ومن الإصدار العاشر - مع اللبلاب. تحقق من توافق المكتبة من خلال
الرابط .
الغوص العميق في المترجم الزاوي
يتحدث أليكس ريكابو ، مطور Angular Compiler ، عن الخطوات الخمس لتجميع وحدة Angular في رمز JavaScript. يستخدم مثالاً لتحليل نموذج التجميع: ما كان عليه وما سيصبح في اللبلاب. إن نطاقات NgModule ، والتنفيذ الجزئي للكود ، والقوالب المحسنة للتحقق من النوع هي المزايا الرئيسية لـ Ivy ، وفقًا لـ Alex.
سيكون التقرير مفيدًا لأولئك الذين يريدون أن يفهموا بالتفصيل ميزات المحول البرمجي ويفهموا المراحل التي يتكون منها عمله.
الزاوي و OWASP أعلى 10
يتذكر Philippe De Ryck تصنيف الثغرات OWASP 10 ، لكنه يركز على ثلاثة منهم فقط بالتفصيل: XSS و Broken Auth واستخدام التبعيات ذات الثغرات الأمنية.
- اتبع الطريق الزاوي - مفتاح غياب XSS.
- سيساعد الإصدار 2.0 من OAuth والمكتبة في تجنب مشكلات التخويل.
- يحتوي المشروع الذي تم إنشاؤه باستخدام ng new على 20 ألف ملف مثبت لا يمكن للمطور التحكم فيه. يستخدم المهاجمون هذا: تمت إضافة حزمة npm pack-notify electron-notify إلى المستودع الشائع. بعد بعض الوقت ، قمنا بتغيير الرمز. مستودع شعبية يحصل الضعف عند تحديث التبعيات.
نوصي بهذا التقرير كمقدمة لـ OWASP 10.
رحلتي في الفريق الزاوي
انضم مانو مورثي إلى فريق Angular في أكتوبر 2017. يتحدث في تقريره عن ثلاث نقاط أساسية خلال هذا الوقت: تغيير التركيز على المجتمع ، وتحسين العمليات داخل الفريق ، والتحديات الحالية. في نهاية التقرير ، يتحدث عن مشاريع المتدرب لعام 2019: القائم بأعمال Caretaker ، Scaled search in code and Connecting Ecosystem.
طار عامين من الفريق الزاوي بالنسبة لنا في نصف ساعة. لم يشعروا بالملل. إذا كنت تريد معرفة إطار العمل من الداخل ، فستعجبك التقرير.
كيف نصنع الزاويه بسرعة
خلال تطوير اللبلاب ، ركز الفريق على الأداء.
يتحدث معظم حديث ميشكو هيفيري عن تحسين نصوص js باستخدام محرك V8. على سبيل المثال من المعايير ، ويظهر وقت تنفيذ وظائف الشكل والأشكال المتعددة الأشكال.
تلاحظ Miško برامج مفيدة للعمل مع ملفات تعريف V8. في نهاية التقرير ، يقدم هياكل البيانات في Ivy ويعلن ngDevMode - وهو وضع لتصحيح أخطاء التطبيق الخاص بك في وحدة تحكم المستعرض.
يوزع معظم التقرير تحسينات مستعرضات المستوى المنخفض. مناسبة للمطورين الذين يرغبون في تحسين تطبيقاتهم إلى أقصى حد ممكن.
إيجاد الزاوي
تتحدث إيلانا أولسون عن النظام البيئي Angular: كيفية إنشاء مشروع ، وكيفية تصميمه باستخدام Angular Material ، وكيفية إضافة الخدمات والسبب في الحاجة إليها. في الختام ، توضح Elana Olson كيف يمكنك مساعدة المجتمع الزاوي وإضافة مشروعك إلى النظام البيئي.
يبرر التقرير مستوى المبتدئين. مناسبة للمطورين الجدد الذين أكملوا مؤخرًا جولة الأبطال.
الأسرار وراء سرعة البرق الزاوي
يتناول Max Koretskyi ثلاثة مستويات من التحسين: وقت تنفيذ التعليمات البرمجية ، واستخدام هياكل البيانات ، وتشغيل برنامج التحويل البرمجي.
- سيساعد التخزين المؤقت ووظائف الشكل الأحادي في تسريع تنفيذ التعليمات البرمجية.
- سوف مرشح بلوم تسريع العمل مع الهياكل.
- المترجم اللبلاب يحول قالب HTML إلى رمز جافا سكريبت الأمثل.
- قبل المشاهدة ، أوصي بأن تتعرف على الفيديو Miško. من السهل فهم تقرير Max Koretskyi لأن الأمثلة من Angular. الوصف الوظيفي يتم تذكر مرشح بلوم إلى الأبد.
تطبيقات ملفات التعريف الزاوية مثل سمك القرش
يبدأ Gil Fink بقصة حول عملية التقديم في المتصفح ، ومراحله ، والفرق بين reflow و repaint ، نموذج RAIL. ثم ينتقل Gil إلى ملفات التعريف ويظهر مع أمثلة كيفية العثور على مناطق المشاكل باستخدام علامة تبويب الأداء في Chrome.
التقرير مناسب للتعرف على عملية وضع ملفات التعريف. لا توجد علاقات مع Angular ، يمكنك أن توصي أصدقاء للواجهة الأمامية من أي تخصص.
أتمتة المشاريع الزاوي الخاص بك مع الرياضيات
يتحدث براندون روبرتس من Nrwl عن ميزات Angular Schematics. يمكن أن تكون مفيدة لأتمتة المهام الروتينية: إنشاء تبعيات عند إضافة حزمة ، وتنفيذ عمليات إضافية عند التحديث. وبمساعدة الخطط ، يمكنك إضافة قوالب الكود وتسهيل إنشاء كيانات قياسية. على سبيل المثال ، يوضح Brandon كيفية إضافة قالب لخدمة API.
يبدأ التقرير بالأساسيات وهو مناسب لاستكشاف التكنولوجيا.
أغلق تقرير الرسم برنامج اليوم الأول. كان أمامنا Angular-el ، اتصال غير رسمي ، يتجول في لندن ... وفي اليوم الثاني من المؤتمر ، الذي سنناقشه في مقال منفصل.
ظلت انطباعات النصف الأول من المؤتمر مختلطة. من ناحية ، كانت بعض التقارير عميقة حقًا ، وحق عميق مع محتوى مباشر ، غالبًا من المبدعين في Angular أنفسهم. من ناحية أخرى ، كانت هناك تقارير ، المستوى الذي قمنا بتصنيفه أقل من المستوى المذكور. لكن قيمة المؤتمر ليست فقط في التقارير - سنعود إلى هذه المسألة في الجزء الثاني.