Frontend Weekly Digest (21. bis 27. Januar 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 | CSS | Javascript

Webentwicklung

• Die große Kluft . Zwei Front-End-Entwickler sitzen an einer Bar. Sie haben nichts zu reden.
• Was wir aus der Analyse von 112.654 Codierungstests über die Einstellung von Entwicklern im Jahr 2019 erfahren haben
• Wie man VR mit dem Web macht, eine neue Videoserie
• Wie wir von Wordpress zu Reagieren übergegangen sind und 80 Millionen US-Dollar gesammelt haben

• Leistung:
  • Fragen zur Benutzerfreundlichkeit von Webseiten
  • Vorabrufen von Links mithilfe von Servicemitarbeitern
  

• Werkzeuge:
  • Webpack: eine unerwartete Reise
  • Was ist neu in DevTools (Chrome 73)?
  • Garns Zukunft - v2 und darüber hinaus
  • rrweb ('Web aufzeichnen und wiedergeben'): Ein Tool zum Aufzeichnen und Wiedergeben von Benutzerinteraktionen im Web.
  

• Animationen:
  • Erstellen Sie Ihren eigenen Schwerkraft- und Weltraumsimulator
  • SVG-Filtereffekte: Gliederungstext mit <feMorphology>
  • Les Animales 2019 - herausragendes Design und Animationen
  

CSS

• Tabellenentwurfsmuster im Web
• Animieren des CSS-Rasters
• Flexbox.ninja - eine Website, die von Geoffrey Crofte erstellt und gehostet wird, um Ihnen das Verständnis des CSS-Flexbox-Layoutmoduls zu erleichtern
• Gradians and Turns: Die stillen Helden der CSS-Winkel
• • Ihr CSS Layout Toolkit für 2019 - Rachel Andrew
• Firefox DevTools für CSS-Autoren
• Houdini-Tutorial: CSS-Malerei und benutzerdefinierte Eigenschaften

Javascript

• Warum jede neue Web-App bei PayPal mit TypeScript beginnt
• Was ist neu in JavaScript für 2019?
• Eintauchen in JavaScript: So erstellen Sie einen Hex2RGB-Farbkonverter
• Finden des wiederkehrendsten Charakters

• TypeScript:
  • TypeScript ESLint - Monorepo für alle Tools, mit denen ESLint TypeScript unterstützt
  • Die TypeScript-Steuer
  • Functional TypeScript: TypeScript-Standard für absolut serverlose Funktionen
  

• Knoten:
  • Kostenlose Bücher: Node.js.
  • Top 7 Node.js Frameworks für Entwickler
  • Instrumentieren von HTTP-Anforderungen im Knoten
  • Node.js Multithreading: Was sind Worker-Threads und warum sind sie wichtig?
  

• Theorie:
  • Wie Sie die Destrukturierung in JavaScript (ES6) optimal nutzen können
  • JavaScript-Iteratormuster
  • Der ultimative Leitfaden für JavaScript-Algorithmen
  • Was ist Baumschütteln und wie funktioniert es?
  • 15 Nützliche JS-Beispiele für map (), redu () und filter ()
  

• VueJS:
  • 10 Vue.js Pro-Tipps von Vue Masters
  • Wie Sie feststellen können, ob Vue.js das richtige Framework für Ihr nächstes Projekt ist
  

• Reaktion:
  • Reagieren Sie auf 16.6.0 Goodies
  • E-Mail-Bestätigung mit React
  • Grundlegendes zu React Default Requisiten
  • Wie Sie Ihre React-Superkräfte mit der Kontext-API entwickeln
  • Verwenden von inhaltsbearbeitbaren Elementen in JavaScript (Reagieren)
  • So verstehen Sie Reduzierer: Sie können sie ohne Redux verwenden
  • Fragmente in Reaktion verstehen
  • Warum ist X kein Haken?
  

• Winkel:
  • Angular 8: Die 2. Beta ist hier und steht zum Download zur Verfügung
  • Angular 6 + Travis CI mit Headless Chrome
  • Winkeloptimierung. Gespeicherte Pipe-Funktionen in Vorlagen.
  • Lassen Sie die Fehlermeldungen Ihres Winkelformulars auf magische Weise erscheinen
  

• Libs & Plugins:
  • Diagramm des Wassers (Punkt 2): Ein Vergleich der JavaScript-Diagrammbibliotheken
  • autoComplete.js - Einfache automatische Vervollständigung der reinen Vanille-Javascript-Bibliothek
  • Hotkey: Löst eine Aktion für ein Element aus, wenn der Tastatur-Hotkey gedrückt wird