Frontend Weekly Digest (8. - 14. April 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

• • Front-End-Entwicklerhandbuch 2019
• • Ergebnisse der Entwicklerumfrage
• • Inline-SVG ... zwischengespeichert
• • Webentwicklung, illustriert.
• • mobile Eingabetypen
• • Javascript vs. CSS - Mehr Kontrolle bedeutet mehr Verantwortung
• • Verwenden der Web Speech API für mehrsprachige Übersetzungen
• • Vertrauen Sie den Einheimischen nicht: Untersuchen Sie die Verbreitung von beständigem clientseitigem Cross-Site-Scripting in freier Wildbahn

• Leistung:
  • • Native Lazy Loading und js-basiertes Fallback mit Vanilla-Lazyload 12
  • • Google AMP hat unsere Seitengeschwindigkeit gesenkt, und es bleibt nichts anderes übrig, als sie zu verwenden
  • • So erhalten Sie eine 100% Lighthouse-Leistungsbewertung
  

• Zugänglichkeit:
  • • Häufiges Problem mit der Barrierefreiheit: Wechseln zu einem Seitenabschnitt, ohne den Tastaturfokus zu verschieben
  • • Farbzugänglichkeit: Tools und Ressourcen, mit denen Sie inklusive Produkte entwerfen können
  • • Die 5 wichtigsten Fragen, die in Barrierefreiheitsschulungen gestellt wurden
  

• Animationen:
  • • So erstellen Sie mit Three.js einen Sticky Image-Effekt
  • • SVGs mit wiederverwendbaren WebGL-Komponenten mithilfe von React-Three-Fiber auseinander ziehen
  

CSS

• • Es ist 2019! Beenden wir die Debatte über Symbolschriftarten gegen SVG-Symbole
• • Eine Anleitung zum Verständnis von CSS Houdini mithilfe von Cartoons
• • CSS Battle Tips n 'Tricks
• • SVG mit CSS animieren
• • Befolgen Sie diese Schritte, um ein CSS-Superstar zu werden
• • Rufen Sie mit JavaScript einen benutzerdefinierten CSS-Eigenschaftswert ab
• • Art Direction für das Web mit CSS-Formen
• • Verwenden eines Mixins, um die Mathematik aus reaktionsschnellen Schriftgrößen zu entfernen
• • Warum sollten Sie CSS env () verwenden?
• • QUIZ: Gut ausgerichtet? Wie gut kennen Sie CSS-Selektoren?
• • sassyfication: Bibliothek mit Sass-Mixins zur Beschleunigung Ihres CSS-Workflows.

Javascript

• • jQuery 3.4.0 veröffentlicht
• • Das Chrome DevTools-Quellenfenster: Überschreibt vs FileSystem vs Snippets vs Page
• • Fünf Gründe, warum Webkomponenten JavaScript-Frameworks ergänzen könnten
• • Kyle Simpson: Ich habe mehr JavaScript vergessen, als die meisten Menschen jemals gelernt haben
• • 31 beliebtesten GitHub JS-Repositories im April 19

• Theorie:
  • • Zahlenkürzung in JavaScript
  • • Die Fallstricke von Async / Await in Array-Schleifen
  • • Zur Verteidigung der ternären Aussage
  • • Verbessern Sie die asynchrone Programmierung mit Javascript-Versprechungen
  • • Entwurfsmuster in der modernen JavaScript-Entwicklung
  

• VueJS:
  • • Warum sollte Ihr Unternehmen Vue.js verwenden?
  • • Einführung eines neuen State-Managements für Vue.js.
  • • Zusammenfassung der Erfahrungen und Gespräche von VueJs Amsterdam 2019 (Teil 2)
  • • Warum ich Vue über React gewählt habe
  • • Abrufen von Daten von einer Drittanbieter-API mit Vue.js und Axios
  • • Machen Sie Ihre Vue.js-Webanwendungen auffindbar - JavaScript SEO
  

• Reaktion:
  • • Was ich wünschte, ich wüsste es, als ich anfing, mit React.js zu arbeiten
  • • React95 - Eine React-Komponentenbibliothek mit Win95-Benutzeroberfläche
  • • Best Practices für das Styling mithilfe von React
  • • Die beste Reaktionserweiterung für VS-Code
  • • Übersicht über gängige CSS-in-JS-Bibliotheken für React
  • • Statusverwaltung mit React Hooks - Keine Redux- oder Kontext-API
  

• Winkel:
  • • Winkelkontext: Einfache Datenbindung für verschachtelte Komponentenbäume und das Router-Outlet
  • • Angular CLI - Entmystifizierung des Arbeitsbereichs
  • • Advanced Angular: Implementieren einer wiederverwendbaren Autocomplete-Komponente
  

• Libs & Plugins:
  • • fkit: Ein funktionales Programmier-Toolkit für Javascript
  • • jQuery Terminal Emulator - webbasiertes Terminal
  • • Choices.js : Ein anpassbares Vanilla JS-Auswahlfeld / Texteingabe-Plugin
  

Browser

• • Was Sie in den neuen Microsoft Edge Insider-Kanälen erwartet
• • Opera führt Reborn 3 ein, den ersten Desktop-Browser mit Web 3, schnellerem VPN und Werbeblocker
• • Edge Goes Chromium: Was bedeutet das für Front-End-Entwickler?

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.