Frontend Weekly Digest (24. - 30. Juni 2019)

Diese Woche veröffentlichen wir eine wirklich große Auswahl aller wichtigen Neuigkeiten, die Sie bei der Front-End-Entwicklung möglicherweise verpasst haben. Stellen Sie sicher, dass Sie die neuesten Updates für CSS, HTML und JavaScript überprüfen.

Webentwicklung

• Erste Schritte mit der Webleistung? Hier ist, worauf Sie sich konzentrieren müssen.
• Erstellen Sie eine PWA mit Webpack und Workbox
• Spam-Erkennungs-APIs
• Imitieren Sie die relative Positionierung innerhalb eines SVG mit verschachtelten SVGs
• HTML kann das?
• • syntax.fm Podcast Nr. 154: SVGs mit Sara Soueidan

• Zugänglichkeit:
  • Wie Barrierefreiheitsbäume assistive Tech informieren
  • ADA Web & App Accessibility Lawsuit Report zur Jahresmitte
  • Was ist Barrierefreiheit für Web-Apps und warum interessiert es mich?
  

• Effektives Web:
  • So machen Sie scrollgebundene Animationen richtig
  • Lernen Sie die Grundlagen der Synthese mit unserer neuen interaktiven Website, die auf Web Audio, WebAssembly und WebGL ausgeführt wird. Erstellt mit three.js, Tone.js, anime.js und React mit TypeScript und vielem mehr
  • useAnimations: Animierte Symbole in Lottie Framework und After Effects zur sofortigen Implementierung in Ihre Apps oder Websites
  

CSS

• Drei Vorhersagen aus dem Stand der CSS 2019-Umfrage
• Der ultimative Leitfaden zur Flexbox-Zentrierung
• a11y-css-reset
• Erstellen eines Konferenzplans mit CSS Grid
• Drag-n-Drop klebrig, ohne JS!
• Variable Schriftarten für Entwickler
• BEM als UI-Philosophie anstelle einer CSS-Namenskonvention betrachten

Javascript

• • Amsterdam JSNation 2019 , 15 Videos
• Die Kosten für JavaScript im Jahr 2019 von Addy Osmani
• RxJS: Eine einfache Einführung
• Sofortige Suche mit Vanilla JavaScript

• Mongo / Knoten:
  • Entwurfsmuster in Node.js: eine praktische Anleitung
  • Die Unterstützung des neuen ECMAScript-Moduls in Node.js 12
  • Firebase vs. MongoDB: Welche Datenbank für Ihre App-Entwicklung verwendet werden soll
  

• VueJS:
  • Warum die Leute sauer auf Vue 3 wurden
  • Ein Leitfaden für Anfänger zur Vue-CLI
  • Wann brauche ich in Vue tatsächlich das Schlüsselattribut: und warum?
  • Erste Schritte mit Vuetify
  

• Reaktion:
  • Kennenlernen des useReducer React Hook
  • Der Mythos der unzugänglichen Reaktion
  • Die 10 Komponentengebote
  • Hinzufügen einer WebAssembly-Komponente zu einer React-App
  • Erweiterte React Hooks-Konzepte - durch Snake!
  • Next.js vs. React App erstellen: Wessen Apps sind leistungsfähiger?
  

• Winkel:
  • Der Zustand von Angular im Jahr 2019
  • Die Magie hinter Winkelelementen verstehen
  • Erstellen einer Music Player-Anwendung mit Kendo UI und Angular
  • Was ich während 3 Jahren Angular 2+ -Entwicklung gelernt habe
  

• Ember:
  • Erste Schritte mit Glimmer-Native
  • • Ember.js Seattle Meetup mit Yehuda Katz
  • Wünsche für die Ember Roadmap 2019
  

• Libs & Plugins:
  • freezeframe.js - Eine Bibliothek, die animierte .gifs anhält und es ihnen ermöglicht, bei Maus-Hover / Mausklick / Touch-Ereignis oder mit Trigger- / Release-Funktionen zu animieren
  • TWGL : Eine kleine WebGL- Hilfsbibliothek
  • Pixelmatch: Die kleinste, einfachste und schnellste JavaScript-Bildvergleichsbibliothek auf Pixelebene
  • Svelte-Adapter: Verwenden Sie Svelte-Komponenten mit Vue und React
  

Danke fürs Lesen! Sie können uns gerne Ihre Artikel oder frischen nützlichen Inhalte senden, die Sie in der nächsten Übersicht sehen möchten.