El Devus पर C DevTools: HolyJS 2018 पाइटर की विशद रिपोर्ट

सेंट पीटर्सबर्ग होल्जेएस के बाद हमारी सांस पकड़ने के बाद, हमने सभी दर्शकों की समीक्षा पढ़ी - और पता लगाया कि दर्शकों को किस तरह की रिपोर्ट सबसे ज्यादा पसंद आई। और इस तथ्य के कारण कि सम्मेलन के दौरान पहले हॉल का एक YouTube प्रसारण था, इनमें से कुछ "पसंदीदा" पहले से ही सभी के लिए उपलब्ध हैं।

इसलिए, हमने आपको पिछले सम्मेलन के बारे में इस तरह से बताने का फैसला किया: कई रिपोर्टों का वर्णन करने के लिए जिन्हें दर्शकों ने पसंद किया (उनमें से उद्धरणों का उदाहरण देते हुए), और उन मामलों में जहां रिपोर्ट सार्वजनिक प्रसारण में मिली, तुरंत एक टाइमपास के साथ एक लिंक दें। आप घटना की एक सामान्य छाप प्राप्त कर सकते हैं, और व्यक्तिगत रूप से वहां कहानी में शामिल हो सकते हैं।

रिपोर्टों के अलावा

लेकिन पहले, पवित्र शब्द के दूसरे यादगार पलों के बारे में कुछ शब्द:



सबसे पहले, प्रस्तुतियों के अलावा, इस बार "बर्ड्स ऑफ़ ए फेदर" प्रारूप की तीन चर्चाएँ थीं: कई वक्ता चारों ओर बैठ गए, हर कोई इकट्ठा हो गया और एक जलते हुए विषय की अनौपचारिक चर्चा (कैमरे और माइक्रोफोन के बिना) शुरू हुई। कुल मिलाकर, “एनओडी.जेएस इन एंटरप्राइज”, “क्लाइंट-साइड ऑप्टिमाइज़ेशन” और “व्हाट्स, जेएस के अलावा, एक सभ्य डेवलपर को जानना चाहिए” विषयों के साथ तीन BoF सत्र थे।

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

तस्वीरें प्रक्रिया को व्यक्त नहीं करती हैं, इसलिए मैंने फोन पर एक छोटा वीडियो शूट करने की कोशिश की, जब वीके डेवलपर टिमोफे चैप्टकोव लैपटॉप के पीछे थे। यह रिकॉर्ड बहुत ही शौकिया निकला, लेकिन कम से कम कुछ विचार देता है:



और अब रिपोर्ट के लिए:

विटाली फ्रिडमैन

स्मैशिंग मैगज़ीन के संस्थापक सम्मेलन की एक पूर्ण जीत बन गए: दो विषयों के साथ बोलते हुए, वह दर्शकों की रेटिंग के अनुसार रैंकिंग में पहला और दूसरा स्थान लेने में कामयाब रहे।

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

“मुझे वास्तव में आश्चर्य हुआ कि मैं Guess.js था। उसके बारे में किसने सुना? एक दिलचस्प विशेषता। हम वेबपैक का उपयोग करते हैं, हम बंडलिंग करते हैं, हमारे पास चांस हैं। लेकिन क्या होगा अगर हम अनुमान लगाने वाले विश्लेषण और मशीन सीखने का उपयोग करते हैं ताकि यह अनुमान लगाया जा सके कि अगले उपयोगकर्ता इंटरैक्शन में क्या आवश्यकता होगी? उपयोगकर्ता साइट पर जाता है, हम Google Analytics के साथ भविष्यवाणी कर सकते हैं कि वह कहाँ क्लिक करेगा या वह क्या करेगा, और हम उस चंक को पहले से लोड कर सकते हैं जिसका उपयोग होने की सबसे अधिक संभावना है। "

वैसे, Guess.js के निर्माता कई से परिचित हैं: यह मिंको गेचेव है , जिसने पिछले होलीजेएस पर कोणीय अनुप्रयोगों के त्वरण के बारे में बात की थी।



