फ्रंटेंड कॉन्फ - उपयोगकर्ता की देखभाल

मैं यह तर्क नहीं दूंगा कि फ्रंट-एंड बैक-एंड से अधिक महत्वपूर्ण है, या विवादास्पद अवधारणा का समर्थन करता है कि "आधुनिक वेब पर बैक-एंड वैकल्पिक है।" हम होलीवर्स को एक तरफ छोड़ देते हैं, हम बस स्वीकार करते हैं कि फ्रंट-एंड डेवलपर वेब प्रोजेक्ट्स के क्लाइंट साइड में लगे हुए हैं, जिसका मतलब है कि उनका काम उन अंतिम उपयोगकर्ताओं के लिए सबसे अधिक दिखाई देता है जिनके लिए संघर्ष है। यही है, सामने के छोर पर पर्याप्त ध्यान नहीं देना बस दुर्गम विलासिता है।

हमने इस पर फैसला किया, यह केवल यह पता लगाने के लिए बनी हुई है, और अब सब कुछ कैसे शांत करना है। इंटरनेट इस बारे में कहाँ लिख रहा है? - हाँ, हर जगह! और इसलिए, आधुनिक प्रौद्योगिकियों, रूपरेखाओं और पुस्तकालयों की पूरी विविधता से निपटने के लिए, हम एक पेशेवर सम्मेलन फ्रंटेंड कॉन्फ का आयोजन करते हैं। उसके लिए विषयों का चयन करते हुए, हमने प्रचार पर नहीं, बल्कि रिपोर्टों की उपयोगिता पर ध्यान केंद्रित किया। एक सम्मेलन में आने के बाद, कोई भी पेशेवर फ्रंट-एंड विक्रेता यह सुनिश्चित कर सकता है कि वह अपने स्तर के ज्ञान के अनुरूप कई उपयोगी रिपोर्ट खुद ही खोज लेगा। मैं आपको बताऊंगा कि वास्तव में कौन सी रिपोर्ट कट के तहत कार्यक्रम में प्रवेश करती है।

इनपुट डेटा

सम्मेलन फ्रंटेंड कॉन्फ मॉस्को 2018 4 और 5 अक्टूबर को आयोजित किया जाएगा। दो दिनों के लिए हम पूरी तरह से प्रौद्योगिकियों और ग्राहक पक्ष को विकसित करने के लिए दृष्टिकोण पर चर्चा करेंगे, हम इस तरह के मुद्दों पर ध्यान देंगे: उत्पादकता में सुधार और गुणवत्ता का आकलन, एक रूपरेखा, इंटरफ़ेस डिजाइन प्रक्रिया, एपीआई, लेआउट के साथ काम करना।

दो दिनों में तीन कमरों में तीन धाराओं में 40 रिपोर्ट , विभिन्न क्षेत्रों में मास्टर कक्षाएं और बैठकें प्रस्तुत की जाएंगी: एपीआई, लेआउट और यूएक्स, प्रदर्शन, रूपरेखा, परीक्षण और अन्य।

कार्यक्रम को संकलित करते समय, हमने उन लोगों को चुना जो विशेषज्ञों के व्यापक संभव सर्कल के काम में उपयोगी होंगे। लेकिन वे और भी अधिक विशिष्ट प्रश्नों को पीछे नहीं छोड़ते थे, गामा हॉल में ऐसे उपकरणों के बारे में रिपोर्ट दी जाएगी जो सभी के लिए आवश्यक नहीं हो सकते हैं, लेकिन निश्चित रूप से कुछ के लिए सबसे अधिक मांग है। अपेक्षाकृत संकीर्ण दायरे में, इन मुद्दों पर चर्चा करना और भी अधिक सुविधाजनक होगा; हर चीज से पूरी तरह से निपटने और समान विचारधारा वाले लोगों को खोजने का अवसर होगा। एक तरह से या किसी अन्य, लगभग सभी वक्ता अपने स्वयं के अनुभव पर आधारित होते हैं और विशिष्ट समाधान पेश करते हैं जो उन्होंने सुना - और कार्यान्वित करते हैं । जब तक बहुत कम जगह केवल जानकारीपूर्ण प्रस्तुतियों के लिए नहीं छोड़ी जाती है, जैसे कि ब्राउज़र में क्रिप्टोक्यूरेंसी खनन के बारे में ।

