Frontend Weekly Digest (28. Januar - 3. Februar 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

• HTML, CSS und unsere Einstiegspunkte in der verschwundenen Branche
• CSS und JS befinden sich im Krieg. So stoppen Sie es
• HTML ist und war immer ein Kompilierungsziel - können wir damit umgehen?
• Der Google Play Store ist jetzt für Progressive Web Apps geöffnet
• Die „Backendification“ der Frontend-Entwicklung
• Eine Übersicht der aufregendsten Vorschläge für die Webplattform in Bezug auf Webkomponenten

• Leistung:
  • „Die Freude an der Optimierung von Bildern“ von Una Kravets - Ein Event-Apart-Video
  • Bandbreite oder Latenz: Wann muss für welche optimiert werden?
  • Optimierung der Seitengeschwindigkeit: Metriken, Tools und Verbesserungsvorschläge
  • Verbesserung der Leistung von Web-Schriftarten: eine Fallstudie
  

• Werkzeuge:
  • tris-webpack-boilerplate - Ein Webpack-Boilerplate für statische Websites, in das alle erforderlichen modernen Tools und Optimierungen integriert sind
  • 11 großartige JavaScript-Erweiterungen für Visual Studio-Code
  • Was ist neu in DevTools (Chrome 73)?
  • Neu in Firefox DevTools 65
  

• Zugänglichkeit:
  • Verwenden künstlicher Intelligenz zum Generieren von Alt-Text für Bilder
  • Tools und Strategien zur Entwicklung barrierefreier Web-Apps
  • Wie denkst du?
  

• Animationen:
  • Gebäudewellenanimation mit Three.js
  • Taotajima.jp WebGL-Dekonstruktion
  • Benutzerdefinierte Cursoreffekte
  

CSS

• CSS Position Sticky - Wie es wirklich funktioniert!
• Ein Blick auf die CSS-Silbentrennung im Jahr 2019
• Die vielen Möglichkeiten, eine SVG-Füllung beim Schweben zu ändern (und wann sie verwendet werden soll)
• CSS-in-JS und statisches Rendern
• CSSans Pro - Die farbenfrohe, freche CSS-Schriftart
• CSS WordArt
• CSS-Raster: Excel-Tabelle
• CSS-Animation: Karte des Rumtreibers

Javascript

• Neuerscheinungen: TypeScript 3.3 , Babel 7.3 , Jest 24
• Zukünftiges JavaScript: Was fehlt noch?
• Statisch gegen Einheit gegen Integration gegen E2E-Tests für Frontend-Apps
• Reagieren gegen Winkel: Ein detaillierter Vergleich
• Drei weitere Möglichkeiten zur Visualisierung des JavaScript-Status
• Tiefer tauchen in JavaScripts-Objekten . Ein genauerer Blick auf JavaScript-Objektdeskriptoren

• VueJS:
  • 7 Probleme, die Sie vermeiden können, indem Sie Nuxt.js für Ihre nächste Vue-App verwenden
  • Vue.js App-Leistungsoptimierung: Teil 1 - Einführung in die Leistungsoptimierung und das verzögerte Laden.
  • Beherrschen berechneter Eigenschaften in VueJS
  • Erstellen eines einfachen Social Media-Monitors mit NodeJS, GraphQL und Vue
  • Verwenden von Vue.js zum Erstellen eines interaktiven Wetter-Dashboards mit APIs
  • Was bedeutet Vue 3.0 für die Webentwicklung?
  

• Reaktion:
  • Die (neuen) React Lifecycle-Methoden in einer einfachen, ansprechbaren Sprache
  • Reagieren Sie als UI-Laufzeit
  • Erstellen Sie progressive Web-Apps mit React - Teil 1
  • addimated - Eine immer unterbrechbare, deklarative Animationsbibliothek für React
  • Reagieren Sie auf Custom Scroll 4.0
  • 5 Möglichkeiten, eine ReactJs-App im Jahr 2019 zu animieren.
  • Wie schnell Gatsby ist
  

• Winkel:
  • Einführung in NG-VDOM: Eine neue Methode zum Schreiben von Angular-Anwendungen
  • Erstellen Sie eine produktionsbereite PWA mit Angular und Firebase
  • Angular 7 | 6 Tutorial: Erstellen und Senden eines Formulars
  • Angular DI: Lernen Sie den Ivy NodeInjector kennen
  

• Libs & Plugins:
  • flexsearch - Volltextsuchbibliothek der nächsten Generation für Browser und Node.js.
  • readability.js - Eine eigenständige Version der Lesbarkeitsbibliothek, die für die Firefox Reader-Ansicht verwendet wird
  • webaudio-synth: Polyphonischer Synthesizer für die Web-Audio-API
  

Browser

• Firefox 65: WebP-Unterstützung, Flexbox Inspector, neue Tools und Plattform-Updates
• Bemerkenswerte Änderungen an WebRender und Gecko
• Referenzbrowser zum Testen bereit!
• Microsoft entscheidet, dass Internet Explorer 10 Spaß hat: Die Kündigung ist für Januar 2020 festgelegt