Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 380 (8. - 15. 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 | Unterhaltsam |

Medien

• • CSSSR-Podcast: 512 Nachrichten - WSL 2, Webpack 5 Alpha, V8 Lite, REST und Tarif
• • Web Standards Podcast, Nr. 192. Firefox 69, Leistung, Datei-API, Anker, Chatix-Chat und Bildschirmübersetzung
• Podcast „Frontend Youth (18+)“: # 107 Geheime Wünsche von Richard Stallman Pro Unlimited
• • Podcast „Die Kunst des Programmierens“ - Nr. 197 Frontend in Aktion
• • Mach mich schön Podcast, Ausgabe Nr. 24 - Reactgate, 7 Wahrheiten und größte inhaltliche Farbe
• • 15 Videos von ComponentsConf 2019 Australia
• • FrontSpot Show # 11: Anya Selezneva über Mädchen in der IT, Umarmungen und Verschiedenheiten.

Webentwicklung

• • Moderne Frontend-Architektur
• • 5G wird das Web wahrscheinlich definitiv langsamer machen
• • (Warum) Einige HTML-Konstrukte sind "optional"
• • So tragen Sie zu Open Source-Projekten bei
• • X3D: deklaratives 3D für das moderne Internet

• Die Werkzeuge
  • • Lernen Sie caniemail.com kennen - einen Onlinedienst, bei dem Sie HTML- und CSS-Unterstützung für verschiedene E-Mail-Clients sehen können
  • • Caniuse und MDN kündigen Zusammenarbeit und Datenaustausch an
  • • Wir portieren die JavaScript-Entwicklung in Bash unter Windows
  • • Meine bevorzugten Browser-Erweiterungen für die Webentwicklung
  

• Verfügbarkeit
  • • Warum muss Ihre Anwendung zugänglich sein?
  • • Button Contrast Checker - ein Online-Tool zur automatischen Überprüfung des Kontrasts von Tasten
  

• Spektakuläres Web
  • • Eine Auswahl kreativer Demos "Awesome Demos Roundup # 8"
  • • Zusammenfassung der inspirierenden Websites # 8 Inspirierende Websites
  

CSS

• • CSS-Variablen und Farbthema für die Site in mehreren Zeilen
• • Schnelles, bequemes und anpassungsfähiges Menü für 1075 Kategorien (36000 Produkte)
• • So erstellen Sie einzigartige, schöne Websites mit Rückenwind-CSS
• • CSS-Schwachstellen
• • Transparente Hover-Buttons mit Hover-Effekt
• • "Zwei Browser betreten die Bildlaufleiste." Zach Leatherman über das Verhalten und die Möglichkeiten zum Anpassen von Bildlaufleisten
• • Logische Operationen mit CSS-Variablen
• • So entfernen Sie nicht verwendetes CSS
• • CSS-Raster: Eine Auswahl typischer Magazin-Layouts

Javascript

• • Eine kurze Einführung in Svelte aus der Perspektive eines Angular-Entwicklers
• • Verwendung von JavaScript-Modulen in der Produktion: Stand der Technik: Teil 1 , Teil 2
• Erste Bekanntschaft mit ReasonML
• • So finden Sie Fehler im JavaScript-Code mit dem Debugger
• • JavaScript-Metronome
• • Anleitung zur Überwachung von Browserfehlern mit window.onerror
• • Maschinelles Lernen für Front-End-Entwickler mit Tensorflow.js
• • Leichteres V8. Informationen zu den Speicheroptimierungstechniken, die bei der Arbeit an V8 Lite verwendet wurden
• • Wie debugge ich Javascript-Code, den ich nicht geschrieben habe?
• • ECMAScript-Liste neuer Funktionen - eine vollständige Liste der neuen ES-Funktionen, einschließlich ES6, ES7, ES8, ES9 und ES10 (2015-2019)
• • Die herausragendste neue Funktion in Javascript, die Sie kennen sollten: Optionale Verkettung

• Theorie
  • • 5 Dinge, die JavaScript am meisten nicht versteht
  • Wir verwenden Tricks aus der funktionalen Programmierung, um unseren JavaScript-Code zu verbessern
  • Wie JavaScript funktioniert
  • Kopieren von Objekten in JavaScript
  • • Ein weiteres JS-Tutorial
  • • 4 Möglichkeiten für den sicheren Zugriff auf verschachtelte Objekte in Vanilla Javascript
  • • Wiedereinführung der Destrukturierung
  • • Es ist nichts falsch mit Emoji .length == 7
  

• Reagiere
  • • Drei häufige Sicherheitsfehler, über die jeder Reaktionsentwickler Bescheid wissen sollte
  • • Entwicklung automatisierter Tests für React
  • • Erstellen eines seitlichen Hamburger-Menüs mit Reaktionshaken und gestalteten Komponenten
  • • Warum wir zu React Hooks gewechselt sind
  • • React Dev Tools - Debuggen im Ninja-Stil
  

• Vue
  • • Webanwendung auf Kotlin + Spring Boot + Vue.js
  • Übergabe der Konfiguration an Vue.js.
  • Abhängigkeitsinjektion mit Vue.js
  • • Erstellen einer Anwendung mit gestalteten Komponenten in Vue.js.
  • • Einige nützliche Tricks für Vue.js.
  • • Warum sind Vujes so cool?
  • • So testen Sie Anwendungen auf Vue mithilfe des Cypress-Frameworks
  • • «Vue 3 | Blick in die Vueture: Kompositionsfunktionen. " Bericht von Natalia Teplukhina auf der ComponentsConf 2019
  • • JSFoo: VueDay 2019
  

• Winkelig
  • • So erstellen Sie suchmaschinenfreundliche internationalisierte Webanwendungen mit Angular Universal und ngx-translate
  • • Hinzufügen von Internationalisierung (i18n) zu einer Angular-App
  • • Einrichten eines Angular CLI-Projekts mit GraphQL
  • • Was ist neu nach Angular 8?
  

• Bibliotheken & Plugins
  • • css-dot-js-loader - Webpack-Loader, mit dem Sie statisches CSS mit JavaScript generieren können
  • • check-imports - Ein CLI-Tool, das Importe analysiert und automatisch Abhängigkeiten zu package.json hinzufügt, um unnötige zu entfernen
  • • So fügen Sie Unterstützung für schwarze Themen in einer Zeile hinzu
  • • Google hat das offizielle native Lazyload-Plugin zu Wordpress hinzugefügt
  • • js-fire - Bibliothek zum automatischen Erstellen einer CLI aus den meisten js-Objekten
  • • poetisch: Konfigurieren Sie ESLint, Prettier und Airbnb schnell in einer Zeile
  • • js-noisy-gradient - eine kleine Bibliothek zum Glätten sichtbarer Ränder in Verläufen
  

Browser

• Chrome 77 hat gelernt, Registerkarten von einem Gerät auf ein anderes weiterzuleiten
• Chrome 77 bricht Anmeldeseiten für Netgear-Geräte
• In Chrome 78 beginnen die Experimente mit der Aufnahme von DNS-over-HTTPS
• Vivaldi-Browser auf der Android-Plattform veröffentlicht
• Mozilla startet Firefox Private Network als Browsererweiterung

Nachrichten

• • Das US-Gericht hat das Scraping von Websites vollständig legalisiert und die technische Behinderung verboten
• Google hat die Regeln für Nofollow-Links geändert
• Yoast: Google musste den rel = nofollow-Verarbeitungsansatz nicht im Alleingang ändern
• WordPress wird in der nächsten Version Unterstützung für das neue Attribut rel = ugc hinzufügen
• Vergleich der Leistung von Netzwerktreibern in Optionen in 10 Programmiersprachen
• Google ändert die Algorithmen für das Ranking von Nachrichten in der Suche. Den ursprünglichen Quellen für Originalinhalte wird Vorrang eingeräumt
• Google hat Maßnahmen für geleaste Subdomains ergriffen

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 .