पूर्ण अनुसूची एक इंटरैक्टिव रूप में साइट पर है, और विषयों के प्रतीकों के साथ पीडीएफ में - यह व्यवस्था की जाती है ताकि यदि आप किसी विशिष्ट विषय के साथ आए, तो आप उस पर सभी रिपोर्ट प्राप्त कर सकें। अब आइए विषयों को देखें।

पहला दिन, गुरुवार का चौथा दिन, अंग्रेजी में चार प्रस्तुतियों के साथ शुरू होगा - वार्म-अप के लिए।

रचनात्मक सीएसएस के साथ आदर्श को तोड़ना

आगा नाप्लोचा एडोब में काम करता है और शैक्षिक परियोजना द एवेंजोम्स भी विकसित कर रहा है। अपनी बात में, आगा हमारे साथ नई सीएसएस विशेषताओं को साझा करना चाहता है जो आपको वास्तव में आश्चर्यजनक चीजें बनाने की अनुमति देता है। वेब ग्राफिक्स और सीएसएस के उज्ज्वल भविष्य के कोने के आसपास ही है - हम अंततः अपने बोल्ड विचारों को जल्दी से सक्षम कर पाएंगे और ब्राउज़र में वेबसाइट डिजाइन सही से बना पाएंगे। अहा ने एक तरफ खड़े होने और रचनात्मकता की नई भावना के साथ रिचार्ज नहीं करने का आह्वान किया।

अभिगम्यता बनाम नवीनतम वेब एपीआई। क्या हम अभी नहीं मिल सकते हैं?

माइनरियो पाल्मा सिनेरश्रैडर में डिजाइनरों और डेवलपर्स की टीमों के बीच एक प्रकार की प्रॉक्सी के रूप में कार्य करता है और मानता है कि अधिकांश भाग के लिए, डेवलपर्स इंटरफ़ेस की पहुंच की समस्या का इलाज करते हैं क्योंकि इसे अंतिम माना जाना चाहिए।

अपनी रिपोर्ट में, मॉरीज़ियो, नवीनतम वेब एपीआई का उपयोग करते हुए, प्रभावी भाषण मान्यता और संश्लेषण तकनीकों को दिखाने और उनकी मदद से सुविधाजनक और सुलभ उपयोगकर्ता इंटरफेस बनाने का वादा करता है।

मैंने अपना माउस फेंक दिया

लौरा कार्वाजाल के काम से प्रेरित होकर, मैनुअल मातुज़ोविक ने एक प्रयोग करने का फैसला किया और दो सप्ताह तक माउस का उपयोग नहीं किया। अपनी रिपोर्ट में, मैनुअल उन साइटों के सफल और असफल उदाहरण दिखाएगा जो उन्हें मिले थे। उनके आधार पर, हम सबसे आम समस्याओं पर चर्चा करेंगे, और उन्हें हल करने के तरीकों के बारे में बात करेंगे। आइए जानें कि यह क्यों महत्वपूर्ण है कि आपकी साइट कीबोर्ड से उपयोग करना संभव है और सुविधाजनक है, और यह वास्तव में किसके लिए फायदेमंद है ।

एम्पेटेटिक डिज़ाइन सिस्टम

फ्रंटेंड कॉन्फ में, जेनिफर वोंग (एनवॉय) ने अपने अनुभव के आधार पर बताया कि कैसे स्क्रैच से एक डिज़ाइन सिस्टम विकसित किया जाए, एक्सेसिबिलिटी के बारे में न भूलें और उपयोगकर्ताओं और डेवलपर्स की आवश्यकताओं को ध्यान में रखें। जेनिफर ने एक वीडियो भी बनाया जिसमें वह अपनी रिपोर्ट के लिए आमंत्रित करती हैं।

उसके बाद, बीटा और गामा हॉल में लंच ब्रेक होगा, और अल्फा हॉल में एक बहुत ही दिलचस्प रिपोर्ट शुरू होगी।

हम लगातार स्टोरेज का उपयोग करके एक पूर्ण ऑफ़लाइन पहला आवेदन कैसे विकसित करते हैं

वेब विकास और ऑफ़लाइन प्रथम अनुप्रयोग अब अवास्तविक नहीं लगते हैं। देशी अनुप्रयोगों का क्या लाभ था, वेब अनुप्रयोगों में भी लागू किया जाता है।

