😦 🌏 🤙🏿 DUMP2020 पर फ्रंट सेक्शन: हम इस बात की पूरी उम्मीद करेंगे कि फिर से एक पूरा घर होगा। पिछले वर्ष की शीर्ष रिपोर्टें और इस के विषय 🚑 🕺🏽 🤳

कौन सहमत है कि एक आधुनिक फ्रंट-एंड मुश्किल है, अपने हाथ बढ़ाएं! वेबपैक की स्थापना के लिए हम क्या भुगत रहे हैं? SSR कार्यान्वयन को इतना कोड लिखने की आवश्यकता क्यों है, और क्या हमें वास्तव में इसकी आवश्यकता है? किसे दोष देना है और डेवलपर्स के रूप में हम क्या कर सकते हैं?

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

शीर्ष 2019 थीम्स

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

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

404Group से विटाली दिमित्री ने प्रतिक्रियात्मक प्रोग्रामिंग के विषय पर एक ही पूर्ण घर एकत्र किया । विटाली ने कहा कि प्रतिक्रियाशील प्रतिमान को गैजेट्स और डिजिटल इकोसिस्टम में कई वर्षों से लागू किया गया है जो हमें घेरे हुए हैं। हर दिन हम उन उपकरणों का उपयोग करते हैं जो अन्य उपकरणों को नियंत्रित कर सकते हैं, लेकिन अगर हम अपने अनुप्रयोगों में उनके तर्क को पुन: पेश करने की कोशिश करते हैं, तो हमें एक भारी विस्तार योग्य, सक्रिय प्रणाली मिलती है। क्यों?

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

नियमित रूप से प्रतिक्रिया करने के बजाय प्रतिक्रियात्मक तरीके से सोचने के लिए, नीचे दी गई बात देखें:

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

पर कज़ान डंप, Avito से Denis Kolesnikov की मुश्किल कहानी सुनाई एक लंबा इतिहास के साथ एक परियोजना में प्रौद्योगिकी ढेर को अद्यतन करने । यह लगभग मक्खी पर एक हवाई जहाज के इंजन के माध्यम से छाँटने जैसा है। डेनिस बताता है कि कैसे पुनरावृत्ति, उत्तरोत्तर उन्होंने एविटो में सीमांत को बदल दिया, सर्वर रेंडरिंग को लागू किया, माइक्रोप्रोन्ट्स की निर्भरता प्रबंधन, साथ ही वे किस रेक से मिले और वे इस सब से क्या निष्कर्ष निकालते हैं।

यह रिपोर्ट एक बड़े केंद्रीयकृत कोड आधार (और जो लोग इस कोड आधार को काटना चाहते हैं) के साथ काम करने वाले मध्यम और वरिष्ठ डेवलपर्स के लिए है।

ग्राफिक सामग्री औसत वेब पेज का आधा है। इस आधे हिस्से को ठीक से तैयार करने के लिए, आपको यह समझने की जरूरत है कि चित्रों को कैसे व्यवस्थित किया जाता है और आप उनके साथ क्या कर सकते हैं ।

पोलीना गुर्टोवा (एविल मार्टियंस) ने विभिन्न स्वरूपों (पीएनजी, जेपीजी, वेबपी, एसवीजी और अन्य) के शरीर रचना विज्ञान का विश्लेषण किया और बताया कि सही कैसे चुनें।

वह तुरंत बताती है कि अनुकूलन के मज़ेदार रास्ते पर एक प्रारूप क्यों चुनना एक छोटा कदम है और आपको बताता है कि आगे क्या करना है।

SvelteJS सबसे तेजी से बढ़ते जावास्क्रिप्ट चौखटे में से एक है। क्या वह प्रतिक्रिया, कोणीय और Vue के दृष्टिकोण से विस्थापित हो सकता है?

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

येकातेरिनबर्ग में DUMP2020 की सालगिरह पर, फ्रंटेंड सेक्शन हॉल में अब 400 लोग बैठेंगे । हम इस बात पर सहमत होंगे कि यह कमरा कुछ रिपोर्टों में 100% भरा जाएगा।

