Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 379 (2. - 8. September 2019)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Medien | Webentwicklung | CSS | Javascript | Browser | Nachrichten

---

Medien

• • CSSSR Podcast: News 512 - Chrome 77, Django 3.0, Weitere Informationen zu Github-Aktionen, CSS Grid Gantt und Apple-Präsentation
• • Podcast „Frontend Youth (18+)“: # 106 Senior kennt den Preis von Govnokode
• • Frontend Weekend Podcast # 97 : Vsevolod Rodionov über den Aufbau einer Entwicklungskarriere anstelle einer Seemannskarriere
• • Podcast „Devshahta / Night Frontend“ # 94 : Pavel Malyshev verteidigt und fördert Svelte

Webentwicklung

• • Akkordeon, FAQ, Spoiler und andere Dropdown-Widgets
• • Neue Arten der Mikromarkierung für erweiterte interaktive Snippets
• Frontend-Architektur: Mittlerer Kreis
• • Apple hat gerade Webkomponenten in der Produktion gestartet, und Sie haben es wahrscheinlich verpasst

• Die Werkzeuge
  • Benutzerdefiniertes Thema in Chrome DevTools
  • • Was ist neu in DevTools (Chrome 78)
  • • TypeScript-Debugging in Firefox DevTools
  • • Webpack Boilerplate - minimales Webpack 4 Boilerplate mit Sass, ESLint, Hot Module Replacement und Entwicklungs- / Produktionsoptimierung
  • • 5 Tipps für Firefox DevTools - Speicherinspektor
  • • Chrome 77 - Was ist neu in DevTools?
  • • "Globalisierungstools - Der Status des Web." Neues Video auf Google Developers Channel mit Andrei Sitnik als Gast
  

• Verfügbarkeit
  • Inklusive Komponenten: Themenwechsel
  • • Sie werden also wegen Nichtverfügbarkeit verklagt
  

• Leistung
  • • Funktionen von Google PageSpeed: Verbesserte Website-Bewertung und verbessertes Suchranking
  • • Checkliste für die Prüfung der Webleistung
  • • Webleistung: Minimierung des DOM-Reflow / Layout-Thrashing
  • • Warum lade ich die Schriftart vor, auch wenn es nicht nötig ist?
  

• Effekte
  • • Dynamisches Ändern der Farben von Produktbildern mithilfe des CSS-Mischmodus und von SVG
  • • Konfigurator zum Erstellen benutzerdefinierter Verzerrungseffekte in WebGL
  • • Kreative inspirierende Websites Zusammenfassung # 8 kreative Auswahl
  • • So erstellen Sie Webcam Audio Visualizer mit Three.js
  

CSS

• • Alles, was Sie über CSS Margin wissen müssen
• • Tool zum Vergleichen von CSS-Frameworks
• • Verlust von Ernte- und visuellen Daten in CSS
• • Grundlegendes zur CSS-Spezifität
• • Verwenden von PostCSS zur Automatisierung Ihres Workflows
• • Verschiedene Methoden zum Erweitern eines Rechtecks ​​unter Beibehaltung des Randradius
• • Mein Lieblings-CSS-Hack
• • CSS-Variablen für IE11: Echte Polyfüllung für benutzerdefinierte Eigenschaften in IE11
• • Was machen CSS-Entwickler und warum werden sie benötigt?

Javascript

• Animation von Links in der Browserleiste mit JavaScript und Emoji
• Die 5 Gebote von TypeScript Developer
• • So optimieren Sie Ihre JavaScript-Anwendung mit dem Service von Mitarbeitern
• • Sollte die Site ohne JavaScript funktionieren?
• • Einfacher hausgemachter JavaScript Obfuscator
• • So funktioniert JavaScript

• Theorie
  • • Professionelle Nutzung des DOM
  • • So schneiden Sie Linien in JavaScript (ES2019)
  • • So beschleunigen Sie die Spread-Anweisung in JavaScript
  • • Asynchrones JavaScript: Eine Einführung in JavaScript-Versprechen
  • • 8 Gewohnheiten, die bei der Entwicklung in Javascript vermieden werden sollten
  • • JavaScript-Iteratoren und -Generatoren: Asynchrone Iteratoren
  