टिमोथी लाव्रेन्युक (KeepSolid) बताने की योजना:

• दस्तावेजों के साथ काम करने के लिए एक मूल आवेदन को कैसे पोर्ट किया जाए, इसके मुख्य लाभों में से एक को संरक्षित करना - ऑफ़लाइन में काम करना;
• IndexedDB के साथ काम करने के लिए किन पुस्तकालयों का उपयोग करना है;
• डेटाबेस के साथ काम करने वाले वर्कर्स, और एप्लिकेशन को खुद से कैसे कनेक्ट करें।

कहानी वास्तविक अनुभव पर आधारित है और नुकसान के विवरण के बिना नहीं कर सकती।

उत्पादकता

कचरा। रंग ()

हम इस तथ्य के लिए उपयोग किए जाते हैं कि ब्राउज़र न केवल हमारे जावास्क्रिप्ट को चलाता है, बल्कि इसके पीछे के शेष कचरे को भी साफ करता है। Yandex.Mart एपीआई डेवलपर आंद्रेई रोन्को इस प्रक्रिया को समझने के लिए महत्वपूर्ण मानते हैं और एक साथ सवालों के जवाब खोजने का सुझाव देते हैं:

• कचरा कहां से आता है और इसे छोटा करने के लिए क्या करना है?
• कौन और कब कचरा इकट्ठा करता है?
• मेमोरी खपत और ट्रैश ट्रेसिंग का विश्लेषण करने के लिए कौन से उपकरण हैं?
• ब्राउज़र स्मृति प्रदर्शन को अनुकूलित करने का प्रयास कैसे करते हैं?

एक विस्तृत विश्लेषण आपको यह समझने में मदद करेगा कि कचरा संग्रह हमारे अनुप्रयोगों के प्रदर्शन को कैसे प्रभावित करता है।

फ्रंट-एंड डेवलपर्स के लिए लाइफहाक्स

अलेक्सी ज़ोलोटीख 10 वर्षों से सीमांत का विकास कर रहा है और इसने बहुत सारे जीवन हैक जमा कर लिए हैं : पहली नज़र में लगता है कि इससे जल्दी और आसानी से कुछ करने के तरीके। फ़्रंटेंड कॉन्फ एलेक्सी की अपनी रिपोर्ट में इन जीवन हैक को साझा करने का वादा किया गया है, उदाहरण के लिए, हम सीखते हैं कि एक स्थानीय कंप्यूटर से अपने काम का परिणाम कैसे दिखाया जाए या एक शाम को वेबसाइट बनाई जाए। कंसोल में जीवन हैक को भी देखें और भी बहुत कुछ।

सर्वर साइड रेंडरिंग के बिना फास्ट सेवा

अल्टीमेट गिटार एक ऐसी सेवा है जो महीने में 65 मिलियन बार देखी जाती है, लेकिन जो बिना सर्वर साइड रेंडरिंग के होती है। एंड्री याकोबचुक बताएंगे कि ऐसा रास्ता क्यों चुना गया। और यहां रिपोर्ट के बारे में अधिक।

इसे कैश करें

ब्राउज़र कैशिंग एक काफी लचीला तंत्र है। क्या आप इसकी सभी क्षमता का उपयोग करते हैं? Vsevolod Shmyrov (Yandex.Maps) ब्राउज़र द्वारा किसी भी सामग्री को डाउनलोड करने का प्रयास करते समय सभी उपलब्ध कैशिंग स्तरों का चरण-दर-चरण विश्लेषण करने का वादा करता है। क्लाइंट साइड पर और सर्वर साइड पर दोनों।

डिज़ाइन

इस खंड में ऐसी रिपोर्टें शामिल हैं जो फव्वारे के संदर्भ में कम बंधी हैं। मूल रूप से, उनके पास कम कोड होगा, लेकिन अधिक संरचनात्मक विचार होंगे, जो उनकी उपयोगिता से अलग नहीं होते हैं।

वेब पर जटिल एनिमेशन बनाने की प्रक्रिया: विचार से तैयार परियोजना तक

शानदार एनिमेशन के बिना एक शानदार प्रोजेक्ट नहीं बनाया जा सकता है। किसी भी मामले में, रामबलर एंड कंपनी के नतालिया गैबितोवा और येगोर सविंटसेव दोनों ऐसा सोचते हैं और अपने अनुभव को साझा करने का वादा करते हैं:

