Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 355 (4. - 10. März 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

• • Podcast „Web Standards“, Ausgabe Nr. 164 : 11. März 2019: Autor von JS-Intensiven, integriertem Scroller in Chrome, Entwicklung von SVG und & in CSS, Preact- und Intensivtechnologien, JS für ältere Browser und Iteratoren, Module und Import ohne Webpack.
• • Frontend Youth (18+) Podcast # 86 : Tom Dale gewann mit Dan Abramov einen Oscar für Wolverine
• • Devschacht Podcast # 72 : Server-Rendering - Die Grundlagen
• • Vadim Makeev Video Blog # 16 : Sternebewertung ️️️️️
• • FrontSpot Show # 3 : Muss ich ES5, neue React-Docks, Überprüfungscode, CSS-Quiz und GraphQL kennen?

Webentwicklung

• • Wie Sie sich heute der Fullstack-Entwicklung nähern, wenn Sie zehn Jahre geschlafen haben
• • Webkomponenten in der realen Welt
• • So sparen Sie Ressourcen im Browser und brechen das Web nicht. Yandex-Bericht
• • Status und Funktionen der Houdini-API. Worklets und ein wenig über Event Loop.
• Passwortloses WebAuthn ist zum offiziellen Webstandard geworden
• • Wahre Virtualität: Verbinden von realen Dingen mit virtueller Realität mithilfe von Webtechnologien
• • Extrahieren Sie Text aus Inhalten mit HTML Slot, HTML Template und Shadow DOM
• • Webanalyse-Status
• • HTML, CSS und JS in ADD, OCD, der bipolaren, der legasthenen und der autistischen Welt
• • Geheimnisse von DevTools: Start, Netzwerk und Leistung

• Animation:
  • Eine Auswahl inspirierender Websites Nr. 2
  • Verschiebungsrolle
  • CSS LEGO Minifigurenhersteller
  

CSS

• Google ignoriert Spam in CSS
• • 8 Tricks für die Arbeit mit CSS: Parallaxe, Sticky Footer und andere
• • Erstellen Sie robuste Layouts mit Containereinheiten
• • So kombinieren Sie SASS-Farbfunktionen und CSS-Variablen
• • Mapping: Crashkurs
• • Variable Schriftarten
• • RFS (Responsive Font Size) ist eine Typografie-Engine, die automatisch die entsprechende Schriftgröße basierend auf der Größe des Browserfensters berechnet.
• • So überzeugen Sie Ihr Team von der Verwendung von CSS Grid

Javascript

• Refactoring durch Klassen: Wir bereinigen unseren JavaScript-Code
• • Idealer Leitfaden zum Hacken von JavaScript-Interviews (aus Entwicklersicht)
• • Fallstricke der JavaScript-Leistung in V8
• • Unterstützung für große JavaScript-Anwendungen . Lehren aus langfristigen Projekten
• • Wann ist JavaScript SEO wichtig? . Zweite Folge der JS SEO-Serie
• • TypeScript vs PureScript
• • JavaScript-Namenskonventionen: wie und wie nicht

• Theorie:
  • Über Casting zu JS und Magie. Teil 2 Was Sie 2019 noch wissen müssen
  • • Grundlegendes zur Memoisierung in JavaScript
  • • JavaScript-Grundlagen: Beherrsche das DOM! Teil 1 , Teil 2
  • • JS-Klassen und Vererbung in ES6, ES5
  • • Versprechen: Eine vollständige Anleitung . Finden Sie heraus, warum sie saugen: /
  • • Verwendung der Methoden apply (), call () und bind () in JavaScript
  • • JavaScript-Symbole: Aber warum?
  

• Reaktion:
  • • Gatsby.js im Detail
  • • useTypescript - Vollständige Anleitung zu React Hooks und TypeScript
  • • Wie unterscheiden sich Funktionskomponenten von Klassen?
  • • Erstellen Sie React App zu aufgebläht
  • • Rendern großer Listen mit dem Reaktionsfenster
  • • Komponententestreaktionskomponenten
  • • Meine Intuition darüber, wann man benutzerdefinierte React Hooks verwendet
  

• VueJS:
  • • Zehn Tipps zur Steigerung der Produktivität beim Schreiben von Vue.js-Code
  • • Vue.js - So erstellen Sie Ihr erstes Paket und veröffentlichen es auf NPM
  • • Point of Vue - Teil 3 - Zusammenstoß mit der Reaktion
  • • Shoptalk Show # 350: "Vue.js Support" als eingeladener Gast - Evan You
  

• Winkel:
  • • So maximieren Sie die Leistung Ihrer Angular-Anwendungen
  • • Angular 8 Beta: Neues Update-Schema für Ivy in Angular 8.0.0-beta.7
  • • Top 10 Möglichkeiten zur Verwendung von Interceptors in Angular
  

• Libs & Plugins:
  • • ThanosJS - Reduzieren Sie die Dateigröße Ihres Projekts auf 50%, indem Sie versehentlich die Hälfte der Dateien löschen.
  • • Handtrack.js: Handverfolgung im Browser mit Tensorflow.js und 3 Codezeilen.
  • • iro.js - Benutzerdefinierter abhängigkeitsbasierter SVG-Farbwähler
  

Browser

• • Neuer AV1-Codec: Beschleunigt das Laden von Videos in einem Browser
• In den ersten Screenshots sieht der neue Microsoft Edge-Browser in der Chromium-Engine wie ein Google Chrome-Klon aus
• Mozilla hat vor 8 Jahren einen Fehler in Firefox behoben und den Speicherverbrauch reduziert
• Nicht autorisierte Sicherheitslücke in Chrome, die von Angreifern angegriffen wird
• Google hat Spekulationen über 0-Tage-Sicherheitslücken in Chrome zerstreut
• Der neue Edge-Browser ist zunächst nur unter Windows 10 64-Bit verfügbar
• • Was ist neu in DevTools (Chrome 74)

Unterhaltsam

• AMP-Seiten wurden mehrfach verbessert
• Die Sicherheit von Webanwendungen im Jahr 2018 hat sich erheblich verschlechtert
• Meinung: Warum Daten kein neues Öl sind
• 50 schwerwiegende Programmier- und Designfehler, die Leben, Zeit und Geld kosten
• Veröffentlichte Statistiken über gefährdete Websites im Jahr 2018
• Microsoft hat die Webversion von Skype aktualisiert - jetzt funktioniert sie nur noch in Chrome und Edge
• Microsoft hat den Quellcode von Windows Calculator auf GitHub veröffentlicht
• Die neue Sicherheitsanfälligkeit in Bezug auf Spoiler betrifft alle Generationen von Intel Core-Prozessoren

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