Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 383 (1. - 6. Oktober 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser | Unterhaltsam |

Medien

• • CSSSR Podcast: News 512 - Hacktoberfets, Vue-Direktiven, TypeScript 3.7 Beta und PostgreSQL 12
• • Devshahta Podcast # 96: Ziele, private Felder und die neuen Node.js
• • Devshahty Podcast # 97: LongestJS, TC39 Panel, HolyJS Workshops und Light Workshops
• • Frontend Youth (18+) # 110: Das Shavarma zusammenstellen
• • Repozitorro # 29 - Ein häufiger Fehler von Anfängern

Webentwicklung

• • "Alice, lass uns zum Frontend gehen!"
• • Text-Rendering hasst dich
• • Web Content Management Evolution

• Die Werkzeuge
  • • So öffnen Sie ein npm-Paket mit einer normalen Bereitstellung, CI und Demo (ohne Verlust der Lebensfreude)
  • • Dinge, die Sie möglicherweise nicht über Chrome DevTools wissen
  • • WebHint in Firefox DevTools: Verbesserte Kompatibilität, Zugänglichkeit und mehr
  

• Leistung
  • • Beschleunigung instagram.com. Teil 2
  • • Bildoptimierung für das Web - Eine detaillierte Anleitung
  

• Verfügbarkeit
  • • Gute Schrift
  • Inklusive Komponenten: Schnittstellen mit Registerkarten
  • • Endloses Scrollen und Rolle = Probleme mit der Barrierefreiheit
  • • Sara Suidan über angewandte Barrierefreiheit: Praktische Tipps zum Aufbau barrierefreier Schnittstellen (SmashingConf Feiburg 2019)
  

CSS

• Komplizieren Sie skalierbares CSS nicht
• • Modernes CSS-Reset
• • Ich fühle mich wieder frech. Cloudfour-Blogbeitrag darüber, wie sie nach 4 Jahren mit PostCSS über eine Rückkehr nach Sass nachgedacht haben
• • Erstellen Sie ein Sammelalbum-Layout mit CSS Grid
• • Entwurfseditor-Vorlagen mit CSS-Raster und benannten Spalten
• • Erstellen Sie eine Diashow mit CSS Scroll Snapping
• • Warum ist CSS so komisch?
• • Viele Möglichkeiten, Formen und Bilder mit HTML und CSS zu verknüpfen
• • Interessante Layouts mit CSS Grid
• • Versuch, die CSS-Unterstützung in Google Mail herauszufinden (Stand 2019)

Javascript

• • Erstellen Sie PWA mit Vanilla JavaScript
• • Verwenden Sie keine JavaScript-Variablen, ohne die temporäre Totzone zu kennen
• • RE: Schmerz und Tränen in Svelte 3
• • Ausführung von JavaScript-Code durch import ()

• Veröffentlichungen
  • TensorFlow 2.0 wurde mit neu gestalteten APIs und verbesserter Leistung veröffentlicht
  • • TensorFlow 2.0 ist jetzt verfügbar!
  • • Preact X - neue Version von Preact mit Virtuous DOM und Fragmenten der Spannung
  • • Nuxt v2.10.0 Release
  • • TypeScript 3.7 Beta-Ankündigung
  • • Seien Sie auf dem Laufenden! Node.js 8 wird seit 2020 nicht mehr unterstützt
  

• Theorie
  • • Ein Hinweis zur Leere in JavaScript und TypeScript
  • Zwei außergewöhnliche Anwendungsfälle für den Spread-Operator, die Ihnen möglicherweise nicht bekannt sind
  • Funktionen höherer Ordnung und ihre Verwendung in Javascript
  • Details zur filter () -Methode in JavaScript
  • Warum bevorzuge ich Objekte gegenüber switch-Anweisungen?
  • • JavaScript Map, Reduce und Filter - Erklärung mit Beispielen
  • • So überprüfen Sie eine Nummer in JavaScript
  

• Reagiere
  • • Framer React Guide
  • • Minimalistisches Zustandsmanagement (React)
  • • Animationen mit React Hooks und GreenSock
  • • Steigern Sie die Leistung von React + Redux-Anwendungen mit Reselect Library
  • • Neue Funktionen in React 16.9.0
  • • Demonstration reaktierbarer Reaktionskomponenten in Formularen
  • • Reagiere gegen VS Vue: Was soll man für 2020 wählen?
  • • Ich habe genau die gleiche Anwendung für React and Vue erstellt. Hier sind die Unterschiede. [Version 2019]
  • • Create-React-App v3.2.0 Release
  

• Vue
  • 15 erforderliche Vue-Anweisungen, die Ihre Produktivität erheblich steigern
  • • vue-next (Vue 3 Pre-Alpha): Entwickler haben die meisten für v3 geplanten Architekturziele und neuen Funktionen erreicht
  • • Vue 3 - eine Überprüfung der verfügbaren Informationen zur neuen Version von Vue.js.
  • • So verbessern Sie die Leistung des Vuex Store
  • • Erstellen einer Vue-Webanwendung basierend auf Klassen mit Firebase-Authentifizierung
  • • Unit-Test in Vue: Was soll getestet werden?
  • • So erstellen Sie eine Kalenderanwendung mit Vue
  • • 10x schneller Nuxt baut auf Netlify auf
  

• Winkelig
  • • Mein Jahr der Umgestaltung eines Großprojekts auf AngularJS ...
  • • Animieren von UI-Elementen in Winkel Nr. 1 , Nr. 2
  • • Angular - Alle Berichte seit AngularConnect 2019
  

• Ember
  • • Abhängigkeitsinjektionssystem in Ember.js
  • • Animierte Schachfiguren mit Glut animiert
  • • "Die Entwicklung von Ember.js bei Intercom", - Gavin Joyce bei JSDayIE 2019
  • • EmberCamp Chicago 2019
  

• Bibliotheken & Plugins
  • • Eine Geschichte über das Lösen des Leistungsproblems von Moment.j.
  • • timequeue.js - Eine Warteschlange mit benutzerdefinierter Parallelität und einem Zeitlimit.
  • • Beweglich ist ziehbar, veränderbar, skalierbar, drehbar, verziehbar, kneifbar, gruppierbar, schnappbar
  

Browser

• Google Chrome blockiert alle gemischten Inhalte
• In den nächtlichen Builds von Firefox wird ein modernisiertes Design der Adressleiste vorgeschlagen
• Totaler HTTP-Boykott. Google Chrome wird in Kürze standardmäßig alle gemischten Inhalte blockieren

Unterhaltsam

• Google: HTML-Sitemap wird in Bezug auf SEO nicht benötigt
• Google: H1-Überschriften sind nützlich, aber nicht kritisch
• Mozilla gewinnt Klage wegen Netzneutralität
• Satya Nadella: Windows ist für uns kein wichtiger Bereich mehr
• Warum Windows nicht mehr die Priorität von Microsoft ist. Die Randanalyse
• WSJ: Visa, Mastercard und andere Unternehmen haben darüber nachgedacht, das Libra-Kryptowährungsprojekt von Facebook zu beenden

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 .