पिछले दो सप्ताह से 323 (8 जुलाई - 22, 2018) फ्रंट-एंड की दुनिया से ताजा सामग्री का पाचन

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

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

---

मीडिया

• पॉडकास्ट "वेब मानक", अंक संख्या 130: असुविधाजनक कक्षाएं और किसी भी जेएस, मक्खी पर प्रकट, त्रुटियों के साथ ग्रिड, अच्छे एसआरआई की खराब लैंडिंग , अंक संख्या 129: एनपीएम में वायरस, फ़ीचर पॉलिसी, एटम में मामला, डेड कोड, पृथक्करण आदि। जिम्मेदारी, तीर या उंगली
• फ्रंटेंड वीकेंड पॉडकास्ट: # 62 - आंद्रेई सीटनिक न्यूयॉर्क जाने के बारे में, यात्रा और ट्विटर पर पोर्न , # 61 - आंद्रेई मेलिकोव यांडेक्स के लिए काम करने के बारे में। मोनी, नाइट फ्रंटेंड और देवचट में शक्ति लेने के बारे में
• पॉडकास्ट "देवशता / नाइट फ्रंट एंड": # 42 - ऑटोमेशन सीआई / सीडी , # 41 - एक अच्छे कोड की समीक्षा के लिए
• पॉडकास्ट फ्रंटेंड यूथ (18+) # 56 विषाक्त समुदाय
• CSSSR पॉडकास्ट समाचार 512 - अंक संख्या 15 (16 जुलाई - 22 जुलाई)

वेब विकास

• एक वेब डेवलपर को SEO-Feng Shui करने के लिए क्या याद रखना चाहिए
• विजुअल स्टूडियो कोड के लिए एक्सटेंशन जो विकास प्रक्रिया को एक नए स्तर पर ले जाएगा
• 2018 में वेब घटक
• पुन: प्रयोज्य घटकों के पवित्र कंघी बनानेवाले की रेती: कस्टम तत्व, छाया डोम, और एनपीएम
• Google फ़ोटो वेब इंटरफ़ेस बनाने का विवरण
• दुर्भावनापूर्ण स्क्रिप्ट का एनाटॉमी: एक वेबसाइट आपके ब्राउज़र को कैसे ले सकती है
• टीमों के लिए पहुँच - आपकी टीम विकास प्रक्रिया में पहुँच और समावेशन प्रथाओं को एकीकृत करने के लिए एक त्वरित मार्गदर्शिका
• WebAssembly का भविष्य - आगामी सुविधाओं और सुझावों पर एक नज़र
• SVGator के साथ SVG को एनिमेटेड करना

• प्रदर्शन:
  • त्वरित पृष्ठ बनाने के लिए Google के रेल मॉडल, लक्ष्यों और दिशानिर्देशों के साथ प्रदर्शन माप (2018 में अद्यतन)
  • अपनी टीम में एक उत्पादकता संस्कृति बनाना
  • सेवा कार्यकर्ता क्या हैं और वे उत्पादकता कैसे सुधार सकते हैं
  • कैसे छवि अनुकूलन 62% द्वारा पृष्ठ वजन कम
  • फ्रंटेंड प्रदर्शन चेकलिस्ट
  

• PWA / AMP:
  • PWACompat: सभी ब्राउज़र के लिए वेब ऐप मैनिफेस्ट
  • Pinterest: वर्ष के लिए PWA पूर्वव्यापी
  • फ़िल्टर और श्रेणियों के साथ नए एएमपी रोडमैप डैशबोर्ड में एएमपी विकास को ट्रैक करें
  • वर्डप्रेस के लिए PWA , आधिकारिक प्लगइन
  

सीएसएस

• दाएं से बाएं। RTL के तहत साइट इंटरफ़ेस कैसे चालू करें
• सीएसएस पेंट एपीआई
• सीएसएस: एक नए तरह का जावास्क्रिप्ट
• रसायन विज्ञान सीएसएस सीएसएस
• पूरा इलस्ट्रेटेड फ्लेक्सबॉक्स गाइड
• सीएसएस ग्रिड के साथ 9 सबसे बड़ी गलतियाँ
• DSS - निर्धारक शैली पत्रक के पहले बीटा का अंतिम विमोचन, छोटे बंडलों के लिए परमाणु सीएसएस कक्षाओं में स्वत: संकलन के साथ सीएसएस मॉड्यूल का एक एनालॉग
• चर फ़ॉन्ट वाले अजीब चीजें कर सकते हैं
• CSS लेआउट समस्याओं को कैसे ठीक करें?
• सीएसएस पॉइंटर घटनाओं के साथ आप उपयोगी चीजें कर सकते हैं
• क्या मुझे 2018 में ग्रिड लेआउट के IE संस्करण का उपयोग करना चाहिए?
• मैं कार्यात्मक सीएसएस की कोशिश की और यह बेकार है
• CSS लिखने में बेहतर कैसे हो

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

