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

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

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

---

मीडिया

• पॉडकास्ट "वेब मानक", अंक संख्या 128: प्रतिक्रिया बस जेएस है, सीएसएस में घोंसले के शिकार, इंडेंटेशन सिस्टम, दुर्गम कैप्चा, IE में ग्रिड के बारे में भूल जाते हैं, विज़िव के खिलाफ लेआउट डिजाइनर।
• फ्रंटेंड वीकेंड पॉडकास्ट # 60 - दिमित्री रोझकोव सीनियर सॉफ्टवेयर व्लॉगर बनाने के बारे में, थाईलैंड में सर्दियों और हैम्बर्ग में रहते हैं
• देवसचट पॉडकास्ट: नाइट फ्रंट एंड # 40 - जीपीसी, डिप्रेशन, डब्लूएसडी और पैट्रोन
• फ्रंटेंड यूथ (18+) पॉडकास्ट # 55 एक अच्छा रिएक्टर डेवलपर बनना चाहते हैं - यहाँ सुनें!
• CSSSR पॉडकास्ट: समाचार 512 - अंक संख्या 13 (07/02 - 08/07)

वेब विकास

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

• प्रदर्शन:
  • Google: खोज इंजन स्पीड अपडेट जुलाई 2018 में लॉन्च किया जाएगा , Google स्पीड अपडेट डाउनलोड गति में मामूली सुधार को भी ध्यान में रखेगा
  • प्रदर्शन ऑडिट: फ़ायरफ़ॉक्स डेवलपर टूल में डीप विसर्जन
  • प्रदर्शन में सुधार: मांग पर छवियों का आकार बदलें
  • Chrome DevTools के साथ वेबसाइट स्पीड ऑप्टिमाइज़ेशन । अपडेट किया गया Google डेवलपर ब्लॉग
  • कनेक्शन निर्भर घटक । विभिन्न गति के अनुकूल होने के लिए नेटवर्क सूचना एपीआई का उपयोग करें: 2G / 3G के लिए img, 4G के लिए वीडियो
  • ट्री शेकिंग के साथ उपयोगी जावास्क्रिप्ट लोडिंग को कम करना
  

• पहुँच:
  • stylelint-a11y - a11y नियमों के साथ स्टाइललिंट के लिए प्लगइन
  • ARIA का उपयोग कर वहन योग्य हिंडोला
  • शक्ति और खतरा WAI-ARIA: आवाज पहचान के बारे में अधिक
  

• शानदार वेब:
  • जनरेटिव वर्ल्डकप । प्रत्येक खेल के लिए सार टेम्पलेट उत्पन्न करने के लिए विश्व चैम्पियनशिप सांख्यिकी एपीआई के साथ प्रयोग
  • पेश है यूनो के गैसपूल : एक साधारण एनिमेशन टूल
  • div जो सभी ब्राउज़रों में अलग दिखती है
  • भूत माउस कर्सर के बाद
  
  

सीएसएस

• GitHub बदल रहा है ... GitHub सुरुचिपूर्ण Windows 95 में बदल रहा है
• मानकों पर प्रभावी काम - भाग 1: परिचालन पर्यावरण , भाग 2: समझौता करने के लिए कठिन रास्ता
• आइकन सिस्टम के एकीकरण और शैलीकरण के लिए गाइड - एसवीजी स्प्राइट्स, एसवीजी अक्षर और आइकन फोंट
• सीएसएस ट्रिक अपने लेआउट में क्रांति लाने के लिए
• एक कंटेनर में पाठ रखने
• क्लीयरफिक्स: वेब विकास के विकास में एक सबक
• CSS काम कैसे करता है: z- इंडेक्स के साथ परतें बनाना

• सीएसएस ग्रिड:
  • सीएसएस ग्रिड स्तर 2: और सबग्रिड आया
  • IE में CSS ग्रिड: IE ग्रिड के बारे में बुनियादी गलतफहमी को उजागर करना
  • आईई में सीएसएस ग्रिड: सीएसएस ग्रिड और न्यू ऑटोप्रिफ़र
  • आईई में सीएसएस ग्रिड: अंतराल के साथ ऑटो-प्लेसमेंट ग्रिड का अनुकरण
  

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

• शुरुआती के लिए जावास्क्रिप्ट मूल बातें
• जेएस प्रोग्रामर की अपनी रूपरेखा और पेशेवर विकास का विकास करना
• आपको कब और क्यों) ES6 तीर फ़ंक्शन का उपयोग करना चाहिए
• HTML तत्वों के 15 तरीके जिन्हें आपने कभी नहीं सुना होगा
• क्यों GraphQL: फायदे, नुकसान और विकल्प
• जावास्क्रिप्ट चर, var, let, और const को कहानी में समझाया गया है

