لن أجادل في أن الواجهة الأمامية أكثر أهمية من الخلفية ، أو دعم المفهوم المثير للجدل بأن "الواجهة الخلفية على شبكة الإنترنت الحديثة اختيارية". نترك العجائب جانبًا ، نعترف ببساطة أن مطور الواجهة الأمامية يشارك في جانب العميل الفعلي لمشاريع الويب ، مما يعني أن عمله مرئي أكثر للمستخدمين النهائيين الذين يعانون من صراع. وهذا يعني أن عدم إيلاء الاهتمام الكافي للواجهة الأمامية هو ببساطة رفاهية غير مقبولة.
قررنا في هذا الأمر ، يبقى فقط اكتشافه ، والآن كيف نفعل كل شيء بارد. أين يكتب الإنترنت عن هذا؟ - نعم في كل مكان! وهكذا ، للتعامل مع مجموعة متنوعة من التقنيات الحديثة والأطر والمكتبات ، فإننا نعقد مؤتمرا محترفا Frontend Conf. عند اختيار مواضيع لها ، لم نركز على الضجيج ، ولكن على فائدة التقارير. بعد حضوره المؤتمر ، يمكن لأي بائع أمامي محترف أن يتأكد من أنه سيجد لنفسه العديد من التقارير المفيدة التي تتوافق مع مستوى معرفته. سأخبرك بالضبط بأي تقارير دخلت البرنامج في النهاية بموجب التخفيض.
بيانات الإدخال
سيعقد مؤتمر
Frontend Conf Moscow 2018 يومي
4 و 5 أكتوبر . لمدة يومين سنكرس تمامًا لمناقشة التقنيات والأساليب لتطوير جانب العميل ، وسنولي اهتمامًا لقضايا مثل: تحسين الإنتاجية وتقييم الجودة ، واختيار إطار عمل ، وعملية تصميم الواجهة ، والعمل مع واجهة برمجة التطبيقات ، والتخطيط.
في ثلاثة تيارات في ثلاث غرف في يومين ، سيتم تقديم
40 تقريرًا وفصولًا رئيسية واجتماعات في مختلف المجالات: API والتخطيط و UX والأداء والأطر والاختبار وغيرها.
عند تجميع البرنامج ، اخترنا تلك التي ستكون
مفيدة في عمل أوسع دائرة ممكنة من المتخصصين . لكنهم لم يتركوا وراءهم قضايا أكثر تحديدًا ضيقة ؛ في قاعة جاما ستكون هناك تقارير عن الأدوات التي قد لا يحتاجها الجميع ، ولكن بالتأكيد بالنسبة للبعض هي الأكثر طلبًا. في دائرة ضيقة نسبيًا ، سيكون من الأنسب مناقشة هذه القضايا ؛ ستكون هناك فرصة للتعامل بدقة مع كل شيء والعثور على أشخاص متشابهين في التفكير. بطريقة أو بأخرى ، يعتمد جميع المتحدثين تقريبًا على تجربتهم الخاصة ويقدمون حلولًا محددة
استمعوا إليها - ونفذوها . ما لم يتم ترك مساحة صغيرة للعروض التقديمية بالمعلومات ببساطة ، مثل
تعدين العملة المشفرة في المستعرض .
الجدول الزمني الكامل موجود على الموقع في شكل تفاعلي ، وفي شكل
pdf مع رموز المواضيع - يتم ترتيبه بحيث إذا توصلت إلى موضوع معين ، يمكنك الوصول إلى جميع التقارير الخاصة به. الآن دعونا نلقي نظرة على الموضوعات.
سيبدأ اليوم الأول ، الخميس الرابع من اليوم ، بأربع عروض باللغة الإنجليزية - للإحماء.
كسر المعيار باستخدام CSS الإبداعي
تعمل
Aga Naplocha في
Adobe وتقوم أيضًا بتطوير المشروع التعليمي The Awwwesomes. في
حديثه ، يريد Aga مشاركتنا
ميزات CSS الجديدة التي تتيح لك إنشاء أشياء مذهلة حقًا. إن المستقبل المشرق لرسومات الويب و CSS قريب للغاية - سنتمكن أخيرًا من تجسيد أفكارنا الجريئة وإنشاء تصميمات مواقع الويب في المتصفح مباشرة. آها تنادي بعدم الوقوف جانباً وإعادة
شحن روح الإبداع الجديدة .
إمكانية الوصول مقابل أحدث واجهات برمجة تطبيقات الويب. ألا يمكننا فقط أن نتوافق؟
يعمل Mauricio Palma في SinnerSchrader كنوع من الوكيل بين فرق المصممين والمطورين ، ويعتقد أن المطورين يعاملون في الغالب مشكلة
إمكانية الوصول إلى الواجهة كشيء يجب اعتباره أخيرًا.
في
تقريره ، يعد Maurizio ، باستخدام
أحدث واجهة برمجة تطبيقات ويب ، بإظهار تقنيات فعالة للتعرف على الكلام والتوليف وإنشاء واجهات مستخدم مريحة ويمكن الوصول إليها بمساعدتهم.
رميت الماوس
مستوحى من عمل لورا كارفاخال ، قرر
مانويل ماتوزوفيتش إجراء تجربة ولم يستخدم الماوس لمدة أسبوعين. سيعرض مانويل في
تقريره أمثلة ناجحة وغير ناجحة للمواقع التي قابلها. بناءً على ذلك ، سنناقش المشاكل الأكثر شيوعًا ، ونتحدث عن طرق حلها. دعنا نكتشف لماذا من المهم أن يكون موقعك ممكناً وملائماً
للاستخدام من لوحة المفاتيح ، ولمن هو
مفيد بالفعل.
أنظمة التصميم التعاطفية
في Frontend Conf ، تخطط
جنيفر وونغ (المبعوث) بناءً على تجربتها
لمعرفة كيفية تطوير نظام تصميم من الصفر ، وعدم نسيان إمكانية الوصول ومراعاة احتياجات المستخدمين والمطورين. حتى أن جنيفر قامت بعمل
فيديو تدعوه فيه إلى تقريرها.
بعد ذلك ، سيكون هناك استراحة غداء في قاعتي بيتا وغاما ، وسيبدأ تقرير مثير للاهتمام في قاعة ألفا.
كيف قمنا بتطوير أول تطبيق كامل دون اتصال باستخدام التخزين الدائم
لم يعد تطوير الويب وتطبيقات Offline First غير واقعي. ما كانت ميزة التطبيقات الأصلية يتم تنفيذها أيضًا في تطبيقات الويب.
يخطط تيموثي لافرينيوك (KeepSolid)
ليقول :
- كيفية نقل تطبيق أصلي للعمل مع المستندات ، والحفاظ على إحدى مزاياه الرئيسية - العمل في وضع عدم الاتصال ؛
- ما المكتبات لاستخدامها للعمل مع IndexedDB ؛
- كيفية ربط العمال الذين يعملون مع قاعدة البيانات ، والتطبيق نفسه.
تستند القصة إلى تجربة حقيقية ولا يمكن الاستغناء عن وصف المزالق.
الأداء
جمع القمامة ()
لقد اعتدنا على حقيقة أن المتصفح لا يعمل فقط على جافا سكريبت ، بل ينظف أيضًا القمامة المتبقية خلفه. يرى مطور Yandex.Mart API Andrei Roenko أنه من المهم فهم هذه العملية ويقترح
العثور على إجابات للأسئلة معًا:
- من أين تأتي القمامة وماذا تفعل لجعلها أصغر؟
- من ومتى يجمع القمامة؟
- ما الأدوات المتوفرة لتحليل استهلاك الذاكرة وتتبع سلة المهملات؟
- كيف تحاول المتصفحات تحسين أداء الذاكرة؟
سيساعدك التحليل التفصيلي على فهم كيفية تأثير جمع البيانات المهملة على أداء تطبيقاتنا.
Lifehacks لمطوري الواجهة الأمامية
يعمل Alexei Zolotykh على تطوير الواجهة الأمامية لمدة 10 سنوات وقد راكم الكثير من الاختراقات في الحياة: طرق
للقيام بشيء بسرعة وسهولة مما يبدو للوهلة الأولى. في تقريره عن Frontend Conf Alexei يعدك
بمشاركة هذه الاختراقات الحياتية ، على سبيل المثال ، نتعلم كيفية إظهار نتيجة عمله من جهاز كمبيوتر محلي أو إنشاء موقع ويب في ليلة واحدة. انظر أيضًا إلى
قرصنة الحياة في وحدة التحكم وأكثر من ذلك بكثير.
خدمة سريعة بدون التقديم من جانب الخادم
Ultimate Guitar هي خدمة تتم زيارتها 65 مليون مرة في الشهر ، ولكنها تتم بدون تقديم جانب الخادم. سيشرح أندريه ياكوبتشوك سبب اختيار هذا المسار. والمزيد عن التقرير
هنا .
قم بتخزينه
التخزين المؤقت للمتصفح هو آلية مرنة إلى حد ما. هل تستخدم كل إمكاناتها؟
يعد Vsevolod Shmyrov (Yandex.Maps)
بإجراء تحليل خطوة بخطوة لجميع مستويات التخزين المؤقت المتاحة عند محاولة تنزيل أي مادة بواسطة المتصفح. سواء من جانب العميل أو من جانب الخادم.
التصميم
يتضمن هذا القسم تقارير أقل ارتباطًا بسياق النافورة. في الأساس ، سيكون لديهم كود أقل ، ولكن اعتبارات هيكلية أكثر ، لا تنتقص من فائدتها.
عملية إنشاء رسوم متحركة معقدة على الويب: من الفكرة إلى المشروع النهائي
لا يمكن إنشاء مشروع مذهل بدون رسوم متحركة مذهلة. على أي حال ،
تعتقد كل من
ناتاليا غابيتوفا ويغور سافينتسيف من Rambler & Co ذلك
وتعهدان بمشاركة تجربتهما في ذلك:
- كيفية تجميع فريق من المطورين ومصممي الحركة ؛
- كيفية توزيع الأدوار والتحكم في النتيجة ؛
- ما هي الأدوات التي يجب إتقانها ، وما يجب فهمه ؛
- كيفية دمج الرسوم المتحركة من مصادر مختلفة في الموقع.
دعونا نرى كيف يعمل في Rambler & Co وما هي التقنيات التي يمكن استخدامها للحفاظ على النظام ، وتجنب تسرب الذاكرة ، ومزامنة الرسوم المتحركة المختلفة.
تجربة المطور وواجهات برمجة التطبيقات كمنتج
ما التفاصيل التي يجب الانتباه إليها عند إنشاء (أو اختيار) منتج API لتوفير (أو الحصول) على أفضل تجربة مطور؟ تتعامل
Anastasia Goryacheva في Intento مع العشرات من واجهات برمجة تطبيقات AI ، وبناءً على مثالهم ، تقدم
تحليل 8 خصائص API مثل: الموثوقية ، وسهولة البدء ، وسهولة الصيانة ، وشيء آخر. سنرى أي من عمالقة الصناعة يخلق صداعًا أكثر مما يوفر وظائف. يمكن أن تكون هذه الأفكار نفسها مفيدة عند اختيار خدمة الدفع لموقع. أو بناء التواصل بين فرق تطوير الواجهة الأمامية والخلفية لإنشاء خدمة واحدة.
نهج PDD لتخطيط مشروع تكنولوجيا المعلومات
ستثبت كسينيا كونوفالوفا من Digital Security أن
كل مطور يجب أن يكون قادرًا على إنشاء نماذج أولية . XD (لا ، هذا ليس رمزًا) من Adobe سيساعد على البدء بشكل تفاعلي. نتعلم كيفية استخدام النموذج الأولي: لصياغة متطلبات المنتج ؛ هندسة تصميم المنتج
اختبار الفرضيات بدون كود . وبعد التقرير يمكننا أن نستمتع باللعب بلغة مشتركة مع عملائنا المحبوبين ،
وتوفير ميزانية المشروع وتقليل وقت التطوير. على أي حال ، يعدنا Xenia بذلك. حتى من أجل إحدى هذه النقاط ، من الجدير محاولة الخوض في النماذج الأولية.
JSON API - نحن نعمل وفقًا للمواصفات
سوف يساعدك
أليكسي أفديف من Neuron.Digital على فهم مواصفات JSON API. هذا
التقرير مليء بالتفاصيل الفنية ، ولكنه يقع أيضًا في هذا القسم "التصميم" ، لأنه لا يرتبط حصريًا بالواجهة الأمامية.
سيخبرك Alexey بموضوع واجهة برمجة تطبيقات JSON ، وكيف
يكمل هذا النهج
RESTful وكيف
يختلف عن GraphQL . كما هو الحال دائمًا ، سنحلل الإيجابيات والسلبيات والمزالق.
الأطر
بالطبع ، لا يمكنك الاستغناء عن موضوع الأطر الشائعة والأطر الجديدة في Frontend Conf. حاولنا ألا نبتعد عنهم واخترنا فقط بعض التقارير العملية.
رد فعل أو Vue أو Aurelia: كيف اخترنا الإطار
يمكن أن يكون هناك العديد من المعايير لاختيار إطار عمل ، وفي كل مهمة جديدة عليك إعادة النظر في الإيجابيات والسلبيات.
الكسندر تاران (Acumatica) سيعرض شروطه ورأيه. على سبيل المثال ، سيخبرنا:
- كيفية تقييم "تكلفة الخطأ" في الاختيار ؛
- أي نماذج أولية لاختبار الفرضيات لتطبيقها ،
- كيف تؤثر الضجيج ومهام العمل ؛
- ملخص النتائج وصنع القرار.
سيكون مثيرا للاهتمام أيضا لأنه في النهاية أصبح الإسكندر
Aurelia Core Maintainer .
StoreWars (ngxs ، redux ، vuex)
وسيستمر موضوع الإطار في
تقرير كيريل يوسوبوف ومكسيم إيفانوف (سينيمكس). في الجزء الرئيسي سنقوم بتحليل
إدارة الدولة ، والنظر في الأمثلة في المشاريع الصغيرة والكبيرة لجميع الشركات الثلاث - ngxs ، redux ، vuex. وخلاصة القول ، يعد المتحدثون بشرح سبب استخدام ngxs ، وليس استخدام ngrx ، ولماذا لا يكون
اختيار الإطار بنفس أهمية اختيار المتجر.
الأطر المختفية
يقترح
Pavel Malyshev من Mustlab البدء بالأساسيات أولاً ، وفهم سبب استخدامنا بالفعل لأطر العمل ، ولماذا
لا تكون الأطر الكلاسيكية مناسبة لجميع المشاريع . في الحديث ، سنتحدث عن الاتجاه الجديد لـ "اختفاء الإطارات" باستخدام SvelteJS كمثال ، ونحاول أن نفهم لماذا لم يكن هذا بعد إطار عمل جافا سكريبت آخر.
الاستنتاج واضح ، لا توجد رصاصة فضية ، لكن هذه العبارات ستساعدك على اتخاذ قرار معقول في كل حالة. في بعض الأحيان قد يتبين أنه حل ذاتي ...
من الأفضل أن تخسر يومًا
تقرير أليكسي أوخريمينكو من IPONWEB لم يدخل أي من الأقسام ، فهو بمفرده. في 5 أكتوبر ، في الصباح ، سنكتشف ما إذا كان الأمر يستحق تطوير
أدواتنا الخاصة ، وما إذا كانت ستنجح من خلال قضاء الكثير من الوقت ، في نهاية المطاف ، حفظها. سيشارك أليكسي خبرته في كتابة أدوات
تصحيح الأخطاء والاختبار والتحسين والسقالات والتحقق من الصحة لمشاريع مختلفة. سيخبرك بالمزايا التي يمكن أن تجلبها الأدوات الحالية ، وما إذا كان الأمر يستحق تضييع الوقت عليها.
بالطبع ، هذا أبعد ما يكون عن الكل. ولكن حتى هذا يجب أن يكون كافيًا لإقناع أي شخص بأن
Frontend Conf Moscow 2018 سيكون أكبر وأروع مؤتمر أمامي في روسيا. تعال وانغمس في جو احترافي لمدة يومين ، وشارك في تقارير مثيرة للاهتمام ، وتعرف على أشياء مفيدة جديدة ، وتحدث مع محترفين آخرين. نعم ، في النهاية ، مجرد قضاء وقت ممتع.
اسرع للتسجيل إذا شعرت (أو دفعك الاختبار ) إلى الحاجة إلى النمو المهني - لم يتبق سوى أسبوع واحد!