Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 350 (28. Januar - 3. Februar 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“, Ausgabe Nr. 159: Drei Jahre auf Sendung, Events, JS-Entwickler für TV, Chrome, Safari, PWA, Safari und JS Core, CSS vs JS, ES2019
• • "FrontSpot Show" # 1. Ist Dan Abramov ein Betrüger? Flow ist kein Schwimmer? Und wer ist er - der König von Nischtyakow?
• • RadioJS Podcast Ausgabe 55: Node.js im Backend - Echtes Backend?
• • Devschacht Podcast: 68: Unbequeme Fragen für GraphQL
• • Frontend Youth (18+) Podcast # 82 Wie lodash Javascript verändert hat
• • Turnier: „Best Web Feature 2018“ (TEIL 1)

Webentwicklung

• Wie man guten und klaren Code schreibt
• Einstiegspunkte für HTML, CSS und verschwindende Branchen
• GraphQL Tutorial für Anfänger
• CSS und JS im Krieg: Wie man es aufhält
• • HTML war und ist das Ziel der Kompilierung - können wir etwas dagegen tun?
• • Google Play Store jetzt für progressive Web-Apps geöffnet
• • "Backendification" der Frontend-Entwicklung
• • Eine Übersicht der interessantesten Angebote für die Webplattform zu Webkomponenten

• Leistung:
  • • Seitengeschwindigkeitsoptimierung: Metriken, Tools und Verbesserungen
  • • Verbessern der Leistung von Web-Schriftarten anhand von Beispielen
  

• Werkzeuge:
  • • tris-webpack-boilerplate - webpack-boilerplate zum Erstellen statischer Sites mit allen erforderlichen modernen Tools und integrierten Optimierungstools.
  • • 11 JavaScript-Erweiterungen für Visual Studio-Code
  • • Was ist neu in DevTools (Chrome 73)
  • • Neu in Firefox DevTools 65
  

• Zugänglichkeit:
  • • Verwenden künstlicher Intelligenz zum Erstellen von alternativem Text auf Bildern
  • • Tools und Strategien zur Entwicklung erschwinglicher Webanwendungen
  • • Wie benutzt man das Figurenelement?
  

• Animation:
  • • Dekonstruktion von Taotajima.jp WebGL
  • • Erstellen von Wellenanimationen auf Three.js
  • • Benutzerdefinierte Effekte für den Cursor
  

CSS

• Wie Position: Sticky in CSS funktioniert tatsächlich
• • Ein Blick auf CSS-Wrapper im Jahr 2019
• • Viele Möglichkeiten, die Hover-SVG-Füllung zu ändern (und wann sie verwendet werden soll)
• • CSS-in-JS und statisches Rendering
• • CSSans Pro - Neue kreative Farbschrift

• Codepen-Demo:
  • CSS WordArt
  • CSS-Raster: Excel-Tabelle
  • CSS-Animation: Karte des Rumtreibers
  

Javascript

• • Kompositionspreis in der Javascript-Welt
• • EcmaScript 10 - JavaScript in diesem Jahr
• • Warum ist TypeScript das Herzstück jeder neuen PayPal-Webanwendung?
• Was ist neu in JavaScript 2019?
• • Zukünftiges JavaScript: Was fehlt noch?
• • Static vs Unit vs Integration vs E2E-Tests für Front-End-Anwendungen
• • React vs Angular: ein detaillierter Vergleich
• • Drei weitere Möglichkeiten zum Rendern des JavaScript-Status
• • Neuerscheinungen: TypeScript 3.3 , Babel 7.3 , Jest 24

• Theorie:
  • • JavaScript: Öffentliche und private Klassenfelder
  • • Wie man die asynchrone / wartende Syntax beherrscht: ein echtes Beispiel
  • Arbeiten mit async / await in JavaScript-Schleifen
  • Eine kurze Geschichte der asynchronen Javascript-Funktionen
  • • Tauchen Sie tiefer in JavaScripts ein . Ein genauerer Blick auf JavaScript-Objekthandles
  

• VueJS:
  • • 7 Probleme, die Sie vermeiden können, wenn Sie Nuxt.js für Ihre nächste Vue-Anwendung verwenden
  • • Vue.js Application Performance Optimization: Teil 1 - Einführung in die Leistungsoptimierung und den verzögerten Download.
  • • Beherrschte berechnete Eigenschaften in VueJS
  • • So erstellen Sie eine einfache Überwachung sozialer Netzwerke auf NodeJS, GraphQL und Vue
  • • Verwenden von Vue.js zum Erstellen eines interaktiven Wetterfensters mit API
  • • Was bedeutet Vue 3.0 für die Webentwicklung?
  

• Reaktion:
  • • (Neu) Reagieren Sie auf Lebenszyklusmethoden in einer einfachen, verfügbaren Sprache
  • • Reagieren Sie als UI Runtime , ein neuer Blog-Beitrag von Den Abramov
  • • Erstellen Sie mit React progressive Webanwendungen. Teil 1
  • • addimated ist eine unterbrechbare deklarative Animationsbibliothek für React.
  • • React Custom Scroll 4.0 - eine kleine benutzerdefinierte Komponente zum Erstellen eines benutzerdefinierten Bildlaufs
  • • 5 Möglichkeiten, um ReactJs Apps im Jahr 2019 zu animieren.
  • • Warum ist Gatsby so schnell?
  

• Winkel:
  • • Einführung in NG-VDOM: Eine neue Methode zum Schreiben von Winkelanwendungen
  • • Erstellen Sie PWA Ready for Production mit Angular und Firebase
  • • Angular 7 | 6 Tutorial: Erstellen und Senden von Formularen
  • • Angular DI: Einführung von Ivy NodeInjector
  

• Libs & Plugins:
  • • flexsearch - Volltext-Textsuchbibliothek in Browsern und Node.js.
  • • readability.js ist eine separate Version der Bibliothek, die für den Lesemodus in Firefox verwendet wird
  • • webaudio-synth: Polyphonischer Synthesizer der Web Audio API
  

Browser

• • Im Jahr 2020 wird Microsoft die Unterstützung von Internet Explorer 10 einstellen
• Firefox 65-Version sowie Details für Webentwickler auf Marat Tanalins Blog
• WebRender für AMD / Intel-Grafikkarten und Schutz vor MITM-Angriffen in Firefox
• Mozilla hat einen weiteren mobilen Browser eingeführt
• Benutzer beschweren sich nach der Installation von Firefox 65 über Zertifikatsprobleme
• Was passiert mit Werbeblockern nach dem Chromium API-Update: Meinungen von Yandex Browser, AdGuard und Adblock Plus

Unterhaltsam

• Antworten auf die beliebtesten Fragen zu Gutenberg
• Die vollständige Trennung von Google+ für reguläre Nutzer ist für den 2. April geplant. Das Unternehmen warnt vor dem vollständigen Löschen von Daten
• JavaScript hat Java im Ranking der Entwicklerpräferenzen HackerRank überholt
• Wie der virtuelle Handel mit Spielartefakten das reale Leben beeinflussen kann
• Was ist ein Quantencomputer und wie funktioniert er?
• Stand der künstlichen Intelligenz im Jahr 2019
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 .