ضربات الواجهة الأمامية: أعلى 10 (؟) تقارير HolyJS 2018 Piter



مرحبا هابرو! لقد نشرنا بالفعل مقاطع فيديو لتقارير HolyJS 2018 Piter على YouTube ، وقمنا (ليس تمامًا) بتحديد مجموعة تقليدية من أفضلها ، وفقًا لزوار المؤتمر.

كالعادة ، هناك تقارير "صغار" في الأعلى ، مع أعلى تصنيف في النهاية. بالطبع ، هذا لا يعني أن أحد التقارير أسوأ بكثير من تقرير آخر: تقديرات المجموعة الكاملة في النطاق من 4.28 إلى 4.56. إذا نظرت إلى عدد المراجعات ، أو غيّرت منهجية الحساب ، يمكن أن تتغير الأماكن بسهولة. بشكل عام ، انظر كل شيء!

تحت المقطع - ومقاطع الفيديو لأفضل التقارير ، والروابط إلى العروض التقديمية ، والأوصاف القصيرة ، ورابط إلى قائمة التشغيل الكاملة.

نهج منظم أمامي للسرعة: القياسات عبر الإنترنت


المتحدث: أندريه بروكوبيوك
الموقع: 11
التصنيف: 4.28 ± 0.08
تقرير العرض


مفاجأة! اليوم ليس لدينا 10 ، ولكن 11 تقارير ، وهناك أسباب عديدة لذلك.

أولاً ، بين المركز 11 و 10 يكون الفرق فقط أربعمائة نقطة. ثانيًا ، خطط الرجال من "مجموعة ياندكس للسرعة" في البداية لإعداد تقرير زوجي ، ثم انقسموا: تحدث أندري ( Andre_487 ) عن الإنترنت ، وأليكس عن القياسات غير المتصلة بالإنترنت. لذلك من أجل الاكتمال ، تم تضمين كلاهما في الأعلى: يمكنك اعتبارهما جزأين من كل واحد.

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

كما قال أحد زوار المؤتمر: "CI على المنشطات من قبل هؤلاء الرجال!".



إعادة شبكة الهاتف النقال إلى الحياة


المتحدث: عماد اليافي
الموقع: 10
التصنيف: 4.28 ± 0.12
تقرير العرض


تقرير عماد Pinterest حول كيفية إعادة كتابة إصدار الويب للجوال لمشروع رئيسي مثل Pinterest في 11 أسبوعًا (بنجاح!) ، مع زيادة في مقاييس تفاعل المستخدم. النتيجة - النتيجة قريبة من التطبيقات الأصلية دون فقدان في سرعة التحميل.

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



تصحيح JS باستخدام Chrome DevTools كمثال


المتحدث: أليكسي كوزياتنسكي
الموقع: 9
التصنيف: 4.28 ± 0.08
تقرير العرض


الموضوع الرئيسي للتقرير هو ما يوجد داخل مصحح تطبيقات الويب. يعمل أليكسي "على الجانب الآخر من الحواجز" - في فريق Chrome DevTools ، حيث يعمل على إنشاء أدوات تصحيح أخطاء JavaScript وتحسينها هناك. سيكون الحديث عن ذلك فقط: ما يمكن أن يفعله المتصفح تلقائيًا عند تصحيح الأخطاء ، وما هي الأدوات التي يتمتع بها أصدقاء المطور ، وكيفية العمل مع مكدسات غير متزامنة وتنميط الذاكرة.

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

التقرير قصير ولكنه مفصل: يحتوي على الكثير من أدوات التحليل والكثير من التعليمات البرمجية والوعود لإصلاح الأخطاء :)



نهج منظم للسرعة الأمامية: القياسات دون اتصال


المتحدث: أليكسي كالماكوف
الموقع: 8
التقييم: 4.29 ± 0.08
تقرير العرض


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

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



الكلمة الرئيسية: 30: JavaScript كثير جدًا


المتحدث: إيليا كليموف
الموقع: 7
التصنيف: 4.30 ± 0.08
تقرير العرض


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

هذا التقرير هو الإجابة على ثلاثة أسئلة يطرحها إيليا كل أسبوع عدة مرات من قبل طلابه:

  • كيف تتعلم ما تحتاجه ، وليس الضجيج؟
  • كيفية هيكلة المعلومات من أجل أسرع تطور؟
  • إلى أين أركض؟




الكلمة الرئيسية: تقنية الوميض ، أو هندسة القرن الحادي والعشرين


المتحدث: مكسيم يوزفا
الموقع: 6
التقييم: 4.41 ± 0.07
تقرير العرض


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

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

يعلم مكسيم بيع إعادة البيع في مشروع ، وإقناع الزملاء بتنفيذ Linter والتوقف عن القلق بشأن ما يكتب أو Angular أو React أو Vue.

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



