Frontend Weekly Digest (9. - 15. September 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

• ComponentsConf 2019, Australien. 15 Videos
• 5G wird das Web möglicherweise definitiv langsamer machen
• (Warum) HTML ist "optional"
• Wie Sie zu einem Open Source-Projekt beitragen können
• X3D: Deklaratives 3D für das moderne Web
• Zeitgemäße Front-End-Architekturen

• Werkzeuge
  • Einführung in caniemail.com
  • Zusammenarbeit von Caniuse- und MDN-Kompatibilitätsdaten
  • Verschieben Ihrer JavaScript-Entwicklung auf Bash unter Windows
  • Meine bevorzugten Erweiterungen für die Webentwicklung
  • Tastenkontrastprüfung
  

• Effekte
  • Awesome Demos Roundup # 8
  • Zusammenfassung der inspirierenden Websites Nr. 8
  

CSS

• Erstellen von einzigartigen, schönen Websites mit Tailwind CSS
• Sicherheitslücken in der CSS-Sicherheit
• Ghost Buttons mit Richtungsbewusstsein in CSS
• Zwei Browser gingen in eine Bildlaufleiste
• Logische Operationen mit CSS-Variablen
• So entfernen Sie nicht verwendetes CSS
• CSS-Raster: Magazin-Layouts

Javascript

• So finden Sie mit dem Debugger Fehler in Ihrem JavaScript-Code
• Metronome in JavaScript
• Beobachtbarkeit des Frontends. Eine praktische Anleitung zur Fehlerüberwachung von Browsern mit window.onerror
• Maschinelles Lernen für Front-End-Entwickler mit Tensorflow.js
• Ein leichter V8
• Wie ich Javascript-Code debugge, den ich nicht geschrieben habe
• ECMAScript-Liste neuer Funktionen - Eine umfassende Liste neuer ES-Funktionen, einschließlich ES6, ES7, ES8, ES9 und ES10 (2015-2019).
• Die herausragendste neue Funktion in Javascript, die Sie kennen müssen: Optionale Verkettung

• Theorie
  • Hier geht es um nützliche JS-Tipps und Tricks!
  • 4 Möglichkeiten für den sicheren Zugriff auf verschachtelte Objekte in Vanilla Javascript
  • Eine erneute Einführung in die Destrukturierungszuweisung
  • Es ist nicht falsch, dass "emoji" .length == 7
  

• Reagiere
  • Hamburger-Menü mit einer Seite aus Reaktionshaken und gestalteten Komponenten
  • Warum wir auf React Hooks umgestellt haben
  • React Dev Tools - Debuggen wie ein Ninja
  

• Vue
  • Erstellen Sie Ihre Anwendung mit gestalteten Komponenten in Vue.js.
  • Vue 3 | Blick in die Vueture: Kompositionsfunktionen. Natalia Tepluhina auf ComponentsConf 2019
  • JSFoo: VueDay 2019
  • Ein paar praktische Vue.js-Tricks
  • Warum ist Vuejs so großartig?
  • Testen von Vue-Apps mit dem beliebten Cypress-Framework
  

• Winkelig
  • Erstellen von suchmaschinenfreundlichen internationalisierten Web-Apps mit Angular Universal und ngx-translate
  • Fügen Sie einer Angular-App Internationalisierung (i18n) hinzu
  • Konfigurieren eines Angular CLI-Projekts mit GraphQL
  • Was ist neu nach Angular 8?
  

• Bibliotheken & Plugins
  • css-dot-js-loader - Ein Webpack-Loader, mit dem statischer CSS-Code über JavaScript generiert werden kann
  • check-imports - Überprüft die Importe in JS-Dateien und aktualisiert die Abhängigkeiten von package.json
  • Dunkler Modus auf Ihrer Site mit 1 Codezeile
  • "Native Lazyload" von Google offiziell in Wordpress
  • js-fire - eine Bibliothek zum automatischen Generieren von Befehlszeilenschnittstellen (CLIs) aus den meisten js-Objekten.
  • poetisch: Konfigurieren von ESLint, Prettier und Airbnb in einer Zeile
  • js-noisy-gradient - Kleine und schnelle Bibliothek zum Glätten sichtbarer Streifen in Hintergründen mit linearem Gradienten.
  

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.