पिछले सप्ताह सं। 379 (2 सितंबर - 8, 2019) के लिए फ्रंट-एंड की दुनिया से ताजा सामग्री का पाचन

हम आपके ध्यान में ललाट क्षेत्र और उसके आस-पास की नई सामग्रियों के लिंक के साथ एक चयन करते हैं।

मीडिया | वेब डेवलपमेंट | सीएसएस | जावास्क्रिप्ट | ब्राउजर | समाचार

---

मीडिया

• CSSSR पॉडकास्ट: समाचार 512 - क्रोम 77, Django 3.0, गितुब क्रिया पर अधिक, सीएसएस ग्रिड गैंट और ऐप्पल प्रस्तुति
• पॉडकास्ट "फ्रंटेंड यूथ (18+)": # 106 सीनियर गोवनोकोड की कीमत जानते हैं
• फ्रंटेंड वीकेंड पॉडकास्ट # 97 : नाविक के कैरियर के बजाय एक विकास कैरियर का निर्माण करने के लिए Vsevolod Rodionov
• पॉडकास्ट "देवशता / नाइट फ्रंट एंड" # 94 : पावेल मालेशेव स्वेल्ट का बचाव और प्रचार करता है

वेब विकास

• अकॉर्डियन, फ़ाक, स्पॉइलर और अन्य ड्रॉप-डाउन विजेट
• उन्नत इंटरैक्टिव स्निपेट के लिए नए प्रकार के सूक्ष्म अंकन
• फ्रंटेंड आर्किटेक्चर: मध्य सर्कल
• Apple ने अभी उत्पादन पर वेब घटक लॉन्च किया है, और आप शायद इसे याद कर रहे हैं

• उपकरण
  • क्रोम DevTools में कस्टम विषय
  • DevTools (Chrome 78) में नया क्या है
  • फ़ायरफ़ॉक्स DevTools में टाइपस्क्रिप्ट डिबगिंग
  • वेबपैक बॉयलरप्लेट - सास, ईएसलिंट, हॉट मॉड्यूल रिप्लेसमेंट और विकास / उत्पादन अनुकूलन के साथ न्यूनतम वेबपैक ४ बॉयलरप्लेट
  • फ़ायरफ़ॉक्स DevTools के लिए 5 युक्तियाँ - संग्रहण निरीक्षक
  • Chrome 77 - DevTools में नया क्या है
  • "वैश्वीकरण उपकरण - वेब की स्थिति।" एक अतिथि के रूप में आंद्रेई सिटनिक के साथ गूगल डेवलपर्स चैनल पर नया वीडियो
  

• उपलब्धता
  • समावेशी घटक: थीम स्विच
  • इसलिए आप पर अनुपलब्धता का मुकदमा चल रहा है
  

• उत्पादकता
  • Google पेजस्पीड की विशेषताएं: बेहतर साइट रेटिंग और खोज रैंकिंग
  • वेब प्रदर्शन ऑडिट चेकलिस्ट
  • वेब प्रदर्शन: DOM रिफ़ॉर्म / लेआउट थ्रैशिंग को न्यूनतम करना
  • मैं फ़ॉन्ट को क्यों लोड करता हूं, भले ही कोई आवश्यकता न हो
  

• प्रभाव
  • सीएसएस ब्लेंड मोड और एसवीजी का उपयोग करके उत्पाद छवियों के रंगों को गतिशील रूप से कैसे बदलें
  • WebGL पर कस्टम विरूपण प्रभाव बनाने के लिए विन्यासकर्ता
  • क्रिएटिव प्रेरणादायक वेबसाइट्स राउंडअप # 8 रचनात्मक चयन
  • तीन.js का उपयोग करके वेब कैमरा ऑडियो विज़ुअलाइज़र कैसे बनाएं
  

सीएसएस

• सब कुछ आप सीएसएस मार्जिन के बारे में पता करने की आवश्यकता है
• सीएसएस फ्रेमवर्क की तुलना करने के लिए उपकरण
• सीएसएस में फसल और दृश्य डेटा हानि
• सीएसएस विशिष्टता को समझना
• अपने वर्कफ़्लो को स्वचालित करने के लिए PostCSS का उपयोग करना
• सीमा-त्रिज्या को बनाए रखते हुए एक आयत के विस्तार के लिए कई तरीके
• मेरा पसंदीदा सीएसएस हैक
• IE11 के लिए CSS वेरिएबल्स: IE11 में कस्टम गुणों के लिए वास्तविक पॉलीफ़िल
• CSS Developers क्या कर रहे हैं और उनकी आवश्यकता क्यों है?

जावास्क्रिप्ट

• जावास्क्रिप्ट और इमोजी का उपयोग करके ब्राउज़र बार में लिंक का एनीमेशन
• टाइपस्क्रिप्ट डेवलपर के 5 आदेश
• श्रमिकों की सेवा के साथ अपने जावास्क्रिप्ट आवेदन का अनुकूलन कैसे करें
• क्या साइट को जावास्क्रिप्ट के बिना काम करना चाहिए?
• सरल घर का बना जावास्क्रिप्ट ऑब्जर्वर
• कैसे जावास्क्रिप्ट काम करता है

• सिद्धांत
  • DOM का व्यावसायिक उपयोग
  • जावास्क्रिप्ट में ट्रिम कैसे करें (ES2019)
  • जावास्क्रिप्ट में प्रसार स्टेटमेंट को कैसे गति दें
  • एसिंक्रोनस जावास्क्रिप्ट: जावास्क्रिप्ट का एक परिचय वादा करता है
  • 8 जावास्क्रिप्ट में विकसित होने से बचने के लिए आदतें
  • जावास्क्रिप्ट Iterators और जेनरेटर: अतुल्यकालिक Iterators
  

