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

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

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

---

मीडिया

• फ्रंटेंड वीकेंड पॉडकास्ट # 88 - साल में सर्गेई पोपोव के लिए क्या बदलाव आया (लीग ए बनाने के बारे में और अनुभव के बिना फ्रंट-एंड की समस्या)
• पॉडकास्ट "वेब मानक", अंक संख्या 161: क्रोम 73 और सीएसएस 2019, एसवीजी, टेबल, ग्रिड और बटन, फोटो फ्रेम्स का भविष्य।
• पॉडकास्ट "देवचट": 69: आई दृश्यपटल
• पॉडकास्ट "फ्रंटेंड यूथ (18+)" # 83 स्टार स्टैक में स्थानांतरण
• CSSSR पॉडकास्ट समाचार 512 - अंक 38 (09.02 - 15.02)
• टूर्नामेंट: "2018 का सर्वश्रेष्ठ जेएस फीचर" (भाग 2)
• फ्रंटव्यू पॉडकास्ट नंबर 5: जूनियर डेवलपर का सही सारांश और पोर्टफोलियो
• Ember.js: वृत्तचित्र (आधिकारिक रिलीज)

वेब विकास

• HTML हम हार गए
• लिंटर के बारे में, कोड की गुणवत्ता, सामान्य और गुणवत्ता प्रबंधन में गुणवत्ता
• सीमा, या # 100DaysKoda का अध्ययन करने के लिए एक छोटी योजना
• एचटीएमएल 5 बॉयलरप्लेट संस्करण 7 में अपडेट किया गया
• बूटस्ट्रैप 4.3.0 । नए संस्करण की रिलीज़, जिसने jQuery का समर्थन करने से इनकार कर दिया
• वेबब्लूटूथ का परिचय
• कम्प्लीट गाइड - वेब जीआईएफ को कैसे स्पीड करें

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

• उपकरण:
  • वेबपैक के साथ सपनों का बंडल इकट्ठा करना
  • मिलना: pika / pack - npm संकुल को प्रबंधित करने का एक नया तरीका
  • DevTools (Chrome 73) में नया क्या है
  • कठपुतली - मेरा नया विकास सर्वर
  

• पहुँच:
  • अनी A१११ y
  • इंटरैक्टिव तत्वों को मोबाइल उपकरणों पर सुलभ बनाने के लिए टिप्स
  • डिजाइनिंग फ्यूचर इंटरफेसेस: इनलाइन एसवीजी
  

• शानदार वेब:
  • एसवीजी फ़िल्टरिंग प्रभाव। भाग 3. feComponentTransfer का उपयोग करके छवि पोस्टराइजेशन प्रभाव
  • एसवीजी फ़िल्टरिंग प्रभाव। भाग 4. feComponentTransfer के साथ दो-रंग की छवियां
  • एसवीजी फ़िल्टर प्रभाव: <feDisplacementMap> का उपयोग करके सतह की बनावट के साथ पाठ को संरेखित करें
  • Anime.js के साथ ग्रिड पृष्ठभूमि भरने का प्रभाव
  • पानी और नींबू - शुद्ध सीएसएस में एक विस्तृत चित्र
  
  

सीएसएस

• StateOfJS के रचनाकारों से नया पोल #StateOfCSS 2019
• ग्रिड के अंधेरे पक्ष (भाग 1)
• उपयोगिता सीएसएस चर दृश्यता कक्षाओं के लिए एक नया दृष्टिकोण
• फ्लेक्सबॉक्स 10-स्टेप गाइड
• निर्मित शैली पत्रक: निर्बाध पुन: प्रयोज्य शैलियाँ
• उदाहरण के रूप में साइट हेडर का उपयोग करके खरोंच से उपयोगकर्ता इंटरफ़ेस डिज़ाइन को लागू करने की प्रक्रिया
• CSS चयनकर्ता स्तर 4
• प्रत्येक पहलू के विवरण की एक विस्तृत व्याख्या के साथ फ़ॉन्ट मेट्रिक्स का परिचय
• ग्रिड या फ्लेक्स?
• CSS स्क्रॉल स्नैप - यह कैसे काम करता है
• Flexbox और ग्रिड में क्या अंतर है?

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

• 10 सांत्वना एक प्रो की तरह जावास्क्रिप्ट कोड बहस में मदद करने के लिए
• रोबर्ट जावास्क्रिप्ट: एक मिथक का पीछा करते हुए
• एक उदाहरण के रूप में पुटआउट का उपयोग करके एएसटी ट्री परिवर्तन का व्यावहारिक अनुप्रयोग
• जावास्क्रिप्ट में सूचना विज्ञान: दोगुनी लिंक की गई सूचियाँ
• जावास्क्रिप्ट का उपयोग करके रीयल-टाइम एप्लिकेशन बनाने के 5 तरीके
• 2019 में वेब से जावास्क्रिप्ट कैसे प्राप्त करें
• जावास्क्रिप्ट: मजेदार क्षण
• मैंने फेसबुक पर नई प्रायोजित पोस्टों से कैसे छुटकारा पाया।
• ES5 से ESNext - ये सभी विशेषताएं हैं जो 2015 से जावास्क्रिप्ट में शामिल हैं

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

• टाइपप्रति:
  • क्लीन-कोड-टाइपस्क्रिप्ट - टाइपस्क्रिप्ट के लिए अनुकूलित क्लीन कोड अवधारणाएं
  • ReasonML बनाम टाइपस्क्रिप्ट: उनके टाइपिंग सिस्टम की तुलना करना
  • React और Redux के साथ टाइपस्क्रिप्ट का उपयोग कैसे करें
  

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

• कोणीय:
  • कोणीय सार्वभौमिक: सब कुछ एक एसईओ विशेषज्ञ को जानना आवश्यक है
  • कोणीय के साथ छवि विराम बिंदु प्रबंधित करें
  • कोणीय सांत्वना यात्रा
  • कोणीय सीडीके पर टूलटिप बनाएं
  

• VueJS:
  • VueJS 3.0: क्रांति? । इल्या क्लिमोव की राय
  • टी-शर्ट बेचने के लिए Vue.js पर एक स्पा बनाना
  • स्थिर एसवीजी चित्र को इंटरएक्टिव विगेट्स और इन्फोग्राफिक्स में Vue.js के साथ बदलना
  

ब्राउज़रों

• मोबाइल ओपेरा को मुफ्त वीपीएन मिला है
• एक नया ओपेरा ब्राउज़र इंटरफ़ेस पेश किया
• ब्राउज़र सैमसंग इंटरनेट ब्राउज़र ने Google Play Store में 1 बिलियन डाउनलोड के मील के पत्थर को पार कर लिया है
• Microsoft कर्मचारी: डिफ़ॉल्ट रूप से इंटरनेट एक्सप्लोरर का उपयोग न करें
• क्रोम पाठ में अलग-अलग शब्दों और वाक्यांशों के लिंक का समर्थन करेगा
• बहादुर मेमोरी बचत: क्रोम पर 33-66% की कमी

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

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