Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 388 (4. - 10. November 2019)

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

Medien | Web-Entwicklung | CSS | Javascript | Browser |

Medien

• Frontend Youth Podcast: # 114 Warm Release mit Dan Abramov
• CSSSR-Podcast: News 512 - TypeScript 3.7, React Concurrent Mode, GraphQL-API, Gitlab und Geopolitik
• Repozitorro # 33 - Die umfassendste Layoutüberprüfung

Web-Entwicklung

• Warum die Verwendung von CSS und JS von Drittanbietern auf Ihrer Website gefährlich ist
• Verwandeln Sie Ihre vorhandene Anwendung in eine fortschrittliche Webanwendung
• Die fünf wichtigsten Tipps zum Erstellen sicherer (Web-) Anwendungen
• Apple versucht, die Web-Technologie zu töten
• GraphQL: Der Dokumentarfilm (russische Version)

• Die Werkzeuge
  • Heuchelei google. PageSpeed ​​Insights
  • Hübscher 1.19: die lang erwartete Vue-Option, TypeScript 3.7 und neue JavaScript-Funktionen
  • So optimieren Sie Webpack 4 Tree Shaking vollständig
  

• Leistung
  • "Jackal": Drücken Sie das Frontend
  • Modernes Laden von Skripten
  • Warum Lasttests und Leistungstests über die Testantwortzeit hinausgehen sollten
  • Bildoptimierung für Benutzer mit wenig Netzwerk
  

• Verfügbarkeit
  • Ändern Sie die Stile für Zeigen, Fokus und aktiven Status.
  • Über das automatisierte Testen der Barrierefreiheit hinaus: Sechs Dinge, die ich auf jeder meiner Websites überprüfe
  • Was ich über die Barrierefreiheit im SPA gelernt habe
  • aria-label ist nicht übersetzt
  • Wie Barrierefreiheit in der Webentwicklung immer wichtiger wird
  

CSS

• Gibt es Zufallszahlen in CSS?
• Verbessere dein CSS mit diesen 5 Prinzipien.
• Komplizieren Sie skalierbares CSS nicht
• CSS-Variablen mit Inline-Stilen
• Einige Dinge, die Sie wissen sollten, wenn Sie mit Ansichtsfenster-Einheiten arbeiten
• Zeigen Sie die Suchschaltfläche an, wenn das Suchfeld nicht leer ist
• CSS Grid Tutorial: 13 Tipps und Tricks, die ein Webentwickler kennen sollte
• Die Leistungsfähigkeit von CSS-Prozessoren bei der Entwicklung von Webanwendungen
• Syntax mit zwei Anzeigewerten (und manchmal mit drei)
• Punktanimationstrick auf dem Buchstaben "i"
• 8 CSS-Filter für Bilder mit Beispielcode
• PureCSS Lace : Erstellen Sie ein Porträt in reinem CSS

Javascript

• REST-API-Typisierung für Frontend-Entwickler
• Axios vs Fetch - was im Jahr 2019 zu verwenden
• Best Practices Node.js
• Kommende neue JavaScript-Funktionen, die Sie kennen sollten, wenn Sie jeden Tag JavaScript verwenden

• Theorie
  • Funktionale Programmierung aus Sicht von EcmaScript. Reine Funktionen, Lambdas, Immunität
  • Lexikalische Umgebung und Closures in EcmaScript
  • Auch Kinder werden verstehen: eine einfache Erklärung von Async / Warten und Versprechen in JavaScript
  • Inwiefern unterscheidet sich die Prototypvererbung von der klassischen Vererbung?
  • Was sind Generatoren in JavaScript?
  • Was ist super () in JavaScript?
  • Brechen Sie Ketten mit Rohrleitungen in modernem JavaScript
  • JavaScript-Eigenschaftsattribute
  

• Reagiere
  • Verwenden von i18n mit der Kontext-API "Next.js & React"
  • React Query - Hooks zum Abrufen, Zwischenspeichern und Aktualisieren asynchroner Daten in React
  • Lebenszyklusmethoden, Hooks, Erwartungen: Was sind die besten Optionen in React?
  • 3 Möglichkeiten zum Erstellen einer eigenen Komponentenbibliothek in React
  • Experimentieren mit dem neuen Concurrent-Modus von React
  • 39 Advanced React Job Interview Antworten, die Sie heute klären sollten
  

• Vue
  • Bereit für die Vue SSR-Produktion: 5 einfache Schritte
  • Automatisches Rooten in Anwendungen auf Vue.js
  • Formularverarbeitung in Vue.js
  

• Angular
  • Komplette Attribute und Strukturanweisungen in Angular
  • Google Maps ist jetzt eine Komponente von Angular
  • Die 26 besten Fragen in einem Interview mit Angular 8 im Jahr 2020
  

• Ember
  • Aufruf der spitzen Klammer für verschachtelte Komponenten (3.10)
  • EmberFest 2019
  

• Libs & Plugins
  • hybrids.js - deklarative und funktionale Webkomponenten
  • tenko - 100% spezifikationskonformer JavaScript-Parser ES2020, geschrieben in JS
  • Proton: Leichte Partikelanimation JS Library
  • cashify: Währungsumrechnungsbibliothek, money.js Nachfolger
  

Browser

• In den nächtlichen Builds von Firefox erschien die Unterstützung für HTTP / 3
• Die Release-Version von Microsoft Edge on Chromium wird ohne ARM64-Unterstützung, Verlaufssynchronisierung und Erweiterungen ausgeliefert
• Nächstes Jahr werden Firefox und Chrome beginnen, Popup-Benachrichtigungen auszublenden
• Vorbereiten Ihrer Websites für den neuen Microsoft Edge

Wir entschuldigen uns für Tippfehler oder fehlerhafte / duplizierte Links. Wenn Sie ein Problem bemerken - bitte schreiben Sie eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

← Digest der letzten Woche
Material von Dersmoll und Alekskorovin vorbereitet