Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 356 (11. - 17. März 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 zu Webstandards, Ausgabe Nr. 165 : Chrome 73, React Native 0.59, CSS-Verschachtelung, KV-Speicher, ARIA Live-Regionen, Webkomponenten, bedingte ES-Module.
• • HardcodeFM Podcast Episode 9 - ClojureScript- Frontend
• • Podcast Frontend Youth (18+) # 87 Keine Klassen erforderlich
• • CSSSR Podcast News 512 - Ausgabe Nr. 42 ( 11. März - 17. März )
• • "Alles geht zum Frontend . " Neues Lied von Mikhail Malkov am Frontend

Webentwicklung

• Die Stärke und Leistung von Webkomponenten
• • Frontend ohne JavaScript
• • Responsive Bildplanung
• • KV-Speicher: Das erste integrierte Modul im Web
• • Vorschlag zur Unterstützung des differenziellen Ladens von Skripten in der WHATWG-Diskussion zu Github

• Leistung:
  • Beschleunigen Sie eine Site mit vielen Bildern: eine Anleitung zum verzögerten Laden von Bildern
  • • Ankündigung von Lite-Seiten für Chrome: Schnellerer Download für * sehr * langsame Netzwerkbenutzer. Opt-in über Google Data Saver für intelligentes serverseitiges Rendern und Priorisieren von Seitensubressourcen
  • • Grundlegendes zu Chrome Lite
  

• Werkzeuge:
  • Webpack in der Praxis: von Grund auf neu, um Autotests zu erstellen
  • • Sublime Text 3.2 veröffentlicht, immer noch schnell, mit neuer Version - Integration mit Git
  • • So verwenden Sie Chrome als IDE
  

• Zugänglichkeit:
  • Alles, was Sie über ARIA Live Regions wissen müssen
  • • Accessibility Insights ist das neue a11y-Testtool, das schnelle und nützliche Informationen zu Barrierefreiheitsproblemen in Ihren Produkten bietet.
  

CSS

• • Flexibler Preloader mit em-Einheiten
• • WebP in CSS - PostCSS-Plugin und winziges JS-Skript (128 Byte) zur Verwendung von WebP als CSS-Hintergrund
• • Erste Schritte mit CSS Grid
• • Entwerfen von Einheiten für das Seitenverhältnis in CSS
• • CSS-Debugging ist schwierig
• • Wenn Ausdrücke und Schleifen in CSS
• • So bearbeiten Sie CSS-Farben mit JavaScript
• • Neugestaltung unserer Dokumente - Teil 4: Erstellen einer skalierbaren CSS-Architektur
• • Warum kann ich die Schriftgröße für den besuchten Link nicht festlegen?
• • Verwenden von CSS-in-JS zum Gestalten benutzerdefinierter Elemente
• • Erste Schritte mit PostCSS im Jahr 2019
• Effektive Animation der unterstrichenen Navigationselemente im Menü

Javascript

• • Lösen einer Aufgabe aus einem Google-Interview mit JavaScript: 4 verschiedene Möglichkeiten
• Node.js Foundation und JS Foundation wurden zur OpenJS Foundation zusammengeführt
• Verwenden Sie JavaScript? 6 Möglichkeiten, verarbeiteten HTML-Code anzuzeigen
• Interview für die Position des JavaScript-Entwicklers: beliebte Aufgaben mit Analyse von Lösungen
• • Update zu experimentellen Funktionen in Node.js.
• • GraphQL im Detail: was, warum und wie
• • Wie ich meinen JavaScript-Code durcheinander gebracht und trotzdem die Coding Challenge gewonnen habe
• • JavaScript in 14 Minuten . Jeremy Thomas Interaktives Tutorial

• Theorie:
  • Wir verstehen Schließungen in JavaScript. Ein für allemal
  • • Wenn "Zoë"! == "Zoë". Oder warum Sie Unicode-Zeichenfolgen normalisieren müssen
  • • 7 Tricks mit Spread- und Rest-Objekten in JavaScript
  • • Konvertieren Sie Rückruffunktionen in Versprechen
  

• VueJS:
  • • VueJS: Ein bisschen über 3.0
  • • So ersetzen Sie jQuery durch Vue
  • • So richten Sie die Suchoberfläche in Vue.js ein
  • • Vue a11y - Das Community-Projekt von Vue.js zur Verbesserung der Barrierefreiheit von Websites.
  

• Reaktion:
  • • Analyse und Optimierung von React-Anwendungen
  • Die Reaktionsdokumentation ist jetzt in russischer Sprache verfügbar
  • • React Hooks: So starten und erstellen Sie Ihre eigenen
  • • Hinzufügen von Animationen zu React-Apps mit React-Lottie
  • • Optimale Dateistruktur für React-Anwendungen
  • • Sie benötigen kein Mod-Framework, um GraphQL mit React zu verwenden
  

• Winkel:
  • • Faul geladene Module für Ivy automatisch aktualisieren
  • • Implementierung des Datei-Uploads mit Node und Angular
  • • Erstellen von Winkel- und Reaktionsanwendungen mit Nx
  

• Libs & Plugins:
  • • Warum sollten Sie Moment.js nicht verwenden ...
  • • Versprechen-Dienstprogramme: lodash-ähnliche Dienstprogramme ohne Abhängigkeiten für native ES6-Versprechen
  • • asynchrones paralleles / serielles foreach in JavaScript
  • • lax.js - Einfaches und einfaches Vanille-Javascript-Plugin zum Erstellen flüssiger und schöner Animationen beim Scrollen
  

Browser

• Chrome Webbrowser Version 73
• Warum Brave eine würdige Alternative zu Chrome sein könnte
• Der Dunkelmodus im Chrome-Browser ist jetzt auf dem Mac verfügbar

Unterhaltsam

• • Das World Wide Web ist dreißig Jahre alt - was wird als nächstes damit geschehen?
• Künstliche Intelligenz und Krypto - wir trennen Hype von Realität
• Vergänglichkeit ist eine Lüge. Warum die Verschlüsselung Ihre Privatsphäre nicht schützt
• Lookout - eine Anwendung von Google, die Blinde und Sehbehinderte über die Umgebung informiert
• Der frühere Rambler-Entwickler hat einen Webserver erstellt, Microsoft auf dem Markt überholt und das Unternehmen für 670 Millionen US-Dollar verkauft: Nginx-Geschichte
• Mozilla hat Firefox Send eingeführt
• Es ist Zeit, sich zu verabschieden. Google Allo Messenger funktioniert nicht mehr, nebenan - Posteingang
• GitHub ändert Datenschutzrichtlinien und Sanktionen
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 .