Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 336 (22. - 28. Oktober 2018)

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

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • Der Web Standards Podcast, Events in Berlin, Webkomponenten, PWA auf dem Desktop, Styleguidist und JSS, CSS-in-JS.
• • Frontend Weekend Podcast # 76 - Ivan Botanov darüber, wie und warum er angefangen hat, Winkelentwickler zu unterrichten
• • CSSSR Podcast News 512 - Ausgabe 26 (22.10. - 28.10.)
• • Podcast Frontend Youth (18+) # 70 Captain Hook und die Katze
• • Radiojs Podcast, Ausgabe 53: Vorschläge, Vorschläge, Vorschläge oder Workshop-Ergebnisse
• • Devshahta Podcast: # 54: Was Sie auf der HolyJS 2018 in Moskau hören sollten
• • Vadim Makeev Videoblog №7. KFC, SVG und überflüssige base64, schädliche Typverfügbarkeit
• • JavaScript Jabber 336: „Der Ursprung von ESLint“ mit Nicholas Zakas
• • Reagieren Sie auf Podcast Nr. 26: Entspannen Sie sich und hören Sie mit Brad Frost zu
• • Knoten Ukraine 2018 - Gespräche , 8 Videos
• • WSD in Kiew, 2018 , Online-Aufzeichnung
• • React Conf 2018, 28 Videos

Webentwicklung

• • Frontend-Architektur der oberen Ebene. Yandex Vortrag
• • Verteilen und erobern: Layout jetzt und jetzt
• • Pragmatische Regeln für die Barrierefreiheit im Internet, die Ihnen noch im Gedächtnis bleiben
• • Typische Website im Jahr 2018 , ironische Demo, Codepen Edition , Website Edition

• Werkzeuge:
  • • Verwenden des Animationsinspektors in den Chrome Developer Tools
  • • 10 Konsolentricks für professionelles Debuggen
  • • Kommentiertes Webpack 4 Konfiguration für die Frontend-Entwicklung
  • • Siteaudit: Überprüfen Sie Ihre Site (Pagespeed, Lighthouse, A11y) direkt vom Terminal aus
  

CSS

• Mit CSS-Hintergrundverläufen erzeugte Formen.
• • Erstellen Sie proportionale Schnittstellen
• • Verbinden Sie HTML-DNA mithilfe von CSS-Auswahlattributen
• • Von gewöhnlich bis außergewöhnlich mit CSS-Animationen
• • Vereinfachen Sie das Styling mit funktionalem CSS
• • Sie verwenden <em> falsch
• • Verwenden des dunklen Modus in CSS mit MacOS Mojave
• • Eine unvollständige Liste der CSS-Entwurfsfehler
• • 100 Tage CSS Challenge

Javascript

• • ES2018 - verspricht endlich Methode
• • ReportingObserver API: Ein Blick auf den Code von Webseiten aus einer neuen Perspektive
• Node.js 11.0 mit V8 7.0-Motorunterstützung wurde veröffentlicht
• • Der Status von JavaScript . Interview mit Addy Osmani über den aktuellen Stand von JavaScript im Web
• • So reduzieren Sie die Auswirkungen von JavaScript auf die Ladezeit Ihrer Seite
• • So erstellen Sie benutzerdefinierte Markierungen für Google Maps mithilfe von HTML- und CSS-, ES6-Klassen und Schließungen
• • 3 JavaScript-Leistungsfehler, die Sie nicht mehr machen sollten
• • GraphQL: PayPal Checkout Erfolgsgeschichte
• • Spielen Sie Mortal Kombat mit TensorFlow.js. Transferlernen und Datenerweiterung
• • Die Intl.RelativeTimeFormat-API - Verarbeitung von Datum und Uhrzeit relativ zum aktuellen Moment

• Theorie:
  • • JavaScript-Currying-Funktionen
  • • 100 Videovorträge zum Thema Programmierung
  • • Art von Alles und Enten Missverständnissen
  • Grundlegendes zur Typprüfung mit typeof
  • • Nur über JavaScript: Eine ehrliche Einführung in Mocking, Stubbing und Interfaces
  • • Grundlegendes zu Funktionen höherer Ordnung in JavaScript
  

• Reaktion:
  • • Was ist neu in Reaktion 16.6?
  • • Reaktion 16.6: React.memo () für die Rendering-Steuerung für Funktionskomponenten
  • • Erste Schritte mit React Hooks
  • • Verwenden von React Profiler für die Leistung
  • • Breaking React Performance mit Redux
  • • Reine Funktionskomponenten in React
  • • Grundlegendes zu Render Requisiten und HOC
  • • Funktionsreaktion. Das ist möglich? Lernen funktionaler Programmiertechniken in HOC
  • • Erstellen von Skelettkomponenten mit React
  

• Winkel:
  • Winkel 7 und virtueller Bildlauf
  • • Angular v7 ist raus, aber 7.1.0 ist auf dem Weg
  • • Reaktive Winkelformen in der realen Welt
  • • Internationalisierung in Winkel- und Reaktionsanwendungen - Vergleich
  • • Isoline Routing in einer Angular-Anwendung mithilfe der HERE Routing-APIs
  

• VueJS:
  • • Shards Dashboard Vue
  • • Verwenden von GraphQL-Mutationen in Vue.js.
  

• Libs & Plugins:
  • • Lazy-Brush - sanftes Zeichnen von Linien mit der Maus, dem Finger oder einem beliebigen Gerät mit einem Zeiger
  • • percollate: Ein Befehlszeilenprogramm, das Webseiten in formatierte PDFs umwandelt
  • • IronDB - Backup-Keystore für den Browser
  

Browser

• Firefox 63: Neue Webkomponenten-API, Schrifteditor und CSS-Unterdrückung
• • Firefox kann mit dem integrierten kostenpflichtigen VPN-Add-On monetarisiert werden
• Der Firefox 63-Browser verfügt über eine erweiterte Tracking-Schutzfunktion, um die Privatsphäre beim Surfen zu verbessern
• Mozilla wird ein ProtonVPN-Abonnement in Firefox integrieren und dies zu einem höheren Preis als direkt über die Website des Dienstes
• • Was ist neu in Microsoft Edge unter Windows 10. Oktober 2018 Update

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 .