Frontend Weekly Digest (11. - 17. März 2019)

Diese Woche veröffentlichen wir eine wirklich große Auswahl aller wichtigen Neuigkeiten, die Sie bei der Front-End-Entwicklung möglicherweise verpasst haben. Stellen Sie sicher, dass Sie die neuesten Updates für CSS, HTML und JavaScript überprüfen.

Webentwicklung

• Ein JavaScript-freies Frontend
• Planen von reaktionsschnellen Bildern
• Vor 30 Jahren hat sich die Welt für immer verändert
• KV-Speicher: Das erste integrierte Webmodul
• Accessibility Insights ist ein neues # a11y-Testtool, mit dem Sie schnell und umsetzbar Informationen zu Barrierefreiheitsproblemen in Ihren Produkten erhalten
• Fügen Sie erstklassige Unterstützung für das differenzielle Laden von Skripten hinzu

• Leistung:
  • Ankündigung von Lite Pages für Chrome: Ein schnelleres Laden für Benutzer in * sehr * langsamen Netzwerken. Opt-In über Data Saver für intelligenteres Server-Pre-Rendering und Priorisierung von Seitensubressourcen. Funktioniert mit HTTPS.
  • Chrome Lite-Seiten verstehen
  

• Werkzeuge:
  • Erhabener Text 3.2 ist raus! Git integriert und immer noch blitzschnell
  • Verwendung von Chrome als IDE
  

CSS

• WebP in CSS - PostCSS-Plugin und kleines JS-Skript (128 Byte) zur Verwendung von WebP im CSS-Hintergrund
• Wie Sie mit CSS Grid beginnen können
• Entwerfen einer Seitenverhältniseinheit für CSS
• CSS-Debugging ist schwierig
• if-Anweisungen und for-Schleifen in CSS
• So bearbeiten Sie CSS-Farben mit JavaScript
• Neugestaltung unserer Dokumente - Teil 4 - Erstellen einer skalierbaren CSS-Architektur
• Warum kann ich die Schriftgröße eines besuchten Links nicht festlegen?
• Webstandards erfüllen User-Land: Verwenden von CSS-in-JS zum Gestalten benutzerdefinierter Elemente
• Erste Schritte mit PostCSS im Jahr 2019
• Unterstreichen des Navigationsmenüs verschieben

Javascript

• Node.js Foundation und JS Foundation werden zur OpenJS Foundation zusammengeführt
• Aktualisierung der experimentellen Funktionen in Node.js.
• GraphQL im Detail: Was, warum und wie
• Wie ich meinen JavaScript-Code ruiniert und trotzdem die Coding Challenge gewonnen habe
• JavaScript in 14 Minuten

• Theorie:
  • Rückrufe in Versprechen umwandeln
  • Wenn "Zoë"! == "Zoë". Oder warum Sie Unicode-Zeichenfolgen normalisieren müssen
  • 7 Tricks zum Ausruhen und Verbreiten von JavaScript-Objekten
  

• VueJS:
  • So ersetzen Sie jQuery durch Vue
  • So richten Sie die reaktionsschnelle UI-Suche in Vue.js ein
  • Vue a11y - Vue.js Community-Projekt zur Verbesserung der Barrierefreiheit im Internet.
  

• Reaktion:
  • React Hooks: So fangen Sie an und bauen Ihre eigenen
  • Fügen Sie Animationen hinzu, um Apps mit React-Lottie zu reagieren
  • Optimale Dateistruktur für React-Anwendungen
  • Sie benötigen kein ausgefallenes Framework, um GraphQL mit React zu verwenden
  

• Winkel:
  • Aktualisieren Sie automatisch faul geladene Module für Ivy!
  • Implementieren des Datei-Uploads mithilfe von Node und Angular
  • Erstellen von Winkel- und Reaktionsanwendungen zusammen mit Nx
  

• Libs & Plugins:
  • Warum Sie Moment.js nicht verwenden sollten ...
  • Versprechen-Dienstprogramme: Lodash-ähnliche, abhängigkeitsfreie Dienstprogramme für native ES6-Versprechen
  • asynchrones paralleles / serielles foreach in JavaScript
  • lax.js - Einfaches und leichtes (2 KB minimiertes und gezipptes) Vanille-Javascript-Plugin, um beim Scrollen flüssige und schöne Animationen zu erstellen
  

Danke fürs Lesen! Sie können uns gerne Ihre Artikel oder frischen nützlichen Inhalte senden, die Sie in der nächsten Übersicht sehen möchten.