• डेवलपर्स और मोशन डिजाइनरों की एक टीम को कैसे इकट्ठा किया जाए;
• भूमिकाएँ कैसे वितरित करें और परिणाम को कैसे नियंत्रित करें;
• क्या साधना है, क्या समझना है;
• साइट में विभिन्न स्रोतों से एनिमेशन कैसे एकीकृत करें।

आइए देखें कि यह रेम्बलर और सह में कैसे काम करता है और ऑर्डर को बनाए रखने, मेमोरी लीक से बचने, विभिन्न एनिमेशन को सिंक्रनाइज़ करने के लिए किन तकनीकों का उपयोग किया जा सकता है।

एक उत्पाद के रूप में डेवलपर का अनुभव और एपीआई

सर्वश्रेष्ठ डेवलपर अनुभव प्रदान करने (या पाने) के लिए एपीआई उत्पाद बनाते समय (या चुनते समय) आपको किन विवरणों पर ध्यान देना चाहिए? इंटेंसो में अनास्तासिया गोरियाचेवा दर्जनों एआई एपीआई से संबंधित है और उनके उदाहरण के आधार पर, 8 एपीआई विशेषताओं को पार्स करने की पेशकश करता है जैसे: विश्वसनीयता, शुरुआत में आसानी, रखरखाव में आसानी और कुछ और। हम देखेंगे कि कौन से उद्योग के दिग्गज कार्यक्षमता प्रदान करने की तुलना में अधिक सिरदर्द पैदा करते हैं। किसी साइट के लिए भुगतान सेवा चुनते समय ये समान विचार काम में आ सकते हैं। या बैकएंड और फ्रंट-एंड डेवलपमेंट टीमों के बीच संचार बनाने से एक सेवा का निर्माण होता है।

आईटी परियोजना की योजना के लिए पीडीडी दृष्टिकोण

डिजिटल सिक्योरिटी से केसिया कोनोवलोवा साबित करने जा रही हैं कि हर डेवलपर को प्रोटोटाइप बनाने में सक्षम होना चाहिए । एक्सडी (नहीं, यह एक इमोटिकॉन नहीं है) एडोब से प्रतिक्रियात्मक रूप से शुरू करने में मदद करेगा। हम प्रोटोटाइप का उपयोग करना सीखते हैं: उत्पाद आवश्यकताओं को तैयार करने के लिए; डिजाइन उत्पाद वास्तुकला कोड के बिना परीक्षण परिकल्पना । और रिपोर्ट के बाद हम अपने प्रिय ग्राहक के साथ एक सामान्य भाषा पा सकते हैं, परियोजना के बजट को बचा सकते हैं और विकास के समय को कम कर सकते हैं। किसी भी मामले में, ज़ेनिया हमें यह वादा करता है। यहां तक ​​कि इन बिंदुओं में से एक के लिए यह प्रोटोटाइप में तल्लीन करने के लायक है।

JSON API - हम विनिर्देश के अनुसार काम करते हैं

Neuron.Digital से अलेक्सी एविडेव आपको JSON एपीआई विनिर्देश को समझने में मदद करेगा। यह रिपोर्ट बहुत तकनीकी विवरणों से भरी है, लेकिन इस खंड "डिजाइन" में भी गिर गई है, क्योंकि यह विशेष रूप से फ्रंट-एंड से बंधा नहीं है। अलेक्सी आपको बताएगा कि JSON API किस बारे में है, यह दृष्टिकोण Restful को कैसे पूरक करता है और यह ग्राफक्यूएल से कैसे भिन्न होता है । हमेशा की तरह, हम पेशेवरों, विपक्ष और नुकसान का विश्लेषण करेंगे।

चौखटे

बेशक, आप ट्रेंड और नई रूपरेखाओं के विषय के बिना नहीं कर सकते हैं। हमने उनके साथ बहुत दूर नहीं जाने की कोशिश की और केवल कुछ सबसे अधिक व्यावहारिक रिपोर्टों का चयन किया।

रिएक्ट, वीयू या ऑरेलिया: हमने फ्रेमवर्क को कैसे चुना

