Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 339 (12. - 18. November 2018)

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

• • Frontend Weekend Podcast # 79 - Oleg Polyakov über die Gründung von CodeDojo und wie es zum Hauptarbeitsplatz wurde
• • Web Standards Podcast, Ausgabe Nr. 147: Chrome Dev Summit, API für persönliche Daten, HTTP / 3 für UDP, Webkomponenten
• • React Five Minute Podcast # 49 - Bem- React -Core
• • Devshahta Podcast: 57: Wie Wrike Dart benutzt
• • Podcast „Frontend Youth (18+)“ # 73 Drei Krusten von Eddie Osmani
• • CSSSR Podcast: News 512 - Ausgabe Nr. 29 (12.11 - 18.11)
• • Vadim Makeev Video Blog 9. Menü für Menüs, Grids oder Bootstrap, Komfort
• • KharkivJS # 9 2018 , 32 Videos
• • FrontTalks 2018 , 16 Videos
• • Chrome Dev Summit 2018 - Alle Sitzungen

Webentwicklung

• • Auf Wiedersehen, Electron. Hallo Desktop-PWA
• HTTP über QUIC wird als HTTP / 3 standardisiert
• Erste Schritte mit WebAssembly mit nur 14 Zeilen JavaScript
• • Web.dev von Google - eine neue Ressource mit detaillierten strukturierten Informationen zu modernen Webentwicklungstechniken
• • Die Leistungsfähigkeit von Webkomponenten
• • 5 Gründe, warum statische Sites herrschen
• • Highlights aus dem Chrome Dev Summit 2018
• • Das virtuelle DOM ist langsam. Treffen Sie das Memoized DOM

• Leistung:
  • Google hat PageSpeed ​​Insights neu gestaltet
  • Google hat die Squoosh-Anwendung zur Bildoptimierung veröffentlicht
  • • Addy Osmani über Browser, JS und seine Optimierung
  • • Messung, Optimierung und Überwachung . Addy Osmani erklärt, wie Sie Ihre Energie in Produktivität investieren können
  • • Zusammenfassung der Berichte der kürzlich in Amsterdam abgehaltenen Konferenz performance.now ()
  • • Inline oder Cache? Beide Optionen bitte!
  • • Eine Retrospektive der Arbeit an der Leistung in Mapbox Studio (eine große Anwendung auf React - Redux mit Rendering in WebGL-Canvas mit Mapbox GL)
  

• Werkzeuge:
  • Verteilen und Erobern: Tools zum Erstellen und Testen von Newslettern
  • • Frontend-Entwicklung auf iPad Pro (2018)
  

• Zugänglichkeit:
  • Bedeutung der Überschriftenebenen für unterstützende Technologien
  • • Warum die Verwendung von "tabindex" -Werten über "0" schlecht ist
  • • Tastaturspezifische Fokusstile
  

• Animation:
  • • Seitenwechsel-Layout
  • • Taschenlampeneffekt für Spukhaus
  • • Kreatives Konzept der Entwicklerseite (digitales Design)
  

CSS

• Beispiele für die Verwendung von Flexboxen
• • "C" in CSS: Die Kaskade
• • So entfernen Sie nicht verwendetes CSS, um CSS-Dateien zu vereinfachen
• • Unterschied zwischen currentColor- und benutzerdefinierten Eigenschaften
• • Klammern an Pixel . Ein ausführlicher Artikel über Alistapart darüber, wie CSS-Code auf dem Bildschirm in Pixel umgewandelt wird
• • Reibungslose Textskalierung in JavaScript und CSS
• • Hardcore CSS calc ()
• • Ein kurzes Video darüber, wie das Team von basecamp.com CSS Grid in der Produktion einsetzt

Javascript

• Google wird die Verbesserung von JavaScript-Frameworks finanzieren
• Spielen Sie Mortal Kombat mit TensorFlow.js: Übertragen Sie Training und ergänzen Sie Daten
• „TypeScript Definitive Guide“ - ein kostenloses Online-Buch über Typescript
• • JavaScript-Fehlerbehandlung: Eine vollständige Anleitung
• • Versprechensketten sind tot. Es lebe asynchron / warte
• • Erstellen Ihrer eigenen interaktiven JavaScript-Sandbox
• • Warum Facebook API mit for Schleife beginnt
• • Nach zwei Jahren mit TypeScript - hat es sich gelohnt?

