Frontend Weekly Digest (18. - 24. Februar 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 | CSS | Javascript

Webentwicklung

• Probieren Sie GraphQL aus! Interaktives GraphQL-Tutorial

• Werkzeuge:
  • 10 npm Best Practices für die Sicherheit
  • ICONSVG - Ein Tool zum Vereinfachen des Findens und Generierens allgemeiner Symbole für Ihr Projekt
  • 7 JavaScript-Spielplätze für 2019
  

• Zugänglichkeit:
  • Was bedeutet die europäische Barrierefreiheitsnorm EN 301 549 für US-Organisationen?
  • Wie ein Screenreader-Benutzer auf das Web zugreift: Ein beeindruckendes Video
  

• Effektives Web:
  • SVG-Filtereffekte: Erstellen von Texturen mit <feTurbulence>
  • Schreiben von Animationen, die Ihre Site zum Leben erwecken
  • So erstellen Sie mit WebGL einen gefälschten 3D-Bildeffekt
  • Blobs!
  • SVG SPA
  

CSS

• Warum ich CSS in JavaScript schreibe
• Reine CSS-Zeichnungsgrundlagen . Die Top 5 CSS-Eigenschaften, auf die ich mich verlasse, um reine CSS-Kunst zu erzeugen
• JS-in-CSS - Allgemeines Worklet, das direkt aus CSS erstellt werden soll (CSS HOUDINI Experimental Showcase)
• 21 Möglichkeiten zur Optimierung Ihres CSS und zur Beschleunigung Ihrer Website
• Wie @supports funktioniert
• Verwenden Sie CSS Grid richtig
• IE10-kompatible automatische Gitterplatzierung mit Flexbox
• CSS-Variablen + calc () + rgb () = Erzwingen kontrastreicher Farben

Javascript

• Eine Einführung in jQuery
• Das vollständige Handbuch zu den ES10-Funktionen
• JavaScript-Ladeprioritäten in Chrome
• Aufschlüsselung von JavaScript-Lösungen auf häufig gestellte algorithmische Fragen (Teil 1)
• 12 Konzepte, die Ihre JavaScript-Kenntnisse verbessern
• XMLHttpRequest im Vergleich zur Fetch-API: Was ist das Beste für Ajax im Jahr 2019?

• Theorie:
  • Eine Anleitung zur prototypbasierten Klassenvererbung in JavaScript
  • Es ist Zeit, über objektorientiertes JavaScript zu sprechen
  • Vermeiden der DOM-Blockierung in JavaScript
  • Erste Schritte mit der Internationalisierung in JavaScript
  

• VueJS:
  • 26 zeitsparende Tipps für Vue
  • Erstellen einer modernen App mit Nest.js, MongoDB und Vue.js.
  • Vue.js App-Leistungsoptimierung: Teil 3 - Verzögertes Laden von Vuex-Modulen
  

• Reaktion:
  • Sammlung von 2200 React-Ressourcen für alles von Next.js, Gatsby, CRA, JSX, Concurrent React, Hooks, Leistung, DevTools, CSS-in-JS, Animation, UI-Toolkits, Redux, Apollo GraphQL usw.
  • Ankündigung der Ionic React Beta
  • Haken reagieren, erste Eindrücke
  • Verwenden von Pre-Commit- und Pre-Push-Git-Hooks in einem React-Projekt
  • Reagieren: Kommunikation zwischen Komponenten
  • Progressive Reaktion . Möchten Sie Ihre React-Site leistungsfähiger machen? Hier ist eine kurze Checkliste
  • Erstellen Sie progressive Web-Apps mit React - Teil 2
  

• Winkel:
  • Gestalten einer Winkelanwendung mit Bootstrap
  • Wiederherstellung der reaktiven Bildlaufposition mit RxJS
  

• Libs & Plugins:
  • NSFW-Erkennung auf der Clientseite über Tensorflow JS
  • Codecrumbs: Lernen, Entwerfen oder Dokumentieren der Codebasis durch Einfügen von Breadcrumbs in den Quellcode
  

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

← Vorherige wöchentliche Frontend-Übersicht (11. - 17. Februar 2019)