Frontend Weekly Digest (19. - 25. 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

• Amp-Skript: AMP JS
• Was HTML6 wirklich braucht (Lebensstandard)
• Optionales HTML: Alles, was Sie wissen müssen
• Ankündigung von NodeGUI und React NodeGUI - Erstellen Sie native Desktop-Apps mit Javascript und CSS

• Leistung:
  • Schnelleres Laden von Bildern mit eingebetteten Bildvorschauen
  • Verwenden Sie rel = ”preconnect”, um Netzwerkverbindungen frühzeitig herzustellen und die Leistung zu steigern
  

• API:
  • Text-to-Speech im Browser mit der Web Speech API
  • Die native Dateisystem-API: Vereinfachung des Zugriffs auf lokale Dateien
  

• Zugänglichkeit:
  • Was Tumblr mir über Barrierefreiheit beigebracht hat
  • ADA Web & App Accessibility Lawsuit Report zur Jahresmitte . "Die Zahl der bei Bundesgerichten eingereichten Klagen im Zusammenhang mit der Zugänglichkeit von Websites und Apps hat jetzt eine Stunde erreicht, das sind 8 pro Tag, 40 pro Woche, und wird auch in diesem Jahr wieder für über 2.000 Klagen auf Tempo sein."
  • Top 5 Ressourcen für die Barrierefreiheit von Web-Apps
  

• Übung:
  • Multiplayer Tic Tac Toe mit GraphQL
  • Erstellen eines Echtzeit-Multiplayer-Virtual-Reality-Spiels (Teil 1)
  • Die Erstellung eines animierten Favicons
  
  

CSS

• Woher kommen CSS-benannte Farben?
• Hier ist eine Liste der wichtigsten CSS-Front-End-Bibliotheken
• Können Sie Druckstylesheets anzeigen, die direkt im Browser angewendet wurden?
• Bounce-Element um das Ansichtsfenster in CSS
• CSS kann das ... und es ist erschreckend!

Javascript

• Verwenden Sie JavaScript-Generatorfunktionen, um die Speichernutzung zu reduzieren
• Verwenden nativer JavaScript-Module in der heutigen Produktion
• Entprellen und Drosseln in JavaScript
• JS: Dinge, die man lernen muss, um älter zu werden

• Reaktion:
  • Reagieren: Erstellen einer zugänglichen FAQ-Komponente
  • 5 Tipps zur Vermeidung von Fallstricken bei Haken
  • Lokalisierung mit Reagieren
  • Verwenden von requestAnimationFrame mit React Hooks
  • Moderne Reaktionstests, Teil 2: Scherz und Enzym
  • Der Status von semantischem JSX
  

• VueJS:
  • So laden Sie dynamische Bilder mühelos in Vue und Nuxt
  • Vue.js Router-Leistung
  • Verwendung von Vuetify in Vue.js
  • So vermeiden Sie Verstöße gegen SOLID-Prinzipien in Vue. Js Anwendung
  

• Winkel:
  • 7 Möglichkeiten, Ihre Angular App zugänglicher zu machen
  • Winkelsuche und Paginierung
  • Warum Sie niemals Funktionsaufrufe in Angular-Vorlagenausdrücken verwenden sollten
  

• Ember:
  • Ember.js und React.js: Vergleiche zwischen einigen der erweiterten Funktionen
  • Der Ember-Atlas - Ein Ort für alles, was Ember zu bieten hat: Prozesse, Best Practices, Upgrade-Anleitungen und mehr!
  • Erstellen einer Elektronen-App mit Ember JS
  • • Commit Porto '19: Erfolg durch den Hype-Zyklus: eine Ember.js-Geschichte (Ricardo Mendes)
  

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.