Frontend Weekly Digest (5. - 11. August 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

• Lassen Sie Mavo beim Erstellen interaktiver Webanwendungen glänzen
• Eine einfache Einführung in Web Worker in JavaScript
• Erstellen interaktiver, hochoptimierter E-Mails mit dem AMP Framework von Google
• Warum ist moderne Webentwicklung so kompliziert? Eine lange, aber voreilige Erklärung: Teil 1!
• Was ist das Beste: Ein Treueprogramm PWA oder eine mobile App?
• Eine Kontaktauswahl für das Web
• • Jetzt live: Ihre SmashingConf Toronto Playlist

• Leistung:
  • Größte inhaltliche Farbe . Erleichtert das Erkennen, wann der wichtige Inhalt einer Seite geladen wurde.
  • Zeit bis zum ersten Byte: Was es ist und warum es wichtig ist
  • Native Lazy-Loading für das Web
  • Native Lazy-Loading auf Chrome 76 gestartet!
  • Stellen Sie frühzeitig Netzwerkverbindungen her, um die wahrgenommene Seitengeschwindigkeit zu verbessern
  • Hochleistungsfähige Eingabeverarbeitung im Web
  

• Werkzeuge:
  • Die Anleitung zu Visual Studio Code-Verknüpfungen, höherer Produktivität und 30 meiner bevorzugten Verknüpfungen, die Sie lernen müssen
  • SVG Gobbler - Eine einfache Browsererweiterung, die SVG-Inhalte in Ihrem aktuellen Fenster findet, eindeutige Attribute einschließlich der Größe hervorhebt und das Herunterladen oder Kopieren in die Zwischenablage ermöglicht
  

• Zugänglichkeit:
  • Web Accessibility vs. Benutzerfreundlichkeit
  • Unerwartete Tipps zur Barrierefreiheit
  

• Animationen:
  • Image Trail-Effekte
  • Zusammenfassung der inspirierenden Websites Nr. 7
  • Erstellen von Webanimationen mit Anime.js
  
  

CSS

• Schreibmodi und CSS-Layout
• Lernen von CSS durch Lesen von Spezifikationen
• • Clientseitige JS-Weiterleitungen: Kann Googlebot sie erkennen? #AskGoogleWebmasters
• Umgang mit nicht verwendetem CSS in SASS zur Verbesserung der Leistung
• CSS: Leere Auswahl
• Wöchentliche Plattformnachrichten: CSS-Schriftstil: schräg, Webhin-Browsererweiterung, CSS-Module V1
• Designprinzipien für Entwickler: Prozesse und CSS-Tipps für ein besseres Webdesign
• Verschieben von Text auf einem gekrümmten Pfad
• 5 Super-CSS-Grid-Generatoren für Ihre Layouts
• Subpixel-Rendering und Rahmen

Javascript

• Ziehen und Ablegen von HTML-Elementen und -Dateien mithilfe von Javascript
• Erstellen meiner ersten schlanken App: Gedanken und Eindrücke
• Arbeiten mit der asynchronen Iteration von ECMAScript 2019 mit „for-of“
• Intl.NumberFormat
• Interessante Anwendungsfälle für bitweise JavaScript-Operatoren
• JavaScript Promise-Kombinatoren: .all (), .race (), .allSettled ()

• VueJS:
  • Einrichten einer Vue-Entwicklungsumgebung
  • Ändern von Komponentendaten mit Ereignisemittern in Vue.js
  • Mehr aus Vue Async-Komponenten herausholen
  

• Reaktion:
  • Reagieren Sie auf Version 16.9.0 und das Roadmap-Update
  • Was ist neu in React v16.9?
  • Wie funktioniert der Entwicklungsmodus?
  • Erstellen mobiler Apps mit Ionic und React
  • useEffect vs. useLayoutEffect in einer einfachen, ansprechbaren Sprache
  • Immer für React State Management verwenden
  

• Winkel:
  • Verwenden der asynchronen Wartefunktion in Angular
  • Asynchrone Module und Komponenten in Angular Ivy
  • Auf dem Weg zu Angular 9: Drei Bugfixes in Angular 9
  • So teilen Sie Winkelkomponenten zwischen Projekten und Apps
  

• Libs & Plugins:
  • sharec - ein neues minimalistisches Tool für Boilerplating und Konfigurationsversionierung, mit dem Dateien kopiert, zusammengeführt und gelöscht werden können.
  • Frosted Panel ist eine browserübergreifende Bibliothek, die in reinem Javascript geschrieben wurde, um einen reaktionsschnellen "Frosted Glass" -Effekt zu erzielen.
  • murphyjs: Eine einfache Möglichkeit, scrollbasierte Enthüllungsanimationen in Ihren Komponenten zu implementieren.
  

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.