विटाली का शुरुआती प्रदर्शन प्रसारण में है। और उनकी दूसरी रिपोर्ट में क्या था, "ईकामर्स के अंधेरे कोनों से छोटी छोटी चालें", जो अभी तक YouTube पर दिखाई नहीं दी हैं? ऑनलाइन स्टोर पर काम करते समय हम रूपांतरणों को कैसे सुविधाजनक बना सकते हैं और बिक्री बढ़ा सकते हैं, इसके बारे में विचार। उदाहरण के लिए, जैसे:

"मैंने एक जर्मन ऑटोमेकर के साथ काम किया है, और हमने इस बात पर चर्चा की है कि साइट पर कार कॉन्फ़िगरेशनकर्ता को उत्तरदायी होना चाहिए या नहीं। हमारे डेटा को देखते हुए, किसी ने फोन से कार नहीं खरीदी। फिर उत्तरदायी क्यों? लेकिन ऐसा सोचना बहुत बड़ी गलती है। क्योंकि अगर कोई व्यक्ति एक महंगी कार खरीदना चाहता है, तो उसे खुद को यह समझाने के लिए समय चाहिए कि यह एक अच्छी खरीद है। विचार के साथ खेलने की जरूरत है। और हमारे पास इसके लिए समय कहां है? एक बहुत महत्वपूर्ण बिंदु शौचालय में है। और वे लैपटॉप नहीं बल्कि शौचालय में स्मार्टफोन ले जाते हैं। ”

निकोले मतविनेको - थ्रूपुट को बढ़ाने के लिए नोड थ्रेड में मुख्य धागा अपघटन

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

“सर्वर-साइड रेंडरिंग एक विशिष्ट सीपीयू ऑपरेशन है जो 100, 200 और 500 मिलीसेकंड ले सकता है। Node.js पर रेंडर करना बहुत सुविधाजनक है, लेकिन आपको सुविधा के लिए भुगतान करना होगा - रेंडरिंग इवेंट लूप को ब्लॉक करता है। लेकिन इसका एक समाधान है: स्ट्रीमिंग रेंडरिंग का उपयोग करें, इस ऑपरेशन को छोटे भागों में तोड़ें, इसे टुकड़ों में रेंडर करें, और उन्हें प्रतिक्रिया में स्ट्रीम करें। "

प्रसारण में एक रिपोर्ट है - इसलिए आप व्यक्तिगत रूप से सभी तकनीकी विवरणों का पता लगा सकते हैं और स्लाइड्स की प्रशंसा कर सकते हैं, जिसके लिए समीक्षाओं में से कई अलग से प्रशंसा करते हैं।

किरिल चर्कैशिन - सार जावास्क्रिप्ट सिंटैक्स पेड़ों के साथ काम करना

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

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

इमाद एलिफी - मोबाइल वेब को वापस जीवन में लाना

पिछले HolyJS के आगंतुक पिनाटेस्ट प्रोफाइल को रिएक्ट में बदलने के बारे में इमाद की बात को याद कर सकते हैं, जहां उन्होंने क्रमिक प्रवासन के लाभों का हवाला दिया। और यहां, इसके विपरीत, उन्होंने बताया कि कैसे Pinterest पर मोबाइल वेब पूरी तरह से और पूरी तरह से फिर से तैयार किया गया था। इसकी आवश्यकता क्यों है?

“तीन साल पहले, हमने अपने मोबाइल वेब की स्थिति को देखा और महसूस किया कि उपयोगकर्ता इसे पसंद नहीं करते हैं। लेकिन हमें पता था कि हमारे मूल अनुप्रयोगों में सगाई की दर 80% अधिक थी। तब हमने लोगों को एप्लिकेशन का उपयोग करने के लिए धक्का देने का एक कठिन निर्णय लिया (मोबाइल साइट पर जाकर, आपने एप्लिकेशन को खोलने / स्थापित करने का प्रस्ताव देखा)। और हमारी टीम को आकार दिया, तो यह उचित था।

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

