Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 375 (5. - 11. August 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 , 188. Adressbuch, Hermes, PageSpeed, DevTools, ndb, Puppenspieler, PiterJS
• • CSSSR Podcast: News 512 - 25 Jahre PHP, Github Actions, Design, CSS und Instagram Optimierung
• • Podcast „devschacht“ # 90 : Lebe mit SkyEng über Remote-Arbeit
• • Podcast "devschacht" # 89 : Roman Prudnikov über die Arbeit in 2GIS und Yandex Music.
• • Podcast Frontend Youth (18+) # 103 : Kleines Schwarzes Loch - Ein Stallman Shelter
• • Repozitorro # 24 : Junior Portfolio aus einem anderen Blickwinkel ...
• • Podcast Web Standards , Nr. 187. HTML-Semantik, Webkomponenten, W3C und WHATWG, HTML5 Doctor, Prince XML, Webmonetarisierung
• • Jetzt live: Ihre SmashingConf Toronto Playlist

Webentwicklung

• Fantastische Webspezifikationen und wo sie leben
• • Eine einfache Einführung in Web Worker in JavaScript
• • Erstellen Sie interaktive, optimierte E-Mails mit dem AMP Framework von Google
• • Warum ist moderne Webentwicklung so kompliziert? Eine lange, aber hastige Erklärung: Teil 1
• • Was ist besser: PWA-Treueprogramm oder mobile App?
• • Wenden Sie sich an die Picker-API , Details zur neuen API im Google Developers Blog
• • Mavo glänzt beim Erstellen interaktiver Webanwendungen

• Leistung:
  • • Funktionen von Google PageSpeed: Verbesserte Website-Bewertung und verbessertes Suchranking
  • • Größte inhaltliche Farbe (LCP) . Neue Leistungsmetrik, mit der Sie die Ladezeit des Hauptinhalts einer Webseite messen können.
  • • Zeit bis zum ersten Byte: Was es ist und warum es wichtig ist
  • • Fauler nativer Web-Upload
  • • Native Lazy-Loading funktioniert bereits in Chrome 76!
  • • Stellen Sie im Voraus Netzwerkverbindungen her, um die wahrgenommene Seitengeschwindigkeit zu verbessern
  • • Hochleistungsfähige Web-Input-Verarbeitung
  

• Werkzeuge:
  • • 5 nützliche Webpack-Plugins
  • • Visual Studio Code-Hotkey-Handbuch für höhere Produktivität und 30 meiner bevorzugten Verknüpfungen, die es wert sind, gelernt zu werden
  • • SVG Gobbler ist eine einfache Erweiterung, die SVG im aktuellen Fenster findet, eindeutige Attribute einschließlich der Größe auswählt und das Herunterladen oder Kopieren einer bereits optimierten Version in die Zwischenablage ermöglicht
  

• Zugänglichkeit:
  • • Web Accessibility vs. Benutzerfreundlichkeit
  • • Tipps für unerwartete Zugänglichkeit
  

• Animation:
  • • Der Effekt, beim Bewegen der Maus Spuren von Bildern zu hinterlassen
  • • Beeindruckende Zusammenfassung inspirierender Websites # 7
  • • So erstellen Sie Webanimationen mit Anime.js
  
  

CSS

• Benutzerdefinierte CSS-Attribute als Mechanismus zum Übertragen von Daten von JavaScript nach CSS
• • Schreibmodi und CSS-Layout
• • CSS lernen durch Lesen von Spezifikationen
• • Umgang mit nicht verwendetem CSS in SASS für eine bessere Leistung
• • CSS: leere Auswahl
• • Wöchentliche Nachrichten der Plattform: CSS-Schriftstil: schräg, Webhin-Browser-Erweiterung, CSS-Module V1
• • Designprinzipien für Entwickler: CSS-Prozesse und Tipps für ein besseres Webdesign
• • Bewegen Sie Text entlang eines gekrümmten Pfades
• • 5 coole CSS-Grid-Generatoren für Ihre Layouts
• • Subpixel-Rendering und Rahmen

Javascript

• • Da ich im Wettbewerb um JavaScript-Entwickler von Telegram nicht den ersten Platz belegt habe
• Ein modernes JavaScript-Tutorial . Ein großes Update einer beliebten Ressource von Ilya Kantor
• • So implementieren Sie Drag & Drop für HTML-Elemente und -Dateien mit Javascript
• • Erstellen meiner ersten schlanken Anwendung: Gedanken und Eindrücke
• • Clientseitige JS-Weiterleitungen: Kann Googlebot sie erkennen?

• Theorie:
  • • Geben Sie System-FAQs ein
  • • Definiert oder undefiniert? Nuancen beim Erstellen von Arrays in JavaScript
  • • Verwenden von let-Deklarationen von Variablen und Features der resultierenden Abschlüsse in JavaScript
  • • Design Patterns # 1 - Singleton (Single)
  • • Arbeiten mit ECMAScript 2019 Asynchrone Iteration mit for-of
  • • Intl.NumberFormat
  • • Interessante Anwendungsfälle für bitweise JavaScript-Operatoren
  • • JavaScript Promise-Kombinatoren: .all (), .race (), .allSettled ()
  

• Reaktion:
  • • Reagieren Sie auf den animierten Leitfaden
  • • Reagieren Sie auf Version 16.9.0 und Roadmap-Update
  • • Was ist neu in React v16.9?
  • • Wie funktioniert der Entwicklungsmodus?
  • • Erstellen mobiler Anwendungen mit Ionic und React
  • • useEffect oder useLayoutEffect in einer einfach zugänglichen Sprache
  • • Verwenden von Immer zum Verwalten des Reaktionsanwendungsstatus
  

• VueJS:
  • Erstellen eines SPA auf Vue.js über Headless WordPress
  • • So richten Sie eine Entwicklungsumgebung für Vue ein
  • • Ändern von Komponentendaten mithilfe von Ereignisquellen in Vue.js
  • • Mehr aus asynchronen Vue-Komponenten herausholen
  

• Winkel:
  • • Verwenden der Async-Wait-Funktion in Angular
  • • Asynchrone Module und Komponenten in Angular Ivy
  • • Richtung Angular 9: Drei Fehlerbehebungen in Angular 9
  • • So tauschen Sie Angular-Komponenten zwischen Projekten und Anwendungen aus
  

• Ember:
  • • Umgang mit Fremdschlüsselattributen in einer Ember-Daten-API
  • • Schreiben von Tests wie Mathematik: Teil 1
  • • EmberMap Podcast - Objektreferenzen werden als hilfreich angesehen
  • • EmberMap Podcast - Du musst den Schmerz fühlen
  

• Libs & Plugins:
  • • sharec - ein Projekt zum Ersetzen von Boilerplates und Paketen wie Create React App, mit dem Konfigurationen aktualisiert und Änderungen vorgenommen werden können
  • • Frosted Panel - eine browserübergreifende Bibliothek auf reinem JS zur Implementierung des Reaktionseffekts von „Frozen Glass“
  • • murphyjs: Eine einfache Möglichkeit, scrollbasierte Animationen in Ihren Komponenten zu implementieren.
  

Browser

• In Chrome 76 wurde eine Methode zum Ermitteln des Inkognito-Browsings gefunden
• Chrome 78 Canary-Tests erzwangen den Dunkelmodus für alle Standorte
• Den nächtlichen Firefox-Builds wurde ein strikter Seitenisolationsmodus hinzugefügt
• • Vorschau der Safari-Technologie 89 Versionshinweise

Unterhaltsam

• Angriff auf Front-End-Back-End-Systeme, sodass Sie Anfragen von Drittanbietern bearbeiten können
• Google hat Podcasts in den Suchergebnissen hervorgehoben
• Huawei hat das verteilte Betriebssystem HarmonyOS offiziell eingeführt
• Die Prozessoren haben eine neue Sicherheitsanfälligkeit entdeckt, die den Schutz vor Spectre und Meltdown umgeht
• Microsoft-Auftragnehmer hören einige Skype-Benutzerkonversationen ab
• Ein beliebtes Spiel erfinden, aber kein Geld damit verdienen: die Geschichte von Tetris und seinem Erfinder

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 .