Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 371 (24. - 30. Juni 2019)

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

• • Podcast Web Standards , Ausgabe Nr. 182. Node.js, npm und JetBrains, Servicemitarbeiter und WASM, JS-Preis, modernes CSS, Barrierefreiheit
• • Podcast Web Standards , Ausgabe Nr. 181. Panda Meetup, Chrome 76, a11y, Toast, Präprozessoren und jQuery
• Frontend-Wochenend-Podcast Nr. 94 - Denis Mishunov darüber, warum Sie nach Norwegen abreisen und bei GitLab remote arbeiten sollten
• CSSSR Podcast, News 512 : Vue 3 RFC aktualisiert, mehr über Microservices, den neuen Redux-Killer und interessante Veröffentlichungen
• • Podcast Frontend Youth (18+) # 97: Architektur, die Sie nicht verdienen
• • Repozitorro # 20 - Portfolio umgekehrt ...
• • WSD in Moskau 2019 , 8 Videos
• • Amsterdam JSNation 2019 , 15 Videos
• • Syntax.fm Podcast Nr. 154: SVGs mit Sara Soueidan

Webentwicklung

• • So richten Sie Webanalysen auf AMP-Seiten ein
• • Erste Schritte mit der Webleistung? Darauf müssen Sie sich konzentrieren.
• • PWA mit Webpack und Workbox erstellen
• • Spam-Erkennungs-API
• • Simulation der relativen Positionierung von verschachteltem SVG innerhalb von SVG
• • HTML kann das? . Eine Auswahl von Demos, die die Leistungsfähigkeit von reinem HTML demonstrieren

• Zugänglichkeit:
  • • Wie Barrierefreiheitsbäume die unterstützende Technologie beeinflussen
  • • Web Accessibility Litigation Report (ADA-Konformität) für das erste Halbjahr. (Spoiler: jede Stunde eine neue Klage)
  • • Was ist die Barrierefreiheit für Webanwendungen und warum stört mich das?
  

• Spektakuläres Web:
  • • So erstellen Sie verwandte Bildlaufanimationen
  • • Eine interaktive Seite zum Erlernen der Grundlagen synthetischer Musik . Unterstützt von Web Audio, WebAssembly und WebGL mit three.js, Tone.js, anime.js und React with TypeScript
  • • useAnimations: Animierte Symbole mit dem Lottie- und After Effects-Framework zur Verwendung in Anwendungen und Websites
  

CSS

• • 10 PostCSS-Plugins, die Ihre Layoutzeit sparen
• 18 CSS-Tipps, die Ihrem Entwickler das Leben erleichtern
• • Drei Vorhersagen aus der Umfrage zum Stand der CSS 2019
• • Vollständige Zentrierungsanleitung mit Flexbox
• • a11y-css-reset
• • Planen Sie eine Konferenz zu CSS Grid
• • Drag-n-Drop klebrig, ohne JS!
• • Variable Schriftarten für Entwickler
• • Stellen Sie sich BEM als eine Philosophie der Benutzeroberfläche vor, anstatt CSS-Klassen zu benennen

Javascript

• • JavaScript-Kosten im Jahr 2019 von Addy Osmani
• • RxJS: eine einfache Einführung
• • Vanilla JavaScript Sofortige Suche

• Theorie:
  • • Funktionales JavaScript: Fünf Möglichkeiten, um das arithmetische Mittel von Array-Elementen und die .reduce () -Methode zu ermitteln
  • 5 ES2019-Funktionen, die Sie heute verwenden können
  • So konfigurieren Sie globalDiese Polyfüllung in universellem JavaScript
  • Grundlegendes zu Async / Await in JavaScript anhand von Beispielen
  • JavaScript-Sammlungen - Set, Map, WeakMap und WeakSet
  

• Mongo / Knoten:
  • • Entwurfsmuster in Node.js: Ein praktischer Leitfaden
  • • Neues ECMAScript-Modul, das in Node.js 12 unterstützt wird
  • • Firebase oder MongoDB: Welche Datenbank soll für die Anwendungsentwicklung verwendet werden?
  

• VueJS:
  • Verwenden von Middleware in Vue
  • • Warum werden die Leute sauer auf Vue 3?
  • • Vue CLI Anfängerhandbuch
  • • Wann braucht das: key-Attribut von Vue wirklich und warum?
  • • Erste Schritte mit Vuetify
  

• Reaktion:
  • • Entwicklung einer Anwendung für das Streaming mit Node.js und React
  • • Einführung in useReducer React Hook
  • • Unzugänglichkeits-Mythos reagieren
  • • Die zehn Gebote der Reaktionskomponenten
  • • Hinzufügen einer WebAssembly-Komponente zu einer Reaktionsanwendung
  • • Erweiterte Konzepte von React Hooks, die am Beispiel des Spiels Snake erläutert wurden
  • • Next.js oder Create React App: Welche Anwendungen sind produktiver?
  

• Winkel:
  • • Winkelzustand im Jahr 2019
  • • Die Magie hinter Winkelelementen verstehen
  • • Erstellen eines Musik-Players mit Kendo UI und Angular
  • • Was ich aus 3 Jahren Entwicklung in Angular 2+ gelernt habe
  

• Ember:
  • • Erste Schritte mit Glimmer-Native
  • • Ember.js Seattle Meetup mit Yehuda Katz
  • • Wünsche für die Roadmap Ember 2019
  

• Libs & Plugins:
  • • 10 besten JavaScript-Bibliotheken zur Visualisierung von Daten in Grafiken und Diagrammen
  • • freezeframe.js - eine Bibliothek, die animierte GIFs anhält und beim Mouseover / Klicken / Berühren eine Animation auslöst
  • • TWGL : Eine kleine Hilfsbibliothek für WebGL
  • • Pixelmatch: Eine kleine, einfache und schnelle JS-Bibliothek für den pixelweisen Bildvergleich
  • • Svelte-Adapter: Verwenden von Svelte-Komponenten mit Vue und React
  

Browser

• Firefox Nightly testet den Passwortgenerator
• Mozillas Track DIESES Tool Tricks Werbealgorithmen
• Microsoft Edge verfügt über drei Modi zum Blockieren von Tracking-Skripten
• Firefox 68 bietet eine neue Implementierung der Adressleiste
• Erste Version des neuen Firefox Preview-Browsers für Android

Unterhaltsam

• Die wichtigste Fähigkeit, die ein Programmierer beherrschen kann
• Google-Nutzer können jetzt die Speicherzeit von Aktivitätsdaten (Verlauf von Standorten, Anwendungen und Websuchen) auf den Servern des Unternehmens begrenzen
• Windows Terminal - Grundlagen der Einrichtung und erste Eindrücke
• „Die Entwicklung der Kotlin-Sprache war viel teurer als unser durchschnittliches Produkt“: ein Interview mit dem Leiter von JetBrains
• Warum es sich lohnt, Prototyping in die Entwicklung einzubeziehen
• Facebook, Google und andere IT-Unternehmen werden gemeinsam eine Reihe gemeinsamer Tests für KI erstellen
• Trump erlaubte US-Unternehmen mündlich, mit Huawei zusammenzuarbeiten
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 .