Frontend Weekly Digest (3. - 9. Juni 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

• Verwendung der Web Share-API
• Die SEO-Anforderungen für eine neue Website

• Leistung:
  • Extrahieren Sie kritisches CSS . Erfahren Sie, wie Sie die Renderzeiten mit der kritischen CSS-Technik verbessern können.
  • Steigern Sie effektiv die Leistung Ihrer (mobilen) Website!
  

• Zugänglichkeit:
  • Erstellen Sie einen möglichst unzugänglichen Standort mit einer perfekten Lighthouse-Punktzahl
  • Anzeige des Fokus zur Verbesserung der Zugänglichkeit
  • Die Anatomie zugänglicher Formen: Das Problem mit Platzhaltern
  • Zugänglichkeit von Formularen: ein praktischer Leitfaden
  • Webzugriff im Kontext. Wie unterstützen Browser und HTML heute Screenreader?
  

• Animationen:
  • Zusammenfassung der inspirierenden Websites Nr. 5
  • Awesome Demos Roundup # 5
  

CSS

• Verhindern Sie das Scrollen von Seiten, wenn ein Modal geöffnet ist
• Modale entlang eines Pfades bewegen
• Die CSS-Denkweise
• CSS-Architektur - Ordner- und Dateistruktur
• CSS Grid Level 2 - Subgrid kommt zu Firefox
• Variable Schriftarten und eigenartige benutzerdefinierte Achsen
• Halten Sie Ihr CSS in JS sauber

Javascript

• • JSHeroes 2019
• So steuern Sie Musik mit einem PS4 DualShock und JavaScript
• Aktivieren von modernem JavaScript auf npm
• • JavaScript: SEO Mythbusting
• • JAVASCRIPT SEO ist TOT! Was nun?

• Theorie:
  • Arrays in JavaScript : Von [0] bis ['H', 'E', 'R', 'O']
  • Magische, mystische JavaScript-Wandler
  

• Reaktion:
  • Erstellen von Animationen mit React Spring
  • Top 5 Fähigkeiten, die Sie als Junior-JavaScript-Entwickler lernen sollten
  • Wie ich meine React-App viermal schneller gemacht habe.
  • Was ist die große Sache mit React Hooks?
  • Zwischenspeichern Sie Ihre React-Ereignis-Listener, um die Leistung zu verbessern.
  

• Winkel:
  • Angular & RxJS: Async Pipe Deep Dive
  • Eine Reise in die Angular Animation
  • Angular CLI unter der Haube - Builder entmystifizierten v2
  • Angular: Eine Reise eines der beliebtesten Front-End-Tools auf dem heutigen Arbeitsmarkt
  

• VueJS:
  • Tutorial: So erstellen Sie einen animierten interaktiven Vue.js-Schieberegler
  • Vue.js Gotchas. Häufige Korrekturen für starke Kopfschmerzen
  • Erstellen eines dynamischen Baumdiagramms mit SVG und Vue.js.
  

• Ember:
  • • Crash Log Podcast : Produktjagd, Geschwindigkeit vs. Qualität, Integrationen
  • • EmberMap Podcast, Ep. 64 - Open Source ist nicht kostenlos
  • Reagieren Sie auf heißes Laden
  

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.