Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 363 (29. April - 5. Mai 2019)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Webentwicklung | CSS | Javascript | Browser | Unterhaltsam

---

Medien

• • Web Standards Podcast , 174. Chrome 75, Spectre, Slot, Svelte und Parcel, Schriftdownloads, Indie Open Source
• • Podcast Frontend Youth (18+) : # 91 Black Hole Frontend

Webentwicklung

• • TDD: Eine Entwicklungsmethode, die mein Leben verändert hat
• • Erstellen von Webkomponenten für verschiedene Kontexte
• • Praktischer Leitfaden zu SVG und Design Tools
• • Milliarden SVG-Anzeigemethoden
• • Einfachste Methoden zur Verarbeitung von HTML-Includes
• • So richten Sie die Gesichtsüberprüfung auf einfache Weise mit HTML5 + JavaScript ein

• Leistung:
  • • AMP in WordPress, die besten Anwendungsfälle
  • • AMP News Übersicht: AMP as a Service, signierter Austausch, Bento, CSS-Baumschütteln
  • • Verbesserung der Telegraphenproduktivität durch Optimierung der Ressourcen von Drittanbietern
  

• Werkzeuge:
  • • packtracker.io - Webpack Bundle Analyzer für jedes Commit
  • • So konfigurieren Sie den Debugger für die Chrome-Erweiterung in Visual Studio Code
  

CSS

• • Tauchen Sie ein in die Anzeigeeigenschaft
• • Viele Möglichkeiten, um „Semmelbrösel“ im Stil dreieckiger Bänder herzustellen
• • Mocap-Implementierung: Schritt für Schritt CSS-Layout erstellen
• • Erstellen Sie abgerundete Dreiecke in CSS mit dem Clip-Pfad
• • Erstellen Sie mit CSS Grid ein responsives Layout mit einem Raster ohne Medienabfragen
• • Kombinieren von CSS Grid mit Bootstrap Grid
• • Die Neudefinition von Preferred-Reduced-Motion ist eine Medienanforderung zur Begrenzung von Animationen im Web

Javascript

• Debuggen und Beheben häufiger JavaScript-Fehler
• • Neuerscheinungen: Babylon.js 4.0 , Electron 5.0.0 und jQuery 3.4.1 mit Auslösen von Fokusereignissen im IE und Suchen von Stammelementen in iOS 10
• • Viele Möglichkeiten, Daten in Grafiken einzugeben
• • Erstellen Sie ein neues facebook.com mit React, GraphQL und Relay
• • Einführung in die Kryptographie für JS-Entwickler
• • Optimieren Sie die Leistung von JS-Anwendungen mit Web Workern

• NodeJS:
  • • Was ist neu in Knoten 12?
  • • Einfache Automatisierung von npm-Veröffentlichungen
  • • dotenv: Umgebungsvariablen aus .env für NodeJS-Projekte laden
  • • 4 Lösungen zum gleichzeitigen Ausführen mehrerer Node.js- oder NPM-Befehle
  

• Theorie:
  • • JavaScript: 7 nützliche Kleinigkeiten
  • • Einführung in JavaScript async & warte
  • • Tiefes Verständnis von Async & Await JavaScript mit Beispielen
  • • Eine Einführung in Javascript für erfahrene Programmierer, die die Grundlagen fließend beherrschen
  • • Javascript Array.push ist 945-mal schneller als Array.concat
  
  

• VueJS:
  • • Übergang von jQuery zu Vue
  • • Testen Sie Ihre App auf Vue mit Jest und Travis CI
  • • Benutzerdefinierte Build-Modi mit Vue CLI 3
  • • Apollo-Statusverwaltung in Vue-Anwendungen
  • • Grundlegendes zu Mixins in Vue JS
  • • Fehlerbehandlung in Vue.js
  • • Walkthrough-Reaktivitätsimplementierung in Vue
  

• Reaktion:
  • Testreaktion im Jahr 2019
  • • So identifizieren und lösen Sie Probleme mit verlorenen Renderings in React
  • • Fünf Dinge, die Sie über React DevTools nicht wussten
  • • create-react-app v3, was ist neu?
  • • Laden von Seiten in Reagieren mit Skelett-Platzhaltern
  • • Reaktion: JSX und Rendern
  

• Winkel:
  • • Winkelsterben durch Reagieren?
  • • Grundlegendes zu Modulen in Angular
  • • Angular: Anhaltende Probleme, mit denen ich als Front-End-Berater konfrontiert bin
  • • Was ist Angular Console und warum sollten Sie darüber Bescheid wissen?
  • • Testen und Emulieren von Abhängigkeiten in Angular
  

• Libs & Plugins:
  • • shimport : Verwenden Sie in allen Browsern JavaScript-Module mit dynamischen Importen
  • • jquery-csv: Release des jQuery-Plugins zum Parsen von CSV
  • • aria-progress-range-slider : Voll zugänglicher, leichter Fortschrittsbalken / Range-Slider
  

Browser

• Benutzer und Entwickler vermuteten, dass Google absichtlich in den Browsern von Microsoft, Yandex und Mozilla versagt hat
• YouTube hatte eine Verschwörung, um Internet Explorer 6 zu eliminieren, aber die Verwaltung des Dienstes wusste nichts davon
• • Heutzutage funktionieren viele beliebte Add-Ons für Firefox aufgrund von Zertifikatsproblemen nicht mehr.
• • Brave Browser stellt eine belohnungsbasierte Werbeplattform vor
• Im Firefox-Add-On-Verzeichnis wird ein Verbot der Verschleierung von Code eingeführt
• • Versionshinweise für Safari Technology Preview 81

Unterhaltsam

• Kurz gesagt: Was Facebook auf der F8-Konferenz angekündigt hat
• Google wird sich in einer neuen Videoserie mit der Zerstörung von SEO-Mythen befassen
• Facebook hat die Implementierung der Hash-Tabellen F14 eröffnet
• Das WPCampus Gutenberg-Audit identifiziert „wesentliche und tiefgreifende Zugänglichkeitsprobleme“.
• Apache Foundation hat seine Git-Repositorys auf GitHub verschoben
• Vollstapel-Geständnis . Beruf, Religion, Träume
• Welche Programmiersprachen sind es 2019 nicht wert, gelernt zu werden?
• Dokumentation als Code: Sechs Programmierprinzipien, mit denen Sie Dokumente erstellen können, die jeder verstehen kann.
A. A.

Wir entschuldigen uns für Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Digest der letzten Woche .
Material hergestellt von dersmoll und alekskorovin .