Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 398 (13. - 19. Januar 2020)

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

Web-Entwicklung | CSS | Javascript | Browser

Web-Entwicklung

• 32 Tipps für einen Webentwickler, der 2020 über sich hinauswachsen will
• Entwicklerschrift veröffentlicht JetBrains Mono
• Neue Google-Micro-Layout-Formate für 2019
• Navigieren im Web mit einem Gamepad
• Behebung des Problems mit dem Section-Element
• Ewige Artikel für Webentwickler

• Die Werkzeuge
  • Lernen Sie End-to-End-Tests mit Puppenspieler
  • Kleine Helfer - Eine Sammlung kostenloser Online-Tools für Webentwickler
  • Testen Sie Ihre Website mit BackstopJS auf visuelle Regression
  • Lassen Sie die Werkzeuge die Wahl treffen
  

• Leistung
  • Vier weitere nicht standardmäßige Methoden, um das Laden von Websiteseiten zu beschleunigen
  • "Beste" Leistungsmetriken? Beginnen Sie mit diesen sechs
  • Die Optimierung Ihrer Bilder hat Ihre Download-Zeit nicht verbessert? Deshalb
  • Webleistung: 11 wichtige Tipps zur Beschleunigung Ihrer Website
  

• Verfügbarkeit
  • BBC Digital Version Verfügbarkeit 2019
  • Web Accessibility Compliance und EU-Recht
  

• Effekte
  • 3D-Falzlayouttechnik für HTML-Elemente
  • Wie man Animationen im Web mit Greensock macht
  

CSS

• Also wann ist es noch möglich zu nutzen! Wichtig?
• Klick-Effekt für Materialdesign-Stil mit Zeigerereignissen und benutzerdefinierten CSS-Eigenschaften
• Lohnt es sich, Google Fonts zu Hause zu hosten?
• Gestaltungsoptionen für Webkomponenten
• CSS4 ist da!
• Verwendung des Pseudoklassen-Selektors: root in CSS
• Hinzufügen von Trennzeichen zu CSS-in-JS-Layouts

Javascript

• Vanille JavaScript und HTML. Keine Frameworks. Keine Bibliotheken. Kein Problem
• Etwa 30x Concurrency Boost in Node.js
• JavaScript-Bündelung und Leistung: Best Practices

• Theorie
  • Häufige Fehler beim Arbeiten mit Versprechungen in JavaScript, die jeder kennen sollte (Übersetzung)
  • Clean Code für TypeScript - Teil 1
  • 15 JavaScript-Methoden zum Arbeiten mit Arrays, die Sie im Jahr 2020 kennen müssen
  • 9 Möglichkeiten zum Arbeiten mit Objekten in JavaScript im Jahr 2020
  • Wichtige Punkte beim Arbeiten mit Arrays und Objekten im Rahmen der Interaktion mit der REST-API
  • Optionale Verkettung, Null-Koaleszenz und wie sie die Art und Weise ändern, wie Code geschrieben wird
  

• Reagiere
  • Neues Odnoklassniki-Frontend: Starten von React in Java. Teil I
  • Best New React App 3.3 Funktionen
  • Einführung in die React Context API
  • React-Spring Visualizer
  • Reagieren Sie mit TypeScript: Best Practices
  • Verfügbarer Seitentitel auf einer Seite. Anwendung reagieren
  • Next.js 9.2 Version
  • 10 Praktiken in VSCode zur Beschleunigung der Reaktionsentwicklung
  • Tutorial zu "React Refs": useRef und createRef
  • So erstellen Sie React VR-Apps
  • 10 Möglichkeiten zur Optimierung der Leistung Ihrer React-Anwendung
  

• Vue
  • Verwenden von Rückenwind mit Vue.js
  • Vue + Apollo: Undichte Abstraktionen
  • Erstellen einer rekursiven Komponente in Vue.js
  • Vue Component Development Kit v0.4.0
  • 12 Vue.js Best Practices für professionelle Entwickler
  • So fügen Sie AutoComplete Input zu Ihrer Vue.js-Anwendung hinzu
  

• Angular
  • 6 Möglichkeiten zum Abbestellen von Observables in Angular
  • Angular: Wie wird IE11 unterstützt?
  • Angular ab 2020
  • Wir schreiben unsere Strategie für das virtuelle Scrollen von Angular CDK
  

• Svelte
  • Wie können Sie lernen, Svelte für Ihr nächstes JS-Projekt zu verwenden?
  • Alles, was Sie wissen müssen, um mit dem Schreiben von Svelte Single File Components zu beginnen
  

Browser

• Im Zuge der Umstrukturierung wurden 70 Mitarbeiter von Mozilla entlassen
• Google beabsichtigt, die Unterstützung von Cookies von Drittanbietern in Chrome bis 2022 einzustellen
• Wie installiere ich Erweiterungen für Google Chrome im neuen Microsoft Edge?
• Chrome blockiert nach Safari und Firefox auch Cookies von Drittanbietern, jedoch nicht sofort
• Microsoft unterstützt Edge für Windows 7 mindestens 18 Monate lang
• Chromium-Entwickler haben vorgeschlagen, den User-Agent-Header zu vereinheitlichen und ablaufen zu lassen
• Chrome plant, Cookies von Drittanbietern auf Websites für zwei Jahre zu deaktivieren
• Aktualisieren Sie auf das neue Microsoft Edge
• So wie wir es in Firefox Desktop Bild-in-Bild gemacht haben, um mehr Kontrolle über das Video zu haben

Wir entschuldigen uns für Tippfehler oder fehlerhafte / duplizierte Links. Wenn Sie ein Problem bemerken - bitte schreiben Sie eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Verdauung letzte Woche .
Material von Dersmoll und Alekskorovin vorbereitet.