Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 361 (15. - 21. April 2019)

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

Webentwicklung | CSS | Javascript

---

Webentwicklung

• Was ist GraphQL?
• Mozilla führt WebThings ein
• Optimierung der Größe der Webpack-Baugruppe
• • So senden Sie PWA an den Google Play Store
• • Überprüfen von Eingabefeldern mit HTML5 und regulären Ausdrücken
• • Eine SVG-Datei, die deklarativ und asynchron in HTML eingebettet ist

• Leistung:
  • AMP Stories hat einen separaten Abschnitt in den Google-Suchergebnissen
  • • Drei Möglichkeiten, um zu überprüfen, ob Rel = Preconnect Resource Hints funktioniert
  • • Leistungsoptimierung mit Ressourcenhinweisen
  • • Cloudflare kündigt AMP Real URL an
  

• Animation:
  • • So erstellen und animieren Sie gedrehte Overlays
  • • Kreative visuelle Demonstration von Notre Dame mit Scroll-Animation auf WebGL
  

CSS

• Mystischer Inline-Flex und was er tut
• • CSS Subgrid News und Demos
• • CSS und Barrierefreiheit
• • CSS-Mauerwerk mit Flexbox: n-tes Kind () und Bestellung
• • CSS schwebt über benachbarten Elementen
• • Die offizielle Einführung von CSSBattle - dem ersten CSS-Golfspiel
• • Pixelränder: SASS-Mixin zum Hinzufügen eines pixeligen Randes für Elemente mit Einstellungen für Größen, Farben und Layout

Javascript

Die Arbeiten zur Übersetzung von javascript.info ins Russische und Ukrainische haben begonnen (aktuelles Russisch ist unter allen bekannten Learn.javascript.ru verfügbar ). Das Aktivistenteam sucht Freiwillige, die bei der Übersetzung der Artikel für das Lehrbuch helfen.

• JavaScript Web Workers: Ein Leitfaden für Anfänger
• • Dynamisches Rendering für JS-Anwendungen - JavaScript SEO
• • Das schreckliche globaleDieses Polyphil in universellem JavaScript
• • 7 nützliche JavaScript-Tricks
• • Verwendung der JavaScript-Konsole über console.log () hinaus
• • Erste Schritte mit Javascript - die richtigen Tools und Ressourcen (Videointerview mit Christian Heilmann)
• • Verwendung von TypeScript - Eine detaillierte Anleitung zu allgemeinen Skripten
• • Maussimulation

• Theorie:
  • • Verantwortliche JavaScript-Entwicklung Teil 1
  • • Beschleunigen von JavaScript mithilfe des Datentyps Set
  • Anonyme Funktionen in JavaScript
  • 12 Konzepte, die Ihr JavaScript pumpen
  • • JavaScript-Grundlagen: Mastering von Objekten
  • • So optimieren Sie Ihre JavaScript-Anwendungen mit Schleifen
  • • JavaScript für Katzen
  • • ES6 und darüber hinaus>
  • • Erkundung des verborgenen Potenzials von Arrays in JavaScript
  

• VueJS:
  • Schreiben einer einseitigen Anwendung mit Flask und Vue.js.
  • • So zwischenspeichern Sie Seiten nach URL mit Vue, Vue Router und Keep Alive
  • • Optimieren Sie die Leistung von Vue-Anwendungen mithilfe asynchroner Komponenten
  • • So erstellen Sie einen Verkaufstrichter auf Vue.js.
  • • Die Kraft benannter Übergänge in Vue
  

• Reaktion:
  • • ReactRussia # 1 @ OK , Video aus drei Berichten
  • • Wir erhalten 60 Bilder pro Sekunde für die Animation in React
  • • Schreiben einer Redux-ähnlichen einfachen Middleware für React Hooks
  • • useReducer vs useState in React
  • • Ein genauerer Blick auf React Memoize-Hooks: useRef, useCallback und useMemo
  • • Von Redux zu Hooks: Eine Fallstudie
  • • Neuer React Redux-Schreibstil ohne Auswahlhaken
  • • React Hook Cheat Sheet: Lösungen für häufig auftretende Probleme
  

• Winkel:
  • • Angular Ivy verstehen: Inkrementelles DOM und virtuelles DOM
  • • Richtige Arbeit mit SEO in Angular auf der Serverseite
  • • Tauchen Sie schnell ein, wie alles in Angular zusammenpasst
  • • Warum und wie wird das Laden von Bibliotheken in Angular verzögert?
  • • "Differential Loading" - eine neue Funktion in Angular CLI v8
  • • PWA in Angular: SwPush und SwUpdate
  

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 .