Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 432 (7. - 13. September 2020)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Medien     |    Webentwicklung     |    CSS     |    JavaScript     |    Browser

Medien

• Podcast "Webstandards" Nr. 246. Chrome 86, Fokus, :: Marker, Debugging von Schriftarten, Bildschirmleser, Modalitäten, Flex und Auswahl

• Frontend Youth (18+) -Podcast Nr. 154 Verfahren frisch halten

• CSSSR-Podcast - Frontend-Optimierung, Anpassungsfähigkeit im Jahr 2020, Skalierung von NodeJS, SSH -bait und Figma für Entwickler

Web Entwicklung

• Seltsame Fehlerkorrekturen und bewährte Debugging-Strategien

• TeX in SVG: Eine Open Source-Lösung, die Webentwicklern bei Bildungsprojekten hilft.

• Der Weg zu Federated GraphQL.

• Sicherheit von npm-Projekten, Teil 2.

• Wissen Sie, was GeoJSON ist?

• Cross-Site Scripting (XSS): Identifizieren und Verhindern

• 5 wenig bekannte Funktionen von Chrome DevTools

• Google beseitigt beliebte Inhaltsmythen

• Ändern bestimmter Buchstaben mit CSS und JavaScript

• Ein praktischer Leitfaden für die Web Cryptography API

• 
  
  • imagesize imagesrcset
  
  • PRPL : -
  
  • AVIF
  
  •
  
  • Lighthouse
  
  

• 
  
  • Reduced Motion ,
  
  • SEO
  
  •
  
  

• Effekte
  
  • So erhalten Sie handgeschriebene Animationen mit gezackten Strichen mithilfe von SVG-Strichen
  
  • Konfetti-Effektschaltflächen
  
  

CSS

• Entwerfen von Site-Headern mithilfe von CSS Flexbox

• Benutzerdefinierte, zugängliche Optionsfelder / Kontrollkästchen mit perfekter Ausrichtung

• Parsel: Ein kleiner CSS-Auswahlparser

• Funktionsweise von Perspektiven in CSS

• Einfaches Erstellen von Textverläufen mithilfe von CSS.

JavaScript

• TypeScript. Erweiterte Typen

• Arbeiten mit unerwarteten Daten in JavaScript

• Arbeiten mit Medienabfragen in JavaScript

• Aktualisieren der DevTools-Architektur: Wechseln zu JavaScript-Modulen

• Echter Kompass in mobilen Browsern mit Javascript

• Theorie
  
  • DIY-Bindungsfunktionsmethode
  
  • Erste Schritte mit modernem JavaScript - Proxy
  
  • Verstehen von Ereignisschleifen, Rückrufen, Versprechungen und Async / Await in JavaScript
  
  • 5 Best Practices für die saubere Codierung in JavaScript
  
  

• React
  
  • React:
  
  •
  
  • Jotai, React
  
  • React Chrono — React
  
  • React : ,
  
  • Redux
  
  • React
  
  

• Vue
  
  • Vue Teleport — Vue3
  
  • () Ionic Vue Beta
  
  • VueJs
  
  

• Angular
  
  • 3 , CSS Angular
  
  • ControlValueAccessor contenteditable Angular
  
  • Angular Ivy
  
  • rx-query Angular
  
  • State Observables Angular
  
  • Angular 4
  
  

• Ember
  
  • The Ember Times — Issue No. 163
  
  • Embroider
  
  • Parent Model Route Boundaries
  
  

• Svelte
  
  • Svelte JS:
  
  

• Libs & Plugins
  
  • Symbolische Berechnung in JavaScript mit Math.js
  
  • Vanille-Bunt - Port von React -Bunt auf benutzerdefinierte Vanille-Elemente.
  
  

Browser

• Mozilla führte neue Funktionen ein, um Add-Ons für Firefox zu bewerben.

• In Chrome wurden ressourcenintensive Blocker-Anzeigen eingefügt.

• Das bösartige npm-Paket hat Discord-Dateien und -Browser gestohlen

Wir entschuldigen uns für mögliche Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte persönlich, wir versuchen, es schnell zu beheben.

Digest für die letzte Woche .

Material hergestellt Dersmoll und Alekskorovin .