Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 331 (17. - 23. September 2018)

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

• • Frontend Weekend Podcast # 71 - Ivan Akulov darüber, wie und warum Sie Ihre Performance Consulting Agency in 20 Jahren gründen können
• • CSSSR Podcast News 512 - Ausgabe Nr. 22 ( 17. September - 23. September )
• • Podcast Weekly Vue # 5
• • The React Fünf-Minuten-Podcast Nr. 48 Es gibt zwei Bücher : Die Größe von Vue.js 2 (Die Majestät von Vue.js 2) und Der Weg zum Lernen Reagieren (Der Weg zum Lernen Reagieren) - welche Bücher lesen und beraten Sie welchen Freund?
• • Devshahta Podcast: # 51: 12-Faktor-Anwendungen
• • Frontend Youth (18+) Podcast Nr. 65: DDoS-Angriff auf Ihr CSS , Nr. 64: 33 Life Hack zur Steigerung der Produktivität
• • Präsentierbarer Podcast Nr. 51 : Eine mündliche Geschichte der Webstandards mit Jeffrey Zeldman

Webentwicklung

• Webarchitektur: Grundlagen für Anfänger
• Google stellt Websites massiv auf Mobile-First-Indizierung um . Ein vollständiger Übergang zur Mobile-First-Indizierung kann jedoch Jahre dauern
• Google hat ein neues Verwaltungsmodell für das AMP-Projekt vorgeschlagen
• • Einführung in Bing AMP Viewer und Bing AMP Cache
• • Was macht einen guten Frontend-Entwickler aus?

• Leistung:
  • • Leerlauf bis dringend . Details zur neuen Technik zur Steigerung von Produktivität und FID insbesondere in einem Artikel von Philip Walton
  • • Web Performance Framework . Jeremy Kate erstellte ein Leistungsdiagramm, um herauszufinden, wie die Frontend-Arbeit priorisiert werden kann
  • • Große Auswahl an Ressourcen für die Webleistung
  

• Werkzeuge:
  • • Verbessern der Debugging-Fähigkeiten mit Chrome DevTools (Teil 2)
  • • Sublime Merge - Lernen Sie den neuen Git-Client der Entwickler von Sublime Text kennen
  • • Yarn Plug'n'Play : Node_Modules loswerden, Ein ähnliches Konzept von npm namens Tink
  

• Zugänglichkeit:
  • • Lernen Sie aus den Lektionen zur Barrierefreiheit von Apple
  • • Viel Lärm um ARIA
  • • Debuggen Sie die Verfügbarkeit mit Chrome DevTools
  

• Animation:
  • Volumenstadt aus Emoji „auf reinem CSS“
  • Lustige Yeti-Paginierung
  • Lichtstrahl farbiger Partikel
  

CSS

• CSS Grid - Schweizer Taschenmesser für Standort- und Anwendungslayouts
• Chemie CSS CSS
• • Aktualisieren Sie das CSS-Lesezeichen v2 . Aktualisiertes klassisches Lesezeichen von Paul Irish mit Leah Veru
• • Flexbox: Wie groß sind die Elemente im Flex-Container?
• • Visuelle Demonstration der Transformation-Origin-Eigenschaft
• • Viel Spaß mit Hover-Effekten für Links
• • Was ist modulares CSS?

Javascript

• • JS nach Elbrus portieren
• Neue Versionen: Electron 3.0, ein Framework zum Erstellen nativer JS-Anwendungen , Next.js 7 , Gatsby 2.0.0 , wurde veröffentlicht
• • Weniger Code, mehr Anwendungen: Wie Vulcan.js mich zu einem effektiven Entwickler macht
• • 5 Tipps zum besseren Schreiben von bedingten Ausdrücken in JavaScript
• • Bundlephobia - Möchten Sie die Größe von JavaScript-Bundles klein halten? Mit Bundlephobia.com können Sie die Größe der Abhängigkeiten überprüfen, bevor Sie sie dem Projekt hinzufügen.
• • Über das Erstellen eines Spiels für den js13K Underrun-Wettbewerb
• • So erstellen Sie ein interaktives Tool zum Erstellen von Flex-Layouts auf JS

• Medien:
  • • Podcast Script & Style Show: Episode 21 : JavaScript und Webleistung von Drittanbietern mit Charlie Vazac
  • • Reagieren Sie auf Podcast Nr. 21: Löschen Sie Ihre Komponenten mit Kent C. Dodds
  • • Reagiere Alicante 2018 , 22 Videos
  

• VueJS:
  • • So organisieren Sie Ihre Abhängigkeiten in einer Vue-Anwendung
  • • Nuxt.js 2.0: Webpack 4, ESM-Module, Create-Nuxt-App und mehr!
  • • Vue.js + GSAP = Animationen
  • • Verwenden von Slots mit Gültigkeitsbereich in Vue.js für abstrakte Funktionen
  • • 5 am häufigsten nachgefragte Funktionen für Vue.js im Jahr 2018
  • • 7 Frontend-Architekturstunden von Nuxt.js
  

• Reaktion:
  • • Reagieren und SEO: Wie man Freunde findet
  • Warum Sie in React keine Komponenten höherer Ordnung verwenden sollten
  • • Unternehmensreaktion in den Jahren 2018–2019
  • • Per Anhalter durch den Galaxy React Router v4: [Spiel, Ort, Geschichte] sind deine besten Freunde!
  • • Warum React16 ein Segen für React-Entwickler ist
  • • Erste Schritte mit der React Context API
  • • Erstellen einer Komponente im React-Stil in Vanille-Javascript.
  • • Immunität in Reaktion und Redux: Eine vollständige Anleitung
  • • Verwenden von Font Awesome 5 in React
  • • React -Flip-Toolkit - Bibliothek, die die Flip- Animation in React erleichtert
  • • Erstellen eines Autocomplete-Widgets mithilfe von React und Elastic Search
  

• Winkel:
  • • Vereinfachen Sie die Zugänglichkeit mit dem Angular CDK
  • • PWA mit Angular 6 erstellen
  • • Erhöhen Sie die NgRx-Kompetenz
  • • Die drei Säulen des Angular Routers - Router-Status und URL-Matching
  

Browser

• Mozilla hat die endgültige Version des Firefox Reality-Browsers für Brillen und Helme der virtuellen Realität eingeführt
• Microsoft hat die Windows 10-Funktion bereits deaktiviert, wodurch Benutzer davon abgehalten werden, andere Browser anstelle von Edge zu installieren
• • Abfangen und Ändern von Anforderungen in Chrome mithilfe des Devtools-Protokolls

Unterhaltsam

• Google: Wir indizieren und ordnen Inhalte vollständig in Registerkarten
• Der Weg des Einhorns: Wie GitLab zur Bewertung von 1 Milliarde US-Dollar kam
• Google hat das Twitch-Klonen nicht bestanden und seltene Spieler eingeladen, sich YouTube anzusehen
• Das MIT hat ein neuronales Netzwerk erstellt, das Objekte anhand der Sprachbeschreibung erkennt
• VKontakte hat eine Podcast-Plattform gestartet
• Warum YouTube Gaming Lost Twitch Wettbewerb verloren hat
• Arbeit an Fehlern: Wie ich mit Legasthenie lebe
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.

← Zusammenfassung der letzten Woche
Material hergestellt von dersmoll und alekskorovin