Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 386 (21. - 27. Oktober 2019)

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

Medien | Web-Entwicklung | CSS | Javascript | Browser

Medien

• • CSSSR-Podcast : Nachrichten 512 - NodeJS 12 LTS, React Concurrent Mode, PWA, Figma, Chrome 78, Electron 7
• • Podcast Devshacht / Night Frontend 100: Asynchroner Kontext
• • Podcast „Frontend Youth (18+)“ - # 112 Schneller denken, sonst sind Sie hier richtig
• • Winterview - # 102 - Ilya Nemiro über Front-End-Interviews
• • Web Standards Podcast Nr. 200: CSS-Leidenschaft, Jedes Layout, warum Sass, Eulen oder Lücken, Containerabfragen, BEM
• • Repozitorro # 32 - Landung auf Reaktion! Mythos oder Realität?)
• • Nordic.js 2019, 27 Videos

Web-Entwicklung

• • Hat GraphQL in der HTTP / 2-Ära an Relevanz verloren?
• • Eine interaktive Webanwendung ohne Programmierung? Einfach! Mavo in deinen Armen
• • Freelance webdev - wie und mit wem Sie NICHT arbeiten sollten
• • IndieWeb-Bewegung: Ihre Daten besitzen und ändern, was Sie im Internet sehen möchten
• • Erstellen von Lesezeichen-Apps mit FaunaDB, Netlify und 11ty
• • Handbuch zur mobilen Bildoptimierung
• • Warum Parcel mein Hauptentwicklungsbündler geworden ist
• • Webbildorientierung
• • HTMHell - Eine Sammlung von schlechten Praktiken in HTML, die von realen Websites kopiert wurden.

• Verfügbarkeit
  • • Warum sind barrierefreie Websites so schwer zu erstellen?
  • • Verfügbarkeit, Zukunft und warum Dominos Fall wichtig ist
  • • Fata Morganas Zugänglichkeit
  • • Verfügbare Anfangsbuchstaben
  • • Wie Unternehmen Rechtsstreitigkeiten im Zusammenhang mit der Barrierefreiheit von ADA-Websites verhindern können
  

• Effekte
  • • Erstellen Sie mit Three.js kreative punktförmige Hover-Effekte
  • • Spielen Sie Beat Sabre in einem Browser mithilfe von Körperbewegungen mit PoseNet & Tensorflow.js
  • • Interaktives Kreditkartenformular auf VueJs
  • • Klangvisualisierung mit D3 und Web Audio API
  

CSS

• Kleine Tricks mit benutzerdefinierten Eigenschaften (CSS-Variablen)
• • Erstellen eines Scrapbook-Layouts in CSS Grid
• • Nicht triviales Layout von Elementen auf der Flexbox ohne Medienanforderungen
• • Zwei-Wert-Syntax für CSS-Anzeigeeigenschaft
• • Neue CSS-Spielregeln: min () und max () jetzt in @webkit
• • Verwenden Sie CSS Grid noch heute in der Produktion
• • 8 moderne CSS-Funktionen (und wie man sie benutzt)
• • Frontend-Fokus: Dunkler Modus. Über die Funktionen und den aktuellen Status des Dunkelmodus im Web
• • CSS-Trends 2019: Ein vollständiger Leitfaden zur Verfolgung der neuesten CSS-Trends
• • Die Geschichte der Gitter: von der Druckmaschine bis zum modernen Webdesign
• • Ein kleines Tutorial zu variablen Schriftarten
• • 25 Tage CSS-Animation: CSS-Selbstlernen mit Motion Design.

Javascript

• • Wer ist der JavaScript-Killer?
• • Kaskadierende Cache-Ungültigmachung. Teil 1
• 7 einfache, aber knifflige Fragen zu JavaScript-Interviews
• Mein Ansatz zur Dokumentation von Projekten in Javascript
• Warum ich den Standardexport in meinen JavaScript-Modulen nicht mehr verwendet habe
• Wie redu () in JavaScript funktioniert, wann es verwendet werden soll und welche coolen Dinge Sie damit machen können
• • 7 beliebtesten Node.js Frameworks im Jahr 2019
• • Asynchrone Aufgaben in modernem JavaScript schreiben
• • Gemeinsame veränderbare Zustandsprobleme und wie man sie vermeidet
• • Enthüllung der Geheimnisse von sort () in JavaScript

• Veröffentlichungen
  • Die Veröffentlichung der serverseitigen JavaScript-Plattform Node.js 13.0
  • • Elektron 7.0.0
  • • Versionshinweise zu Puppeteer v2.0.0
  

• Svelte
  • • Crashkurs Svelte (in 10 Fotos)
  • • Was ich am Schreiben von Stilen mit Svelte mag
  • • So erstellen Sie mit Svelte ein Tic Tac Toe-Spiel
  • • So erstellen Sie eine Nachrichten-App mit Svelte
  • • Schlanke Referenz
  • • Svelte vs React: erste Eindrücke
  

• Reagiere
  • • Redux - Nicht benötigt! Ersetzen durch useContext und useReducer in React?
  • • Mit React Prereleases auf die Zukunft vorbereiten
  • • Ich habe die React-App mit Jest, Enzyme, Testing Library und Cypress getestet. Hier sind die Unterschiede.
  • • So nutzen Sie die Kontext-API effizient mit Hooks, um Leistungsengpässe zu vermeiden
  • • 7 Möglichkeiten zum Implementieren des bedingten Renderns in Reaktionsanwendungen
  • • 55 Lektionen nach 5 Jahren mit React
  

• Angular
  • • Agulare Komponenten im Winkel
  • • Angular Architecture - inoffizielle Dokumente
  • • Winkel- und CSS-Raster: Dynamische Netzeigenschaften
  • • So implementieren Sie das verzögerte Laden in Angular 7/8 richtig
  

• Vue
  • • 10 Best Practices zum Erstellen und Unterstützen großer Projekte auf Vue.js.
  • • Jahr mit Nuxt.js - Framework Review
  • • Verwenden der Vue Composition API mit Firebase
  • • Gedanken zur Vue 3 Composition API - `reactive ()` gelten als schädlich
  

• Bibliotheken & Plugins
  • • plexis ist eine leistungsstarke und Community-gesteuerte String-Bibliothek.
  • • Jsfuzz: Fuzzing (CGF) - Testen auf Javascript
  • • Peaks.js - Interaktion mit Audio-Wave-Charts
  

Browser

• • Verbessern der Microsoft Edge-Steuerelemente auf Chromium
• Firefox 70-Version
• Firefox 70: Details für Webentwickler von Marat Tanalin
• Chrome 78-Version
• Firefox hat einen Tracking-Schutz in sozialen Netzwerken implementiert
• Unterstützung für Add-Ons für den mobilen Browser Firefox Preview
• Die Deutsche Behörde für Informationssicherheit hat Firefox zum sichersten Browser ernannt
• • Samsung Galaxy Store PWA-Unterstützung wird angezeigt

Wir entschuldigen uns für Tippfehler oder fehlerhafte / duplizierte Links. Wenn Sie ein Problem bemerken - bitte schreiben Sie eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Digest der letzten Woche .
Material hergestellt von dersmoll und alekskorovin .