• NodeJS:
  • Node.js schlafen, schlafen, schlafen . So verlangsamen Sie einen Stream und halten an
  • • Verwendung von NodeJS ohne Frameworks und externe Bibliotheken
  • • Offline-Dokumentation für Node.js (PDF)
  

• Theorie:
  • Ausführungskontext und Aufrufstapel in JavaScript
  • JavaScript-Funktionen, die ich nicht kannte
  • • JavaScript-Handbuch: Teil 1: Erstes Programm, Sprachfunktionen, Standards , Teil 2: Codestil und Programmstruktur , Teil 3: Variablen, Datentypen, Ausdrücke, Objekte
  • • Unterhaltsames JavaScript: Ohne geschweifte Klammern
  • • Ausführungskontext und Aufrufstapel - visuelle Darstellung eines geschnittenen Kuchens
  

• Reaktion:
  • • Einführung in React Hooks
  • • Warum React Hooks und wie bist du überhaupt dazu gekommen?
  • • Konzepte, die Sie in React.js kennen müssen (nach dem Erlernen der Grundlagen)
  • • Übersicht über Render-Requisiten in Reaktion
  • • Erstellen einer React To-Do-App mit React Hooks (keine Klassenkomponenten)
  • • Verwendung von React.lazy und Suspense zum verzögerten Laden von Komponenten
  • • An Haken hängen: Verwendung von Reacts useReducer ()
  • • Reaktivieren mit Haken
  

• VueJS:
  • • So konfigurieren Sie die Installation der Umgebungsvariablen von Nuxt.j zur Laufzeit oder wie Sie alles tun, was nicht jedem gefällt, und es nicht bereuen
  • • Vorschau von Vue.js 3.0 von Evan You
  • • Erstellen Sie Ihr erstes Vue.js PWA-Projekt
  • • Wie wir Redux & Redux-Observable mit Vue verwenden (v3.0 Journal)
  • • Offline-First Vue Apps mit Hoodie & Workbox
  • • Entwerfen einer verbesserten Benutzeroberfläche mit Vue.js Übergängen und Animationen
  • • Vuex visuelle Erklärung
  

• Winkel:
  • • Optimierung der Ereignisbehandlung in Angular
  • • Angular - Alle Berichte mit AngularConnect für 2015-2018
  • • Erste Schritte mit der Angular App und Angular CLI in wenigen Minuten
  

• Libs & Plugins:
  • • TensorSpace.js - Framework für die 3D-Visualisierung neuronaler Netze, Erstellung eines interaktiven und intuitiven Modells in Browsern, Unterstützung für vorab trainierte Deep-Learning-Modelle von TensorFlow, Keras, TensorFlow.js
  • • TNG-Hooks - Bietet reaktionsinspirierte useState (..) -Hooks für eigenständige Funktionen
  • • Router: Ein einfacher JS-Router zum Lösen einer einzelnen Aufgabe ohne die Frameworks von React, Angular oder Vue
  

Browser

• Firefox benachrichtigt Sie über Besuche auf gehackten Websites sowie über Preisänderungen
• Wayland-Unterstützung für nächtliche Firefox-Builds hinzugefügt
• Mozilla testet zwei neue Funktionen in Firefox: Preisweise und E-Mail-Registerkarten
• Chrome entwickelt eine API zum Erstellen vollwertiger benutzerdefinierter Anwendungen

Unterhaltsam

• Sieben neue Angriffe auf den spekulativen Ausführungsmechanismus in der CPU
• Eine Aufteilung unter Andersdenkenden: Was ist mit der viertgrößten Bitcoin Cash-Kryptowährung in Bezug auf die Kapitalisierung passiert?
• Einblick: über die Esskultur von Facebook
• Google öffnet für alle die Top-Level-Domain .dev
• Microsoft baut Gurken besser an als Tencent und Intel. Das von Bill Gates gegründete Unternehmen scheint endlich seine Berufung gefunden zu haben
• • Octoverse-Statistik: Top-Programmiersprachen im Jahr 2018
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 .