• जेएस फ्रेमवर्क की तुलना: रिएक्ट, व्यू और हाइपरप्प , रे: "जेएस फ्रेमवर्क की तुलना: रिएक्ट, व्यू और हाइपरप्प"
• जावास्क्रिप्ट ES6: कमजोरियाँ
• जावास्क्रिप्ट मेटाप्रोग्रामिंग
• 15 एचटीएमएल तत्व विधियां जो आपने शायद कभी नहीं सुनी हैं
• फुलस्टैक जेएस डेवलपर कॉम्पिटीशन मैट्रिक्स
• जावास्क्रिप्ट MutationObserver एपीआई का परिचय
• जावास्क्रिप्ट ES6 - आप वास्तव में जेनरेटर सीखने की जरूरत नहीं है
• टाइपस्क्रिप्ट 3.0 आरसी घोषणा

• VueJS:
  • एक समर्थक की तरह, वीयू-घटकों को कैसे बनाया जाए
  • Vue-UI - पहले देखो
  • प्रेम पत्र वीयू को
  • Vue.js सीखने के लिए नि: शुल्क पाठ्यक्रम
  • एक "रेंडरलेस" Vue घटक बनाना
  • जेएस प्रतिक्रिया के लिए सबसे अच्छा स्पष्टीकरण
  

• प्रतिक्रिया:
  • रिएक्ट सीखने का मार्ग । सामान्य लेकिन व्यावहारिक प्रतिक्रिया में महारत हासिल करने के लिए आपकी यात्रा। एक लोकप्रिय पुस्तक का रूसी में अनुवाद
  • सीखने की प्रतिक्रिया से पहले जावास्क्रिप्ट मूल बातें
  • स्टाइलिंग रिएक्ट घटक
  • आसानी से प्रतिक्रिया में जटिल यूआई एनिमेशन बनाएं
  • आप कितनी तेजी से प्रतिक्रिया सीख सकते हैं?
  

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

• Libs और प्लगइन्स:
  • कैसे NVD3.js पर एक आधुनिक नियंत्रण कक्ष बनाने के लिए
  • coolHue - ग्रेडिएंट का चयन करने और अपने स्वयं के पैलेट बनाने के लिए एक उपकरण
  • draxt - फाइल सिस्टम के लिए NodeList-like / jQuery- जैसा पैकेज (node.js)
  • Popbox.js लेयर्ड मोडल विंडो बनाने के लिए एक छोटा सा प्लगइन है। निर्भरता के बिना प्लगइन और पूरी तरह से अनुकूलन
  • Pushbar.js वेब अनुप्रयोगों में निकास पैनल बनाने के लिए एक छोटा सा प्लगइन है।
  

ब्राउज़रों

• वेब पेज को रेंडर करने के लिए GPU का उपयोग करके WebRender को Firefox के रात के निर्माण में जोड़ा गया है।
• ब्राउन प्रोजेक्ट फ़ायरफ़ॉक्स पर आधारित कंसोल ब्राउज़र विकसित कर रहा है
• फ़ायरफ़ॉक्स आसन ने मेमोरी मुद्दों की पहचान करना शुरू कर दिया
• क्रोम DevTools में तीन नए शांत सुविधाएँ

मनोरंजक

• इतना ज्ञान, इतना कम समय
• एक बहु-अनुशासनात्मक विशेषज्ञ बनें, लेकिन एक क्षेत्र के विशेषज्ञ के रूप में खुद को विज्ञापित करें
• विंडोज 10 पर लिनक्स की गति । लिनक्स के लिए विंडोज सबसिस्टम पर बैश टर्मिनल पर जाएं।
• प्राथमिकता वाले कार्यों के लिए 6 दृष्टिकोण। एक्सपीरियंस रीडल, मैकपा, ग्रामरली और एडुनाव
• Google, Microsoft, Twitter और Facebook ने डेटा पोर्टेबिलिटी प्रोजेक्ट स्थापित किया है
• प्रमाणीकरण एनपीएम मॉड्यूल में दुर्भावनापूर्ण सॉफ़्टवेयर प्रतिलिपि प्रमाणीकरण मानकों को पेश किया गया है
• एल्गोरिदम लोगों को बचाता है: एक मिलान एल्गोरिदम कैसे जीवन बचाता है
• इंटेल ने 50 वर्षों में अपनी 10 प्रमुख उपलब्धियों के बारे में बात की
• चेक प्वाइंट ने 2018 की पहली छमाही के लिए साइबर खतरों की समीक्षा प्रस्तुत की: क्रिप्टो खनिकों की दोहरी वृद्धि और बादलों पर हमलों के वेक्टर में बदलाव
• AMD, Microsoft, NVIDIA, Oculus और वाल्व VirtualLink मानक विकसित कर रहे हैं, जो आपको एक यूएसबी-सी केबल का उपयोग करके वीआर-हेलमेट को पीसी से कनेक्ट करने की अनुमति देगा
• डार्क पैटर्न: वेब सेवाएं उपयोगकर्ताओं को उनके कार्यों में कैसे गलतियाँ करती हैं
• अंधा कैसे iPhone, मैकबुक और ऐप्पल वॉच का उपयोग करता है

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

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