Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 340 (19. - 25. 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 # 80 - Gordey Levchenko über den Umzug nach Kasachstan und die Entwicklung der Frontend Community in Astana
• • Devshahta Podcast: # 58: UFADEVCONF, Node.js Zustand im Jahr 2018
• • CSSSR Podcast News 512 - Ausgabe Nr. 30 (19. November - 25. November)
• • Vadim Makeev Video Blog 10. Skillbox, Grafikoptimierung, Squoosh und Bildelement

Webentwicklung

• • Auf dem Weg zu QUIC: Was liegt unter HTTP / 3?
• • Entwickeln Sie Ihren Browser von Grund auf neu. Erster Teil: HTML
• • Web Worker gegen Service Worker gegen Worklets
• • Warum und wie werden WebP-Bilder heute verwendet?
• • Erkundung des Shadow DOM
• • WebSockets - ein tiefer Einblick in das Konzept
• • Umschreiben von Git-Verlauf und JS-Quellen für Spaß und Nutzen

• Leistung:
  • • Sie benötigen weder PWA noch AMP, um Ihre Websites schnell zu machen
  • • Fünf Gründe für die Download-Leistung von Web-Schriftarten
  • • Zweiter wichtiger Inhalt: Metrik mit der schlechtesten Leistung
  • • Schnelle Google-Schriftarten mit Cloudflare-Mitarbeitern
  

• Werkzeuge:
  • JetBrains hat die WebStorm-IDE auf Version 2018.3 aktualisiert
  • • Demoboard: Eine Online-Sandbox zum Erstellen von Demos für JS und Markdown, die jedes Paket mit npm importiert. Keine Probleme mehr mit package.json und node_modules
  • • create-yo: Verwenden Sie einen beliebigen Yeoman-Generator. Nicht installieren.
  

• Zugänglichkeit:
  • • Europäisches Gesetz zur Barrierefreiheit: Verhandlungen zwischen dem Parlament und dem Rat der EU
  • • Medienzugänglichkeit: Ist das wichtig?
  

CSS

• • Perfektes CSS kochen
• • Flexbox Technologie-Infografiken
• Einige praktische CSS-Tipps
• • Fortschreitende Verbesserung CSS-Regel @supports
• • Der aktuelle Status der Möglichkeit, Bildlaufleisten zu stilisieren
• • Trennzeichen innerhalb von <select>
• • CSS-Ausschlüsse werden hoffentlich wie fortgeschrittenere gitterfreundliche Floats aussehen
• • Eine weitere Erklärung für CSS Position Absolute
• • CSS-Schreibmodus-Experimente
• • Und noch einmal zur Reihenfolge der Eigenschaften in CSS

Javascript

• • Mutationsanalyse oder wie man Tests testet
• • 5 jQuery-Funktionen, die in natives JavaScript konvertiert wurden
• 10 Konsolenbefehle zur Vereinfachung des Debuggens von JavaScript-Code
• • Der Stand von JavaScript 2018
• • Die Umfrage zum Zustand von JS ist eine Farce
• • Experimentieren mit Gehirn-Computer-Schnittstellen in JavaScript
• • Einführung in Imba: JavaScript-kompatible DOM-Sprache so schnell wie möglich
• • Dart für JavaScript-Programmierer
• • Hinzufügen eines Pipeline-Operators (Pipelines) zu JavaScript
• • 7 Ausreden, TypeScript nicht zu verwenden
• • htm: Hyperscript Tagged Markup : JSX-Alternative unter Verwendung von Standard-Tag-Vorlagen mit Compiler-Unterstützung

• Theorie:
  • • Grundlegendes zur Memoisierung in JavaScript für eine bessere Leistung
  • • Alles in JavaScript kopieren: So unterscheiden Sie zwischen flachem und tiefem Kopieren
  

• Reaktion:
  • • Idiomatischer Redux: Implementierungsverlauf von React-Redux
  • • So erstellen Sie eine Todo-Liste mit React Hooks
  • • 5 Möglichkeiten, React-Komponenten im Jahr 2019 zu gestalten
  • • Einfache Wiederverwendung von Code mit React Hooks
  • • So erstellen Sie eine dreischichtige Anwendung in React
  • • End-to-End-Reaktionsfunktionalität mit Komponenten höherer Ordnung, Render-Requisiten und Hooks
  • • E-Commerce für reaktive Entwickler [mit Gatsby-Tutorial]
  • • Reaktionsstatus (basierend auf dem Status der JavaScript-Umfrage 2018)
  • • JSX ist syntaktischer Zucker
  • • Reagieren Sie auf Podcast 29: Schreiben Sie Ihre App für Hooks und Suspense mit Jared Palmer nicht neu
  

• VueJS:
  • • Vue für jQuery-Entwickler
  • • So erstellen Sie SPA mit Vue.js, Vuex, Vuetify und Firebase
  • • Erstellen interaktiver Infografiken mit Vue.js
  • • Vuex ohne TypeScript eingeben
  • • Interaktives Kartenspiel mit der Möglichkeit, zu Vue.js und Interact.js zu wischen
  

• Winkel:
  • • Erstellen Sie interaktive Listen mit dem neuen Drag & Drop-Werkzeug von Angular 7
  • • Awesome Angular GraphQL - eine Auswahl an Ressourcen
  • • Fehlerbehandlung mit Angular 6 - Tipps und Best Practices
  • • Der Stand der JavaScript-Umfrage 2018 im Kontext von Angular
  • • Erstellen Sie durchsuchbare Vorlagen in Angular
  

• Libs & Plugins:
  • • autoComplete.js - einfache automatische Vervollständigung in reinem Javascript
  • • Musik machen mit magenta.js
  • • cms.js: Client-Site-Generator
  

Spektakuläres Web

• • So arbeiten Sie mit Matrix in SVG-Filtern
• Feuereffekt unter #codevember
• Morphing-Effekt beim Ändern von US-Bundesstaaten
• Interaktive Seite orano.group mit einer coolen Kombination aus Effekten und Funktionen
• Brutale Websites

Browser

• Firefox 65 gestaltet die Konfigurationsoberfläche für die Inhaltsblockierung neu
• Es wurde ein Angriff auf Browser eingeführt, mit dem Sie eine Site auf einer anderen Registerkarte definieren können
• Microsoft und Google entwickeln eine Version des Chrome-Browsers für Windows unter ARM

Unterhaltsam

• Human Black Friday Preis
• Maschinelles Lernen bei Google: Was ist neu?
• WordPress-Sites werden mit der Sicherheitsanfälligkeit des AMP for WP-Plugins angegriffen
• WWW: JPEG-Archiv - eine Reihe von Dienstprogrammen für eine optimale Fotokomprimierung
• Mozilla führte das LPCNet-Sprachsynthesesystem ein
• „Bendgate 2“: Das neue Apple iPad Pro Tablet kann leicht verformt werden - selbst in wenigen Tagen typischen Gebrauchs
• So steigern Sie die Produktivität - Tipps von 9 CEO

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 .