नतीजतन, Pinterest ने आधुनिक प्रोग्रेसिव वेब ऐप बनाया - और होलीजस एक ऐसा अनैतिक मामला निकला जब वे PWA के बारे में सैद्धांतिक रूप से नहीं, बल्कि एक बड़ी कंपनी द्वारा व्यावहारिक उपयोग के आधार पर बात करते हैं। यह रिपोर्ट प्रसारित है, इसलिए आप व्यक्तिगत रूप से किसी और के अनुभव के सभी विवरणों का पता लगा सकते हैं।

एलेक्सी कोज़ीटिन्स्की - जेएस को एक उदाहरण के रूप में क्रोम देवटूल का उपयोग करते हुए डीबग करना

जब कोई टूल Chrome DevTools जितना डिमांड में होता है, तो ऐसा लगता है कि इसके बारे में कुछ भी गूगल करना आसान है। और, शायद, एक सम्मेलन में भाग लेने के बिना एक समान वाक्यांश मिल सकता है:

“प्रोफाइलिंग को इंस्ट्रूमेंटेशन में विभाजित किया गया है (जहां कोड में आप फ़ंक्शन को कॉल करते समय समय कहते हैं) और नमूनाकरण (जहां आप एक निश्चित समय अंतराल पर स्टैक इकट्ठा करते हैं और देखें कि फ़ंक्शन किस समय बिताया गया था)। यह याद रखना महत्वपूर्ण है कि DevTools में सीपीयू प्रोफाइलर नमूना का उपयोग करता है: यह सबसे अधिक संभावना है कि जेएस में अच्छी तरह से काम करता है। V8 को आपके कोड को लगभग मूल में संकलित करना और इसे बहुत जल्दी निष्पादित करना पसंद है। यदि हम समय को दोबारा जांचने के लिए टाइमर सेट करते हैं, तो हम अंतिम तस्वीर को बहुत विकृत कर देंगे। और नमूनाकरण आपको एक प्रोफ़ाइल की गणना करने की अनुमति देता है जो प्रदर्शन को बहुत बारीकी से दिखाएगा। "

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

दिमित्री बेज़ेत्कोव, व्लादिमीर Anufrienko - पोर्टिंग जेएस से एल्ब्रस

यहाँ मैं कुछ अलग पदक "कार्य की विशिष्टता के लिए" सौंपना चाहता हूँ। बहुत सारे लोग कह सकते हैं "हम जेएस में लिखते हैं" - और दुनिया में कितने लोग हैं जो कह सकते हैं कि "हमने जेएस को दूसरे प्रोसेसर आर्किटेक्चर में पोर्ट किया है" और इसके बारे में बताएं? उदाहरण के लिए, जेएस घटना पर आप सुन सकते हैं, उदाहरण के लिए:

“एलब्रस में स्पष्ट रूप से स्पष्टता है, जो कि x86 की अंतर्निहित विशिष्टता के विपरीत है। इसका मतलब है कि अगर हम इस फ़ंक्शन पर विचार करते हैं:

function Foo(a) { if (a === null) { return 0; } return a.bar; } 

फिर, स्पेकुलैसिटी का उपयोग करते हुए, हम बार क्षेत्र के मूल्य को पढ़कर "अवैध" कार्रवाई कर सकते हैं, इससे पहले कि यह पता चले कि "ए" शून्य है।

यह स्पष्ट है कि एल्ब्रस प्रोसेसर की आंतरिक वास्तुकला के बारे में ज्ञान की व्यावहारिक प्रयोज्यता प्रश्न में है। लेकिन रिपोर्ट के आकलन से पता चलता है कि V8 और स्पाइडरमंकी इंजनों के काम के विश्लेषण की गहराई ने कट्टर प्रशंसकों को उदासीन नहीं छोड़ा है। और प्रश्न और उत्तर के प्रतीक्षा वर्गों को पता चला कि एलएलवीएम का उपयोग गतिशील भाषाओं में क्यों नहीं किया जाता है और जब बायटेकोड के लिए एक सार्वभौमिक आभासी मशीन दिखाई दे सकती है।

कीनोट्स: मैक्सिम युज़वा और इलिया क्लिमोव

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

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

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

प्रसारण में पहला प्रदर्शन और दूसरा दोनों उपलब्ध हैं।



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

अंत में - सम्मेलन हॉल से एक विशेष रूप से शानदार तस्वीर: