Frontend Weekly Digest (17. - 23. 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

• Warum ich keine Webkomponenten verwende
• So schneiden Sie Ihren HTML-Code
• Reduzierte Filmtechnik, nehmen Sie zwei
• Webkomponenten-Tutorial für Anfänger [2019]
• Micro-Frontends
• So erstellen Sie eine PDF-Datei aus Ihrer Webanwendung
• Alles, was Sie über Progressive Web App (PWA) wissen müssen
• Draggable-Menü mit Vorschau des Bildrasters

• Leistung:
  • So erhöhen Sie Ihre Seitengröße mit Webpack und Vue um 1.500%
  • Optimieren der Leistung von Google Fonts
  • Der einfachste Weg, eine langsame Website zu beschleunigen
  • So steigern Sie die Leistung Ihrer Frontend-App - 5 Codierungstipps
  • exthouse : Analysieren Sie die Auswirkungen einer Browsererweiterung auf die Webleistung
  

• Zugänglichkeit:
  • Die Anatomie zugänglicher Formen: Best Practices
  • Konvertieren von Divs in zugängliche Pseudo-Buttons
  • 5 Schlüssel für barrierefreie Web-Typografie
  

CSS

• • CSS Day 2019 + UI Special
• CSS-Tag 2019: Teil 1: UI-Special (1/2) , Teil 1: UI-Special (2/2)
• CSS-Tag 2019: Einige Dinge, die ich gelernt habe
• Drop Caps & Design-Systeme
• Kopieren und Einfügen von CSS-Animations-Spickzettel
• CSS-Bildlauf-Snap in Firefox 68 aktualisiert
• CJSS - Ein CSS-basiertes Webframework

Javascript

• Erstellen von Micro-Frontends mit React, Vue und Single-Spa
• Bringen Sie Servicemitarbeiter in die Google-Suche
• 5 ES2019-Funktionen, die Sie heute verwenden können
• Lambda-Kalkül in JavaScript?
• JS Essentials: Die JavaScript-Engine

• VueJS:
  • Vues dunkelster Tag
  • Erste Schritte mit Vuex: Ein Leitfaden für Anfänger
  • Übergeben von Variablen an CSS für eine Vue-Komponente
  • Verwenden Sie die Datenbindungsoptionen von Vue.j für reaktive Anwendungen
  • Einführung in Vue Lifecycle Hooks
  • Erstellen einer CRUD-App mit Vue und GraphQL
  

• Reaktion:
  • So fügen Sie Ihrer Preact-Anwendung Internationalisierung (i18n) hinzu
  • Reagieren Sie mit 60 fps - Erstellen Sie einen mittelgroßen Zoom mit React-Pose
  • Vereinfachung des Reaktionsstatus und des useState-Hooks
  • Was zum Teufel ist das in React? (Spannung)
  • Vue ohne Ansicht - Eine Einführung in renderlose Komponenten
  

• Winkel:
  • Benutzerdefinierte Winkelanweisungen
  • Erstellen skalierbarer, robuster und typsicherer Formulare mit Angular
  

• Ember
  • EmberJS2019 Beiträge
  • Integrierte Eingabehilfen in Ember.js: Wann sollten sie verwendet werden?
  • Wie man tatsächlich überlegene Web-Apps kostenlos erstellt
  • Essentielle Ember Addons: Der Zustand des Ember Addon-Ökosystems im Jahr 2019
  

• Libs & Plugins:
  • ts-toolbelt: Höhere Typensicherheit für TypeScript
  • spotlight: Die am einfachsten zu integrierende Lightbox-Galeriebibliothek im Internet
  • Nur - eine Build-Task-Definitionsbibliothek
  • deepmerge - Bibliothek zum tiefen (rekursiven) Zusammenführen von Javascript-Objekten
  

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.