Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 374 (29. Juli - 4. August 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • CSSSR Podcast : News 512 - Next.js, Guardian Design System, Teamlead Bootcamp, Neu in der Slack- und Githu-Integration
• • Reagieren Sie auf einen fünfminütigen Podcast : TechTrain, Richard Stallman und Freie Software
• • Podcast „devschacht“ # 88: Am Rande der Erde. Wie frühere Erfahrungen bei der Arbeit helfen.
• • Podcast „Frontend Youth (18+)“ # 101 Wie man unterwegs ein Dorf für ein Bier kauft
• • UnderJS Podcast : # 1 - Pilot - Real Underground
• • "Repozitorro" # 23 : Pss Typ, ein kleiner Vue.js will nicht?
• • "Pro Conf" # 24 PerfMatters: Web Performance Conference 2019
• • "#PerfMatters Conference 2019"

Webentwicklung

• Schnellstart mit WebComponents
• • SVG im wirklichen Leben. Yandex-Bericht
• • Komponentenbasiertes Entwicklungshandbuch
• • Frontend Design, React und die Brücke über den großen Abschnitt
• • Hoppla, es scheint, wir sind Full-Stack-Entwickler geworden
• • Frontend in Südkorea . Ein Thema auf reddit, bei dem lokale Frontends ihren Schmerz teilen
• • Erstellen Sie mit SVG einen realistischen Glaseffekt

• Leistung:
  • • Funktionen von Google PageSpeed: Verbesserte Website-Bewertung und verbessertes Suchranking
  • • Ich habe den ganzen Tag das Internet mit einem Budget von 50 MB genutzt . Internet-Überlebensexperiment
  • • Schneller machen von Instagram.com: Teil 1
  

• Zugänglichkeit:
  • • Barrierefreiheitsstrategien für Ihr Content-Team
  • • Die Wahrheit über digitale Zugänglichkeit
  • • Erstellen von benutzerdefinierten Optionsfeldern, auf die über die Tastatur zugegriffen werden kann
  

CSS

• • Entdecken Sie die Eigenschaften von CSS-Animationen mit einem magischen Kätzchen
• • Verwenden von benutzerdefinierten CSS-Attributen, die von JavaScript generiert wurden, als Übergabemechanismus
• • 7 Top-CSS-Trends für 2019
• • Neue CSS-Funktionen in Firefox 68
• • Was ist die Spezifität von @ Regeln-Regeln wie @keyframes und @media?
• • Flexbox und Polsterung
• • Best Practices für die Organisation von Themen in CSS

Javascript

• • Einführung in die Screen Capture API - Scannen Sie QR-Codes in einem Browser
• • Asynchrone JavaScript-Programmierung (Callback, Promise, RxJs)
• • Erleben Sie die Übersetzung eines großen Projekts von Flow nach TypeScript
• Verwenden künstlicher Intelligenz in einem Browser mit TensorFlow.js
• Praktische Tipps zur Verbesserung des JavaScript-Codes
• • Spickzettel für den Wechsel von jQuery zu Vanille-JavaScript
• • Schreiben einer einfachen MVC-Anwendung in einfachem JavaScript
• • Wie man kein Javascript einsaugt
• • Svelte: Erste Eindrücke

• Theorie:
  • • Was bist du, Event Loop? Oder wie die Ereignisschleife im Chrome-Browser funktioniert
  • Erläuterung der Funktionsweise von EventLoop in JavaScript
  • Verständnis der Verwechslung zwischen den JavaScript-Methoden Slice (), Splice () und Split ()
  • JavaScript-Konzepte: Destruktive Zuweisung
  • • JavaScript-Versprechen und Async / Await: So schnell wie möglich
  

• Reaktion:
  • • Reagieren + Redux + Comlink = Off-Main-Thread
  • • Reagieren Sie auf <Animated /> Tutorial
  • • Abrufen von Daten in React mit React Async
  • • Warum sind React Hooks?
  • • Wird React Redux-Haken ersetzen?
  • • Werden React-Hooks High Order Components (HOCs) ersetzen?
  • • localize-react : Eine einfache, leichtgewichtige Bibliothek zur Lokalisierung in React-Anwendungen ohne Abhängigkeiten, die auf der neuen React Context-API basiert
  • • Effektive Lösung, um Redux durch React-Kontext und Hooks zu ersetzen
  

• Winkel:
  • • Erstellen Sie Ihren eigenen Bildklassifizierer auf Angular und Tensorflow.js
  • • Beste Angular Open Source-Projekte
  • • Öffentliche Beta-Version von Bit with Angular
  • • Schlank für Winkelentwickler
  

• VueJS:
  • • Erstellen dynamischer Routen in einer Nuxt-Anwendung
  • • Vue.js 3: Perspektivische Programmierung
  • • Erste Schritte mit Vuetify 2.0
  

• Ember:
  • • Ember 2019-2020 Roadmap
  • • Ember Component Museum . Erfahren Sie, wie Sie Komponenten in Ember 3 verwenden können
  • • Ember Component Spickzettel
  

Browser

• • Konfigurieren Sie Firefox unter Linux
• In Firefox wird ein Experiment zu DNS-over-HTTPS durchgeführt
• Veröffentlichung von Chrome 76
• Midori 9 Webbrowser-Version
• Microsoft hat angekündigt, VBScript in Internet Explorer 11 zu deaktivieren
• • Was ist neu in DevTools (Chrome 77)?
• • Neue CSS-Funktionen in Firefox 68

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 .