• Reagiere
  • • 14 Tipps zum Schreiben von Clean React Code: Teil 1 , Teil 2
  • • Modellbasiertes Testen als Reaktion auf Zustandsautomaten
  • • Warum macht React das?
  • • Dokumentation und Vorschau von ReactJS-Komponenten mit JSDoc
  • • Hinzufügen eines Fortschrittsbalkens und von Benachrichtigungen zu Ihrer React-App
  • • Migration von JavaScript zu TypeScript in einem echten React-Projekt
  • • React Microfrontends und Monorepos: die perfekte Kombination
  • • Alle Berichte mit React Rally 2019
  

• Vue
  • Daten an Vue.js übergeben - wie funktioniert das?
  • Hooks in Vue.js Version 3.0
  • Funktionskomponenten von Vue.js: Was, warum und wann?
  • Erfahrung mit der Verwendung von Vue.js in "Edil": Verwendung und Warum wurde React nicht ausgewählt
  • • So arbeiten Sie mit dem DOM in Vue
  • • Faules Laden einzelner Vue- und Prefetching-Komponenten
  • • Dynamische SVG-Marker für Google Maps in Vue.js.
  • • Verwendung von Umgebungsvariablen in Vue.js
  • • Verwendung von Google Maps in Anwendungen auf Vue.js.
  • • Vue PWA: Ein progressives Webanwendungsbeispiel mit Nuxt
  

• Winkelig
  • • GraphQL Anfängerhandbuch mit Angular und Apollo
  • • Tipps zur Injektion von Winkelabhängigkeiten
  • • Verwendung von Formularerstellern in Angular 8 zur Validierung reaktiver Formulare
  • • Komponentenfreigabe mit Angular und Bit
  

• Ember
  • • Glut Parallelität
  • • Commit Porto '19: Wohlstand durch den Werbezyklus: Eine Geschichte von Ember.js (Ricardo Mendes)
  

• Bibliotheken & Plugins
  • • Die Geschichte, wie die beliebte JavaScript-Bibliothek begann, Anzeigen im Terminal anzuzeigen
  • • hashids.js - Eine kleine JS-Bibliothek zum Generieren von YouTube-ähnlichen Bezeichnern aus Zahlen.
  • • O-GL - Minimalistisches WebGL-Framework
  • • Raumzeit: Ein Dienstprogramm zum Arbeiten mit Zeitzonen
  • • Erstellen Sie Live-Avatare (wie Animoji) mit face-api.js
  

Browser

• Firefox 69-Version
• Das Firefox-Update reduziert den Stromverbrauch von MacOS-Geräten um das Dreifache
• Mozilla stellt sicher, dass Aktualisierungen der WebExtensions-API Blocker in Firefox nicht beschädigen
• Mozilla hat damit begonnen, Cookies zu blockieren, um die Benutzeraktivität in Firefox zu verfolgen
• Neuer Yandex-Browser veröffentlicht: Musik, Benachrichtigungen, Seitensuche
• Werbekampagnen bieten eine Alternative zu Cookies, da Mozilla die Benutzerverfolgung verbietet

Unterhaltsam

• Deepfake: Wie neuronale Netze Prominente abstreifen und uns verrückt machen - und wie gefährlich es ist
• Ranking-Faktoren für Google 2019 - eine Studie von Rand Fishkin
• Arten des maschinellen Lernens
• Kurz gesagt, über Schriftarten. Teil eins
• Google hat einen Bibliothekscode für die vertrauliche Datenverarbeitung geöffnet
• Apple kritisierte den iPhone-Schwachstellenbericht von Google und beschuldigte das Unternehmen, die Illusion einer Massenbedrohung zu erzeugen
• Warum nicht Kommentare in Code schreiben?
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 .