फ्रंटेंड पीछे हटता है: शीर्ष 10 (?) पवित्रजेएस 2018 पैटर की रिपोर्ट

हाय हब्रु! हम पहले से ही YouTube पर HolyJS 2018 Piter की रिपोर्ट के वीडियो पोस्ट कर चुके हैं, और आपके लिए हमने सम्मेलन में आगंतुकों के अनुसार उनमें से सबसे अच्छा (पारंपरिक रूप से) पारंपरिक चयन किया है।

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

सर्वश्रेष्ठ रिपोर्टों की कट - और वीडियो के तहत, और उनकी प्रस्तुतियों के लिए लिंक, और संक्षिप्त विवरण, और पूर्ण प्लेलिस्ट के लिए एक लिंक।

गति के लिए एक अग्र-छोर व्यवस्थित दृष्टिकोण: ऑनलाइन माप

वक्ता: एंड्री प्रोकोपुक
स्थान: 11
रेटिंग: ४.२±: ०.०।
रिपोर्ट प्रस्तुत करना


आश्चर्य! आज हमारे पास 10 नहीं, बल्कि 11 रिपोर्ट हैं और इसके कई कारण हैं।

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

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

एक सम्मेलन आगंतुकों के रूप में इसे रखा: "इन लोगों द्वारा स्टेरॉयड पर CI!"।

---

मोबाइल वेब को वापस जीवन में लाना

वक्ता: इमाद इलफ़ी
स्थान: 10
रेटिंग: ४.२±: ०.१२
रिपोर्ट प्रस्तुत करना


Pinterest की इमाद रिपोर्ट 11 सप्ताह में (सफलतापूर्वक!), Pinterest जैसी प्रमुख परियोजना के मोबाइल वेब संस्करण को फिर से लिखने के लिए है, जिसमें उपयोगकर्ता व्यस्तता में वृद्धि हुई है। परिणाम - परिणाम लोड गति में हानि के बिना देशी अनुप्रयोगों के करीब है।

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

---

उदाहरण के तौर पर Chrome DevTools का उपयोग करके JS को डीबग करना

वक्ता: एलेक्सी कोज़ीटिन्स्की
स्थान: 9
रेटिंग: ४.२±: ०.०।
रिपोर्ट प्रस्तुत करना


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

और रिपोर्ट में, एलेक्सी इस सवाल का जवाब देते हैं कि सोर्समैप के साथ फाइलों में ब्रेकप्वाइंट पृष्ठ को फिर से लोड करने के बाद ही क्यों काम करता है और नमूना और इंस्ट्रूमेंटेशन को विपरीत करता है, प्रत्येक की ताकत और कमजोरियों को उजागर करता है।

रिपोर्ट छोटी लेकिन विस्तृत है: इसमें बहुत सारे पार्सिंग टूल, बहुत सारे कोड और बग्स को ठीक करने का वादा है :)

---

फ्रंट-एंड स्पीड के लिए एक व्यवस्थित दृष्टिकोण: ऑफ़लाइन माप

वक्ता: एलेक्सी कल्माकोव
स्थान: 8
रेटिंग: ४.२ ९: ०.०।
रिपोर्ट प्रस्तुत करना


Yandex से लोगों से माप के लिए दृष्टिकोण पर रिपोर्ट का दूसरा हिस्सा। अब ऑफ़लाइन मापों के बारे में: पूरी तरह से अलग दृष्टिकोण, और पूरी तरह से अलग जानकारी। यह समझने के लिए कि क्या हो रहा है और यांडेक्स आंतरिक उपकरणों के बाहर ज्ञान कैसे लागू किया जाए, दोनों हिस्सों को देखना सबसे अच्छा है।

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

---

मुख्य: 30: बहुत ज्यादा जावास्क्रिप्ट

वक्ता: इल्या क्लिमोव
स्थान: 7
रेटिंग: 4.30 ± 0.08
रिपोर्ट प्रस्तुत करना


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

यह रिपोर्ट उनके छात्रों द्वारा हर हफ्ते कई बार इल्या द्वारा पूछे गए तीन सवालों का जवाब है:

• कैसे सीखें कि आपको क्या चाहिए, प्रचार नहीं?
• सबसे तेजी से विकास के लिए जानकारी संरचना कैसे करें?
• कहां भागना है?

---

मुख्य: फ़्लिकरिंग टेक्नोलॉजी, या 21 वीं सदी की इंजीनियरिंग

वक्ता: मैक्सिम युज़वा
स्थान: 6
रेटिंग: 4.41 ± 0.07
रिपोर्ट प्रस्तुत करना


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

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

मैक्सिम एक प्रोजेक्ट पर रिफ्लेक्टरिंग सिखाता है, लिंटर को लागू करने के लिए सहकर्मियों को आश्वस्त करता है और इस बात की चिंता करना बंद कर देता है कि क्या लिखना है, कोणीय, प्रतिक्रिया या वीयू।