تحلل الخيط الرئيسي في Node.js لزيادة الإنتاجية


المتحدث: نيكولاي ماتفيينكو
الموقع: 5
التقييم: 4.42 ± 0.09
تقرير العرض


تستخدم كل شركة Node.js بطريقتها الخاصة: من أنماط البناء ، SSRs و templating إلى microservices والتواصل مع قواعد البيانات. ولكن جميعها تشترك في شيء واحد - خيط رئيسي محمل. يخبر Nikolay ، باستخدام Node.js كمثال في مشاريع التجارة الإلكترونية للمؤسسات الكبيرة ، كيفية تخفيف الخيط الرئيسي بكفاءة وتدريجي لزيادة الإنتاجية.

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

الاختبارات وأرقام المقارنة المحددة والرسوم البيانية - يوزع نيكولاي كل أداة بالتفصيل وبحكمة. تقرير Harkorny ، ولكنه مفيد للغاية ، والذي لا يوصى بتفويته.



العمل باستخدام أشجار بناء جملة JavaScript مجردة


المتحدث: كيريل تشيركاشين
الموقع: 4
التصنيف: 4.44 ± 0.07
تقرير العرض


يعيش كيريل ، المولود في موسكو ، الآن في نيويورك ويعمل على Google for Firebase ، كما ينظم أكبر أداة للتخفيف الزاوي في العالم. يتحدث عن أمثلة بسيطة و "مؤلمة" لكيفية تحليل الشفرة بشكل صحيح وتحويل رمز شخص آخر.

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

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



EME؟ سي دي ام؟ DRM؟ CENC؟ IDK!


المتحدث: سيباستيان جولاش
الموقع: 3
التصنيف: 4.46 ± 0.17

تقرير العرض


حديث ثلاثي الكلمات - الهندسة العكسية لـ Netflix!
تقرير مثير للاهتمام يكشف عن التفاصيل الفنية وراء عدد من الاختصارات المخيفة لمكدس DRM: EME (ملحق الوسائط المشفرة) و CDM (وحدات فك تشفير المحتوى) و Widevine و DRM (إدارة الحقوق الرقمية).

في أحد التقارير ، سيراجع سيباستيان النقاط الرئيسية المتعلقة بحماية الفيديو عبر الإنترنت: البث ، التنزيل ، مكافحة القرصنة ، الترخيص وغيرها الكثير. سيخبرك بكيفية إنشاء مشغل الفيديو الخاص بك لـ Netflix والتعمق في بنية الخدمة.

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



حيل صغيرة قذرة من الزوايا المظلمة للتجارة الإلكترونية


المتحدث: فيتالي فريدمان
المكان: 2
التقييم: 4.51 ± 0.11
تقرير العرض



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

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

في التقرير ، يُظهر Vitaliy عددًا هائلاً من الأمثلة عن أداء التجارة الإلكترونية بشكل سيء (للتحويل أو فيما يتعلق بالمستخدمين) ، مع أمثلة حقيقية وروح الدعابة المؤسسية.

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

تقول العديد من المراجعات الإيجابية من الزوار شيئًا واحدًا - سيجد كل مستمع ومشاهد شيئًا مفيدًا للعمل في تقرير فيتالي.



الكلمة الرئيسية: مغامرات جديدة في الواجهة ، الموسم الثاني


المتحدث: فيتالي فريدمان
الموقع: 1
التقييم: 4.56 ± 0.05
تقرير العرض


"لكنه لم يخمن ، إنه يرن في كلتا الأذنين!" بشكل عام ، إذا حاولت الصورة تخمين مكان فيتالي فريدمان بسبب الصورة الافتتاحية للمنشور ، فأنت بالكاد تخمن أنه تمكن من تولي المنصبين العلويين في وقت واحد.

إذا كان أحد أبرز العروض التي قدمها HolyJS السابق هو تقرير فيتالي فريدمان "مغامرات جديدة في تصميم الويب السريع الاستجابة" ، فإن "تتمة" أصبحت الأفضل في HolyJS Piter 2018!

عندما تترأس مجلة Smashing ، تتعلم الكثير من التفاصيل الدقيقة والتعقيدات والحيل القذرة - لذا سيغطي التقرير مجموعة متنوعة من المواضيع. كما يحذر المؤلف ، "لا يمكنك" التعرف على "ما تتعلمه ، ونحن لسنا مسؤولين عن كوابيسك اللاحقة". كما قال أحد المستمعين: "الحيل البهلوانية لتحسين عمل الواجهة الأمامية ستكون دائمًا في متناول اليد!" لا يمكننا الاختلاف.
إذا كانت هذه التقارير (وغيرها من قائمة التشغيل الكاملة ) ذات أهمية ، يرجى ملاحظة: HolyJS Moscow 2018 سيعقد في 24-25 نوفمبر .

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

Source: https://habr.com/ru/post/ar428085/


All Articles