एक फ्रेमवर्क चुनने के लिए कई मानदंड हो सकते हैं, और प्रत्येक नए कार्य में आपको पेशेवरों और विपक्षों को फिर से तौलना होगा। अलेक्जेंडर तरन (एक्यूमैटिक) अपनी शर्तों और अपनी राय पेश करेंगे। उदाहरण के लिए, यह बताएगा:

• पसंद में "त्रुटि की लागत" का मूल्यांकन कैसे करें;
• जो लागू करने के लिए परिकल्पना का परीक्षण करने के लिए प्रोटोटाइप,
• प्रचार और व्यावसायिक कार्य कैसे प्रभावित करते हैं;
• सारांश परिणाम और निर्णय लेने।

यह दिलचस्प भी होगा क्योंकि अंत में अलेक्जेंडर ऑरेलिया कोर मेंटेनर बन गया।

स्टोरवर्क्स (एनएक्सएक्स, रेडक्स, वीयूएक्स)

रूपरेखा के विषय को जारी रखना किरिल युसुपोव और मैक्सिम इवानोव (सिनीमेक्स) की एक रिपोर्ट होगी। मुख्य भाग में हम राज्य प्रबंधन का विश्लेषण करेंगे, तीनों - एनजीएक्स, रिडक्स, वीयूएक्स के लिए छोटी और बड़ी परियोजनाओं में उदाहरणों पर विचार करें। और निष्कर्ष के रूप में, वक्ताओं ने यह समझाने का वादा किया कि एनएक्सएक्स का उपयोग क्यों किया जाना चाहिए, न कि एनएक्सएक्स और क्यों फ्रेमवर्क की पसंद स्टोर की पसंद के रूप में महत्वपूर्ण नहीं है ।

गायब होने की रूपरेखा

मुस्तलाब की पावेल मालिषेव ने मूल बातों के साथ शुरू करने और यह पता लगाने की शुरुआत की कि हम वास्तव में फ्रेमवर्क का उपयोग क्यों करते हैं और क्लासिक फ्रेमवर्क सभी परियोजनाओं के लिए उपयुक्त क्यों नहीं हैं । चर्चा में, हम एक उदाहरण के रूप में SvelteJS का उपयोग करते हुए "गायब ढांचे" के नए चलन के बारे में बात करेंगे, और यह समझने की कोशिश करेंगे कि यह अभी तक एक और जावास्क्रिप्ट फ्रेमवर्क क्यों नहीं है।



निष्कर्ष स्पष्ट है, एक चांदी की गोली मौजूद नहीं है, लेकिन ये कथन आपको प्रत्येक मामले में उचित निर्णय लेने में मदद करेंगे। कभी-कभी यह एक स्व-निर्मित समाधान भी हो सकता है ...

एक दिन खोने के लिए बेहतर है

IPONWEB से एलेक्सी ओखारिमेंको की रिपोर्ट किसी भी अनुभाग में प्रवेश नहीं करती है, यह अपने दम पर है। 5 अक्टूबर को, ठीक सुबह, हम यह पता लगाएंगे कि क्या यह हमारे स्वयं के उपकरण विकसित करने के लायक है, और क्या यह बहुत समय खर्च करके काम करेगा, अंततः, इसे बचाएं। एलेक्सी डिबगिंग, परीक्षण, अनुकूलन , मचान और विभिन्न परियोजनाओं के लिए सत्यापन के लिए उपकरण लिखने में अपने अनुभव को साझा करेंगे। वह आपको बताएगा कि मौजूदा उपकरण क्या लाभ ला सकते हैं, और क्या उस पर समय बर्बाद करने लायक है।

बेशक, यह सभी से दूर है। लेकिन यहां तक ​​कि यह किसी को भी समझाने के लिए पर्याप्त होना चाहिए कि फ्रंटेंड कॉन्फ मॉस्को 2018 रूस में सबसे बड़ा और सबसे शांत फ्रंट-एंड सम्मेलन होगा। दो दिनों के लिए एक पेशेवर माहौल में खुद को विसर्जित करने के लिए आओ, दिलचस्प रिपोर्टों में शामिल हों, नई उपयोगी चीजों के बारे में जानें और अन्य पेशेवरों के साथ चैट करें। हां, अंत में, बस एक अच्छा समय है।

यदि आपको लगता है कि रजिस्टर करने के लिए जल्दी करो (या परीक्षण ने आपको प्रेरित किया) पेशेवर विकास की आवश्यकता है - केवल एक सप्ताह बाकी है!