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

• SVG-Webseitenkomponenten für IoT und Hersteller (Teil 2)
• Eine Einführung in den JAMstack: die Architektur des modernen Web
• Warum das Bauen mit einem JAMstack fantastisch ist
• Alles, was Sie schon immer über den Eingabemodus wissen wollten
• Ein Leitfaden für Anfänger zum Mops
• JPEG entwirren
• Integration von Animationsbibliotheken von Drittanbietern in ein Projekt
• So erstellen Sie ein SVG-Kreisdiagramm - Code zusammen mit Kasey (Video)

• Leistung:
  • Ein tiefer Einblick in das native Lazy-Loading für Bilder und Frames
  • Ein Bericht von der Sitzung des AMP-Beratungsausschusses
  • Bildoptimierung: Verstehen der genauen Auswirkungen auf den Leistungsfaktor von Google, um 2019 einen höheren Rang zu erreichen
  • Bessere HTTP / 2-Priorisierung für ein schnelleres Web
  • Ist 'the fold' immer noch eine Sache in der heutigen Scrolling- und Skimming-Kultur?
  • 3Pweb - Hier wird angezeigt , wie lange die Ausführung der Skripts der Entität im Durchschnitt dauert .
  

• Werkzeuge:
  • Fernentwicklung mit VS-Code
  • Schnelleres, intelligenteres JavaScript-Debugging in Firefox DevTools
  

• Zugänglichkeit:
  • Eine neue (und einfache) Möglichkeit, Inhalte zugänglich auszublenden
  • Der Status der Barrierefreiheit: GAAD 2019
  • Ankündigung von Microsoft Web Template Studio
  

CSS

• Es ist ein Trap-Ezoid: CSS-Formen sind nicht das, was Sie erwarten würden
• Animieren von CSS-Rasterzeilen und -spalten
• Subgrid . Ein neuer Artikel über MDN-Entwicklungsdokumente
• CSS-Scan: Der schnellste Weg, um CSS zu überprüfen und zu kopieren
• Die CSS-Funktion zum Abschneiden von mehrzeiligem Text wurde in Firefox implementiert
• Debuggen des CSS-Grids: Teil 2: Was zum Fr (Aktion)?
• Google Fonts unterstützt jetzt die Anzeige von Schriftarten!
• CSS-Regeln, die Ihnen das Leben erleichtern
• Chinesisches Fenstergitter und CSS

Javascript

• Cloudflare, Mozilla und Facebook entwickeln BinaryAST, um das Herunterladen von JavaScript zu beschleunigen.
• Erste Schritte mit Svelte 3
• Funktionsorientiertes JavaScript
• TypeScript 3.0: Der unbekannte Typ

• Theorie:
  • Eine praktische Anleitung zu Javascript Proxy
  • JavaScript-Engines: Wie funktionieren sie überhaupt? Vom Call Stack bis zum Versprechen (fast) alles, was Sie wissen müssen
  

• VueJS:
  • Zugängliche Formularüberprüfungsnachrichten mit ARIA und Vue.js.
  • Eine Einführung in die testgetriebene Entwicklung mit Vue.js
  • Erste Schritte mit Vue - Ein Tutorial mit Übersicht und exemplarischen Vorgehensweisen
  • Wischen Sie mit Vue.js & Tailwind über die Galerie
  

• Reaktion:
  • So konvertieren Sie auf einfache Weise von React-Redux-Klassen in React Hooks
  • unform - ReactJS-Formularbibliothek zum Erstellen unkontrollierter Formularstrukturen mit verschachtelten Feldern, Validierungen und vielem mehr!
  • UI-Animation in React
  • ReactQ - Universal React + GraphQL-Starterkit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL-Codegenerator, React Router 4, PostCSS, SSR
  • Essentielle Reaktionsmuster für Reaktionshaken
  • Andocken einer React App
  • Erstellen Ihrer eigenen React Validation Library: Die Grundlagen (Teil 1)
  • Was tun, wenn sich Ihre React-App langsam anfühlt?
  

• Winkel:
  • Erstellen eines Online-Shops mit ngrx / store und Angular
  • Meine Lieblingstipps und Tricks in Angular
  • Komponentenvererbung im Winkel
  • Mit Angular CDK können Sie A11y problemlos ausführen. Tastaturnavigierbare Listen
  

• Libs & Plugins:
  • Microsoft hat den Code für die in Bing verwendete Vektorsuchbibliothek geöffnet
  • Storeon: Winziger Statusmanager für moderne Front-End-Anwendungen, der Redux sehr nahe kommt und in einer einzigen Datei implementiert ist, die sich auf 173 Bytes reduziert
  • ola - Glatte Animationsbibliothek zum Interpolieren von Zahlen
  • reLift-HTML ist eine sehr kleine Ansichtsbibliothek (3 KB), mit der Sie Webkomponenten und benutzerdefinierte Elemente erstellen und jede HTML-Seite reaktiv machen können, ohne dass große Frameworks aufblähen.
  

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.