यह रिपोर्ट इस सवाल का जवाब देगी: "क्या एलोन मस्क लॉन्च कर सकते हैं और एक रॉकेट को लैंड कर सकते हैं अगर वह दुनिया में जावास्क्रिप्ट, रिएक्ट या एंगुलर जानता है?" बिगाड़ने वाला: “हाँ। लेकिन js जानना यहाँ बात नहीं है। ” आखिरकार, आपको सोफ्टस्किल डाउनलोड करने की आवश्यकता है, एक टीम में संवाद करने में सक्षम होना, अपनी बात साबित करना, और बहुत कुछ। आप कोड पूरी तरह से लिख सकते हैं, लेकिन चर्चा किसी ऐसे व्यक्ति से कर सकते हैं, जिसकी भाषा अच्छी है। और यह याद रखना चाहिए।

---

थ्रेडपुट को बढ़ाने के लिए Node.js में मुख्य थ्रेड अपघटन

वक्ता: निकोले मतविनेको
स्थान: 5
रेटिंग: 4.42: 0.09
रिपोर्ट प्रस्तुत करना


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

इसके लिए कई उपकरण हैं - एक अलग स्ट्रीम में लॉगिंग लेना, एक अलग प्रक्रिया में मैट्रिक्स इकट्ठा करना, सबसे संसाधन-गहन कार्यों के साथ काम करने के लिए श्रमिकों को लॉन्च करना।

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

---

अमूर्त जावास्क्रिप्ट सिंटैक्स पेड़ों के साथ काम करना

वक्ता: किरिल चेरकैशिन
स्थान: 4
रेटिंग: 4.44 ± 0.07
रिपोर्ट प्रस्तुत करना


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

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

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

---

ईएमई? सीडीएम? DRM से? Cenc? IDK!

वक्ता: सेबस्टियन गोलशेक
स्थान: 3
रेटिंग: 4.46 17 0.17

रिपोर्ट प्रस्तुत करना


तीन-शब्द की बात - नेटफ्लिक्स रिवर्स इंजीनियरिंग!
एक बहुत ही दिलचस्प रिपोर्ट, जो DRM स्टैक के कई डरावने संक्षिप्त विवरणों के पीछे के तकनीकी विवरणों को प्रकट करती है: EME (एन्क्रिप्टेड मीडिया एक्सटेंशन), ​​CDM (कंटेंट डिक्रिप्शन मॉड्यूल्स), वाइडवाइन, और DRM (डिजिटल राइट्स मैनेजमेंट)।

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

तकनीकी विवरणों से समृद्ध एक रिपोर्ट, जो सभी के लिए उपयुक्त नहीं हो सकती है, लेकिन या तो DRM के साथ काम करने की मूल बातें पेश करेगी, या आपको उन लोगों के लिए कुछ उपयोगी बताएगी, जिन्हें हर दिन स्ट्रीमिंग सेवाओं के काम से सामना करना पड़ता है।

---

ईकामर्स के अंधेरे कोनों से गंदी छोटी चाल

वक्ता: विटाली फ्रिडमैन
जगह: 2
रेटिंग: 4.51 ± 0.11
रिपोर्ट प्रस्तुत करना



विटाली एक ऐसा व्यक्ति है जो केवल महत्वपूर्ण के बारे में बात करता है। उदाहरण के लिए, एक ईकामर्स प्रोजेक्ट में क्या गलत हो सकता है।

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

रिपोर्ट में, विटालि वास्तविक उदाहरणों और कॉर्पोरेट हास्य के साथ ईकामर्स खराब रूपांतरण (उपयोगकर्ताओं के संबंध में) कैसे करता है, इसके कई उदाहरण दिखाते हैं।

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

आगंतुकों की कई सकारात्मक समीक्षाएं एक बात कहती हैं - प्रत्येक श्रोता और दर्शक विटाली की रिपोर्ट में काम के लिए कुछ उपयोगी पाएंगे।

---

कीनोट: फ्रंटेंड में नया रोमांच, सीज़न 2

वक्ता: विटाली फ्रिडमैन
स्थान: 1
रेटिंग: 4.56 ± 0.05
रिपोर्ट प्रस्तुत करना


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

यदि पिछले होलीजस के सबसे उल्लेखनीय प्रदर्शनों में से एक विटालि फ्रिडमैन की रिपोर्ट "रिस्पॉन्सिव वेब डिज़ाइन में नया रोमांच" था, तो होल्ज पीएसआर 2018 में उनका "सीक्वल" सर्वश्रेष्ठ बन गया!

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

यदि ये रिपोर्ट (और पूरी प्लेलिस्ट में से अन्य) रुचि की हैं, तो कृपया ध्यान दें: होलीजस मॉस्को 2018 24-25 नवंबर को आयोजित किया जाएगा ।

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