• प्रतिक्रिया:
  • इंटरफ़ेस डेवलपर्स के लिए 16 प्रतिक्रिया उपकरण
  • आपके रिएक्ट कोड में सबसे आम गलतियाँ जो आप (संभवतः) करते हैं
  • सरल (कम से कम 99% ES2015) रिएक्ट ट्यूटोरियल।
  • रिएक्ट सिर्फ जावास्क्रिप्ट है
  • एनसीएम के बिना प्रतिक्रिया की मूल बातें । वेबपैक के बिना। बिना Redux के। अपने ब्राउज़र सैंडबॉक्स में एक एनिमेटेड भग्न अधिकार बनाकर प्रतिक्रिया की मूल बातें जानें।
  • 5 लोकप्रिय प्रथाओं आप प्रतिक्रिया में उपयोग करना बंद कर सकते हैं
  • Redux क्या है: डिज़ाइनर गाइड
  • प्रतिक्रिया-स्क्रॉलबार-कस्टम - कस्टम स्क्रॉलबार बनाने के लिए सबसे अच्छा प्रतिक्रिया घटक
  

• VueJS:
  • रूसी भाषा का चैनल। कलह पर समुदाय vuetify.js
  • व्यू टेस्ट यूटिल्स एंड जेस्ट: फ्रंटएंड के लिए सरल यूनिट टेस्ट कैसे लिखें
  • उपयोगकर्ता अनुभव को बेहतर बनाने के लिए Vue.js में रूटिंग का उपयोग कैसे करें
  • कैपेसिटर और Vue.js का उपयोग करके एक मोबाइल एप्लिकेशन बनाना
  • Vue हैंडबुक: Vue.js के लिए एक विस्तृत परिचय
  • Vue- रूटर के साथ Vue प्रमाणीकरण और रूट हैंडलिंग
  • 2018 में Vue.js के लिए सर्वश्रेष्ठ व्यवस्थापक टेम्पलेट
  

• कोणीय:
  • कोणीय डेवलपर रोडमैप । एक परियोजना जिसका लक्ष्य सबसे बुनियादी / महत्वपूर्ण अवधारणाओं को इकट्ठा करना है जो कोई भी जो एक कोणीय डेवलपर बनना सीखना चाहता है उसे सीखना चाहिए
  • कोणीय और AngularJS में वेब घटक
  • कोणीय में गतिशील घटक समाधान
  

• Libs और प्लगइन्स:
  • चरवाहा - साइट तत्वों पर एक दृश्य सहायक बनाने के लिए एक पुस्तकालय
  • Rete.js - जावास्क्रिप्ट विजुअल प्रोग्रामिंग फ्रेमवर्क
  • itty.bitty - छोटी साइटों वाले लिंक बनाने का एक उपकरण
  

ब्राउज़रों

• स्क्रीनशॉट: अद्यतन Microsoft एज मुख्य मेनू
• Google और मोज़िला ने स्टाइलिश के ब्राउज़र ऐड-ऑन को हटा दिया, जो उपयोगकर्ताओं से निर्देशिकाओं पर जासूसी करता है
• विभिन्न WebAssembly कार्यान्वयन की प्रदर्शन तुलना
• इलेक्ट्रॉनिक पुस्तकों को पढ़ने के लिए Microsoft एज का उपयोग कैसे करें
• भूतिया भेद्यता के खिलाफ ब्राउज़र सुरक्षा को बायपास करने में कामयाब रहे

मनोरंजक

• ब्लॉकचैन एक बज़र्ड है या कुछ गंभीर है?
• कई लोग प्रबंधक क्यों बनना चाहते हैं और यह हमेशा एक अच्छा विचार नहीं है
• ब्राउज़र ऐड-ऑन स्टाइलिश में, विज़िट हिस्ट्री भेजने के लिए एक कोड का खुलासा किया गया है
• आभासीता और संवर्धित वास्तविकता का पुनर्जन्म
• जुलाई TIOBE प्रोग्रामिंग भाषा रेटिंग: टाइपस्क्रिप्ट लोकप्रियता में वृद्धि जारी है
• मशीन सीखने का दृश्य परिचय

पुनश्च: अगले सप्ताह कोई पच, छुट्टी और वह सब नहीं होगा।

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