• प्रतिक्रिया
  • स्वच्छ प्रतिक्रिया कोड लिखने के लिए 14 युक्तियाँ: भाग 1 , भाग 2
  • राज्य ऑटोमेटा के साथ प्रतिक्रिया में मॉडल-आधारित परीक्षण
  • रिएक्ट ऐसा क्यों कर रहा है?
  • JSDoc के साथ ReactJS घटकों का प्रलेखन और पूर्वावलोकन
  • अपने रिएक्ट ऐप में एक प्रगति बार और सूचनाएं जोड़ना
  • एक वास्तविक प्रतिक्रिया परियोजना पर जावास्क्रिप्ट से टाइपस्क्रिप्ट की ओर पलायन
  • रिएक्ट माइक्रोफॉरेस्ट्स और मोनोरेपोस: एकदम सही संयोजन
  • रिएक्ट रैली 2019 के साथ सभी रिपोर्ट
  

• Vue
  • Vue.js को डेटा पास करना - यह कैसे काम करता है?
  • Vue.js संस्करण 3.0 में हुक
  • Vue.js के कार्यात्मक घटक: क्या, क्यों और कब?
  • "एडिल" में Vue.js का उपयोग करने का अनुभव: कैसे उपयोग करें और क्यों प्रतिक्रिया का चयन नहीं किया
  • Vue में DOM के साथ कैसे काम करें
  • व्यक्तिगत Vue और प्रीफ़ेटिंग घटकों के आलसी लोडिंग
  • Vue.js में Google मैप्स के लिए डायनेमिक SVG मार्कर
  • Vue.js में पर्यावरण चर का उपयोग कैसे करें
  • Vue.js पर अनुप्रयोगों में Google मानचित्र का उपयोग कैसे करें
  • Vue PWA: एक प्रगतिशील वेब अनुप्रयोग उदाहरण Nuxt के साथ
  

• कोणीय
  • ग्राफिकल बेगिनर्स गाइड्स विथ एंगुलर एंड अपोलो
  • कोणीय निर्भरता इंजेक्शन युक्तियाँ
  • प्रतिक्रियाशील रूपों को मान्य करने के लिए कोणीय 8 में फॉर्म बिल्डरों का उपयोग कैसे करें
  • कोणीय और बिट के साथ घटक साझा करना
  

• अंगार
  • एम्बर कंसर्ट
  • प्रतिबद्ध पोर्टो '19: विज्ञापन चक्र के माध्यम से समृद्धि: एम्बर हिस्ट्रीज (रिकार्डो मेंडेस) का इतिहास
  

• Libs और प्लगइन्स
  • टर्मिनल में विज्ञापन प्रदर्शित करने के लिए लोकप्रिय जावास्क्रिप्ट लाइब्रेरी की कहानी कैसे शुरू हुई
  • hashids.js - संख्याओं से YouTube जैसी पहचान बनाने वाले के लिए एक छोटा JS पुस्तकालय।
  • O-GL - न्यूनतम वेबल फ्रेमवर्क
  • स्पेसटाइम: समय क्षेत्र के साथ काम करने के लिए एक उपयोगिता
  • फेस-एपि.ज का उपयोग करके लाइव अवतारों (जैसे एनिमोजी) का निर्माण करें
  

ब्राउज़रों

• फ़ायरफ़ॉक्स 69 रिलीज
• फ़ायरफ़ॉक्स अपडेट मैकओएस-उपकरणों की बिजली की खपत को तीन गुना कम कर देगा
• मोज़िला ने आश्वासन दिया है कि WebExtensions API को अपडेट करने से फ़ायरफ़ॉक्स में ब्लॉकर्स को नुकसान नहीं होगा
• मोज़िला ने फ़ायरफ़ॉक्स में उपयोगकर्ता गतिविधि को ट्रैक करने के लिए कुकीज़ को अवरुद्ध करना शुरू कर दिया
• नया यांडेक्स ब्राउज़र जारी किया गया: संगीत, सूचनाएं, पेज खोज
• विज्ञापन अभियानों ने उपयोगकर्ता ट्रैकिंग पर मोज़िला के प्रतिबंध के बीच कुकीज़ के विकल्प की पेशकश की

मनोरंजक

• डीपफेक: कैसे तंत्रिका नेटवर्क हस्तियों को छीनते हैं और हमें पागल करते हैं - और यह कितना खतरनाक है
• Google 2019 रैंकिंग कारक - रैंड फिशकिन द्वारा एक अध्ययन
• मशीन लर्निंग के प्रकार
• फोंट के बारे में संक्षेप में। एक भाग
• Google ने गोपनीय डेटा प्रोसेसिंग के लिए एक पुस्तकालय कोड खोला है
• Apple ने Google की iPhone भेद्यता रिपोर्ट की आलोचना की और कंपनी पर बड़े पैमाने पर खतरे का भ्रम पैदा करने का आरोप लगाया
• कोड में टिप्पणी क्यों नहीं लिखनी चाहिए?

हम किसी भी टाइपो या टूटी / डुप्लिकेट लिंक के लिए माफी माँगते हैं। यदि आपको कोई समस्या दिखाई देती है - तो कृपया व्यक्तिगत ईमेल में लिखें, हम उन्हें जल्दी ठीक करने का प्रयास करते हैं।

पिछले हफ्ते की पाचन ।
डेर्समॉल और एलेक्सकोरोविन द्वारा तैयार सामग्री।