फ्रंटेंड वीकली डाइजेस्ट (27 मई - 2 जून 2019)

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

वेब विकास

• डब्ल्यू 3 सी बनाम। WHATWG युद्ध आखिरकार खत्म हो गया है
• नए डोमेन के लिए डिफ़ॉल्ट रूप से मोबाइल-फर्स्ट इंडेक्सिंग
• GraphQL से शुरू करना: यह बहुत आसान है!
• हम कैसे महत्वपूर्ण हैं?
• जावास्क्रिप्ट की जगह: कैसे ईबे ने प्रोग्रामिंग भाषाओं को स्विच करके 50x तेजी से एक वेब ऐप बनाया

• प्रदर्शन:
  • क्लाउडफ़ेयर छवि का आकार बदलना: इष्टतम छवि वितरण को सरल बनाना
  • लाइटहाउस प्लगइन जो पिछले 30 दिनों में वास्तविक दुनिया क्रोम उपयोगकर्ताओं के लिए पृष्ठ के क्षेत्र प्रदर्शन को प्रदर्शित करता है।
  • लाइटहाउस के साथ आपका पहला प्रदर्शन बजट
  • सेल्फ होस्ट योर स्टैटिक एसेट्स
  

• पहुँच:
  • कीबोर्ड और स्क्रीन रीडर नेविगेशन के बीच का अंतर
  • रंग विपरीत पहुँच उपकरण
  5 आसान चरणों में अपने वेब एक्सेसिबिलिटी मुद्दों के 85% को ठीक करें
  • Tabindex: यह शायद ही कभी सकारात्मक होने के लिए भुगतान करता है
  

सीएसएस

• उपयोगिता-पहला सीएसएस: लगभग हर डिजाइन के लिए तेजी से सामने के अंत का विकास
सीएसएस के साथ डेटा ऑर्डर करने के लिए ग्रिड शेफर्ड तकनीक का उपयोग करना
• सीएसएस चर को समझना
• कस्टम मल्टीलाइन पाठ को गोल कैप्स के साथ रेखांकित किया जाता है
• xstyled - शैली घटकों का एक नया तरीका
• हम SASS वेरिएबल्स के लिए CSS कस्टम प्रॉपर्टीज को क्यों पसंद करते हैं
• सीएसएस पृष्ठभूमि-छवि संपत्ति एक विरोधी पैटर्न के रूप में
सीएसएस के साथ डेटा ऑर्डर करने के लिए ग्रिड शेफर्ड तकनीक का उपयोग करना

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

• टाइपस्क्रिप्ट 3.5 की घोषणा
• मैं अभी भी 2019 में jQuery का उपयोग क्यों कर रहा हूं
• डोम को रेंडर करने का सबसे तेज़ तरीका

• सिद्धांत:
  जावास्क्रिप्ट में स्ट्रिंग के लिए एक मूल्य में परिवर्तित करने के लिए 5 तरीके
  • कार्यात्मक जावास्क्रिप्ट: सरणी कम करने के साथ एक औसत की गणना करने के पांच तरीके
  • जावास्क्रिप्ट में निजी चर को लागू करना
  

• प्रतिक्रिया:
  • प्रतिक्रिया 16 + तीन .js एकीकरण युक्तियाँ (2019)
  • टाइपिंग प्रतिक्रिया (1) - मूल
  • ज़ूम-स्तर - एक व्यापक क्रॉस-ब्राउज़र पैकेज जो आपको पृष्ठ के और तत्व के ज़ूम स्तर को निर्धारित करने की अनुमति देता है
  • प्रतिक्रिया 16 में setState से अशक्त लौट रहा है
  

• कोणीय:
  • कोणीय के संस्करण 8 - छोटे बंडल, सीएलआई एपीआई, और पारिस्थितिकी तंत्र के साथ संरेखण
  • कोणीय और RxJS: मेमोरी लीक्स का पता लगाना
  • कोणीय के CDK पोर्टल्स की जाँच करना
  •
  

• ember.js:
  • एम्बर 3.10 का विमोचन
  • एम्बर-डेटा: निराशा को चालू करें