अनुभाग कार्यक्रम समिति: पोलीना गुर्टोया (ईविल मार्टियंस) और येगोर खोडरेव (तोचका) ने इस बारे में बात की कि कौन से विषय प्रतीक्षा कर रहे हैं और जो पहले से ही घोषित हैं।

संकल्पना और आवेदन DUMP2020

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

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

मुख्य विषय

उपकरण: आईडीई, प्लगइन्स, लिंटर, बिल्डरों
कार्यप्रणाली, वास्तुकला और सिद्धांत: SOLID, microservices, BEM
अनुकूलन: प्रदर्शन, स्मृति प्रबंधन, WebAssembly
सर्वर डेवलपमेंट: Node.js, V8, ChakraCore
राज्य प्रबंधन: Redux, MobX, Flux
क्लाइंट डेटा सिंक्रोनाइज़ेशन और स्टोरेज: REST, GraphQL, वेब सॉकेट्स
मोबाइल विकास: PWA, ReactNative, VueNative
डेस्कटॉप अनुप्रयोग: इलेक्ट्रॉन, NW.js
सुरक्षा: हैकिंग और सुरक्षा, npm में कमजोरियां
ECMAScript: नए विनिर्देशों की विशेषताएं
जेएस विकल्प: टाइपस्क्रिप्ट, क्लोजुरस्क्रिप्ट, एल्म, डार्ट
परीक्षण: सेलेनियम, इकाई परीक्षण, टीडीडी
फ्रेमवर्क: प्रतिक्रिया, कोणीय, Vue
शैलियाँ: प्रीप्रोसेसर, सीएसएस मॉड्यूल, सीएसएस-इन-जेएस, स्टाइल घटक
ग्राफिक्स: एसवीजी, वेबजीएल, वीआर
उपलब्धता: शब्दार्थ, ARIA, स्क्रीन रीडर
प्रोटोटाइप: अंजीर, डिजाइन सिस्टम
फैन: IoT, गेम देव, प्रयोग
कहानियां: सफलताएं और असफलताएं, व्यापार के साथ बातचीत
अन्य: वेब एपीआई, मानकों का भविष्य, खुला स्रोत, पैकेज प्रबंधक, आदि।

आप यहां रिपोर्ट के लिए आवेदन कर सकते हैं ।

इस साल विषयों की घोषणा की गई

क्या हमें N (e / u) xt.js की आवश्यकता है?
(ग्रिगोरी पेत्रोव, एवरोन)

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

गेमडेव इन फ्रंटेंड

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

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

लाइटहाउस
शेरोज़ा पोपोव (लीग ए / एचटीएमएल अकादमी) के बारे में

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

WebAssembly: नई सुविधाएँ और नई समस्याएं
Polina Gurtovaya (ईविल

मार्टियंस ) रिपोर्ट में हम समझेंगे कि WebAssembly क्या है।

आइए WebAssembly के बारे में एक गैर-वेब प्रारूप के रूप में चर्चा करते हैं, चर्चा करते हैं कि WebAssembly ब्राउज़र में कैसे रहता है।

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

NX
एंटोन निकुलिन (Tinkoff.ru) के साथ मोनोरेपोज़िटरीज का प्रबंधन करते हुए

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

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

ये केवल कुछ अनुप्रयोग हैं जिन्हें कार्यक्रम समिति ने विचार करने में कामयाब किया है, लेकिन जितने अधिक अनुप्रयोग, उतना बेहतर कार्यक्रम!

क्या आप 400 लोगों के लिए हॉल में नए कांग्रेस हॉल में यूराल संघीय जिले में सबसे बड़े डेवलपर सम्मेलन में बोलना चाहेंगे?

बहुत देर होने से पहले आवेदन करें ।

या 15 मई को डीयूएमपी में आने वाले / उन विषयों को सुनने के लिए जो एक क्रूर मांस की चक्की के माध्यम से चले गए;)

मुख्य कार्यक्रम के अलावा, हम बहुत सी दिलचस्प चीजों का वादा करते हैं ।

शीर्ष 2019 थीम्स

संकल्पना और आवेदन DUMP2020

मुख्य विषय

इस साल विषयों की घोषणा की गई

More articles: