Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 343 (10. - 16. Dezember 2018)

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

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • Podcast „Webstandards“, Ausgabe Nr. 151: Ereignisse und Community in Tver, Firefox, Bildlaufleisten und Engines, Quicklink- und Ressourcenhinweise, Offlines, Formulare und Tabellen.
• • Frontend Weekend Podcast # 83 - Ilya Klimov über Wie und warum das JavaScript.Ninja Bildungsprojekt erstellt wurde
• • Devshahta # 61: TypeScript und seine Unterstützung in der JetBrains-IDE
• • Podcast „Frontend Youth (18+)“ # 75 Titten auf der Tastatur , # 76 So aktualisieren Sie die Frontend-Community
• • CSSSR Podcast Remote Talk # 03 - Alexey Volkov und Olesya Kozlova, Tscheljabinsk
• • "ALL YOUR HTML" # s2e1: "Satellite Text" (einfacher Text um das Bild), der erste Stream der neuen Saison

Webentwicklung

• • Funktionsweise von Browsern - eine Einführung in die Sicherheit von Webanwendungen
• • Kurzer Überblick über die Frontend-Entwicklung im Jahr 2018
• • GraphQL Code Generator
• • Erstellen eines animierten Anmeldeformulars für TouchID

• Leistung:
  • • Anti-Performance-Muster: Base64-Codierung
  • • Messen der Auswirkungen von Chrome-Erweiterungen auf die Leistung
  • • Alles über das Prefetching
  • • GoogleChromeLabs / Quicklink - ein Tool, das das Vorladen von Seiten beschleunigt, indem während der Ausfallzeit Links im Ansichtsfenster vorgewählt werden
  

• AMP / PWA:
  • Fall: Wie Pinterest zu PWA wechselte und die Benutzeraktivität um 60% erhöhte
  • • Gibt es einen kalten Krieg zwischen Android und Chrome um PWAs?
  • • Schneller als AMP
  

• Zugänglichkeit:
  • • JavaScript und Bürgerrechte. Mit unserer Technologie. Fähigkeiten zum Schutz gleicher Benutzerrechte
  • • Keine alte Navigationsstrategie: Es ist mehr als nur eine Tabulatortaste
  • • Mit aria-live
  • • Ändert sich alles? Was könnte nach dem Brexit mit dem britischen Gesetz zur Barrierefreiheit geschehen?
  • • Der Firefox Accessibility Inspector zeigt jetzt den WCAG-Kontrast an, einschließlich des Wertebereichs für den Verlaufshintergrund
  

CSS

• Verwenden Sie einfach Stile für: Fokus, Hölle
• • Einführung und Leitfaden zum CSS-Objektmodell (CSSOM)
• • DebuCSSer - CSS-Debugging-Tool mit unaussprechlichem Namen
• • CSS-in-JS oder CSS-and-JS
• • Bei der Sichtbarkeitseigenschaft geht es nicht nur um die Sichtbarkeit von Elementen
• • Wann gelten die: hover ,: focus und: active Pseudoklassen?
• • Überprüfen Sie, ob die CSS-Eingabe leer ist
• • Erkunden der Eigenschaften der CSS-Spezifikation
• • CSS Math

Javascript

• • Informationen zu den Vorteilen der Einbettung von CSS in JS
• • Wer hat an der JavaScript 2018-Umfrage teilgenommen?
• • Erweiterte JavaScript-Injektion
• • Netflix Technology Blog: Unsere Ergebnisse nach der Implementierung von GraphQL
• • JavaScript: Wie weit sind wir gekommen?
• • Das entscheidende Duell zwischen Technologietrends: React vs Angular vs Vue
• • Verwenden Sie diese Javascript-Funktionen, um Ihren Code besser lesbar zu machen.

• Node.js:
  • • Maschinelles Lernen mit Node.js Verwenden der Tensorflow.js-Bibliothek
  • • Starten Sie eine Drohne mit React und Node.js! (100% JavaScript!) - Teil 1
  • • 19 Möglichkeiten, um für Node.js Entwickler im Jahr 2019 besser zu werden
  • • Node.js API und Web Frameworks für 2019
  

• Theorie:
  • • Explizite JavaScript-Funktionen
  • Funktionsweise von JavaScript: Ein Überblick über die Engine, die Laufzeit und den Aufrufstapel
  • • JavaScript-Vererbung und die Prototypenkette
  • • ECMAScript - probieren Sie etwas aus ES2019 (ES10)
  • • Öffentliche und private Klassenimmobilien
  

• Reaktion:
  • • Vor Ihnen - Reagieren Sie auf eine moderne Web-App
  • • 9 Reagieren Sie auf statische Standortgeneratoren für 2019
  • • Rendern von Listen mit React Virtualized
  • • Schnelleres Schreiben von Reaktionscode mit einfachen Reaktionsschnipsel
  • • Tipps zur Reaktionsoptimierung
  • • Asynchrone Reaktion mit React Router & Suspense
  • • Reaktion: State & Props IRL
  

• VueJS:
  • • Geschichten, Kapitel und Absätze: Strukturieren von Inhalten mit Storyblok und Vue.js.
  • • Auswählen eines interaktiven Kartenthemas mit Vue.js.
  

• Winkel:
  • • Schreiben einer benutzerdefinierten TSLint-Regel für Angular
  • • Option für die Komponentenvererbung in Angular, Teil 1
  • • Winkelbibliotheken verbessern - Teil 1
  • • Migration von AngularJS zu Angular - eine neue Strategie
  

• Libs & Plugins:
  • • matchit: analysiert und vergleicht URLs schnell
  • • Rendora: Dynamisches serverseitiges Rendering mit kopflosem Chrome zur mühelosen Lösung von SEO-Problemen mit modernen React-, Vue- und Angular-Frameworks
  • • pika: suche nach modernen npm paketen. Holen Sie sich schnelle und leichte JavaScript-Builds.
  • • Warum ich D3.js nicht mehr benutze
  

Browser

• Firefox 64-Version , Details für Entwickler im Test von Marat Tanalin
• New Edge unterstützt Chrome-Erweiterungen
• Opera hat den ersten Android-Browser mit Web 3-Unterstützung und der in Ethereum integrierten Krypto-Brieftasche veröffentlicht
• Der mutige Browser hat den Übergang zu Chromium abgeschlossen
• • Eine Auswahl von Kommentaren zur aktuellen Situation mit Browsern und Edge

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 .