Frontend Weekly Digest (11. - 17. 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

• Das HTML, das wir nie hatten
• Ein tägliches Timeboxed # 100DaysOfCode-Front-End-Entwicklungscurriculum
• HTML5 Boilerplate v7 veröffentlicht
• Bootstrap 4.3.0 (jQuery löschen, zu Hugo wechseln )
• • Zukünftige Schnittstellen erstellen: Inline-SVG
• Eine Einführung in WebBluetooth
• Vollständige Anleitung - Beschleunigen von GIF-Videos

• Leistung:
  • Drittanbieter-Web - Zusammenfassung der Drittanbieter-Skripte, die am meisten für die übermäßige Ausführung von JavaScript im Web verantwortlich sind
  • Ressourcenpriorisierung - Der Browser soll Ihnen helfen
  • Vorladen von Schriftarten und das Puzzle der Prioritäten
  • DOM-Leistungsfallstudie
  

• Werkzeuge:
  • Wir stellen vor: Pika / Pack - npm - Paketerstellung, neu interpretiert
  • Was ist neu in DevTools (Chrome 73)?
  • Puppenspieler ist mein neuer Entwicklungsserver
  

• Zugänglichkeit:
  • Unheimliches A11y
  • Tipps, um interaktive Elemente auf Mobilgeräten zugänglich zu machen
  • • Zukünftige Schnittstellen erstellen: Inline-SVG
  

• Effektives Web:
  • Grid Reveal-Effekte mit Anime.js
  • Reines CSS-Stillleben - Wasser und Zitronen
  • SVG-Filtereffekte: Konformität von Text mit Oberflächentextur mit <feDisplacementMap>
  
  

CSS

• Ankündigung der # StateOfCSS 2019-Umfrage
• Die dunkle Seite des Gitters (Teil 1)
• Ein neuer Ansatz für Sichtbarkeitsdienstprogrammklassen basierend auf CSS-Variablen
• Eine 10-Schritte-Anleitung für Flexbox
• Konstruierbare Stylesheets: Nahtlose wiederverwendbare Styles
• Der Prozess der Implementierung eines UI-Designs von Grund auf neu
• CSS-Selektoren Stufe 4
• Einführung in Schriftmetriken
• Raster oder Flex?
• CSS Scroll Snap - Wie es wirklich funktioniert
• Schnell! Was ist der Unterschied zwischen Flexbox und Grid?

Javascript

• • Ember.js: Der Dokumentarfilm (offizielle Veröffentlichung)
• Informatik in JavaScript: Doppelt verknüpfte Listen
• 5 Möglichkeiten zum Erstellen von Echtzeit-Apps mit JavaScript
• So bringen Sie JavaScript 2019 über das Web hinaus
• JavaScript: Die lustigen Teile
• Wie ich die neuen gesponserten Facebook-Beiträge losgeworden bin.
• ES5 zu ESNext - Hier finden Sie alle Funktionen, die JavaScript seit 2015 hinzugefügt wurden

• TypeScript:
  • ReasonML vs TypeScript: Vergleich ihrer Typsysteme
  • Verwendung von Typescript mit React und Redux
  • Clean-Code-Typoskript - Für TypeScript angepasste Clean-Code-Konzepte
  

• Theorie:
  • Der visuelle Leitfaden zu JavaScript-Variablendefinitionen und -umfang
  • Die Grundlagen der Definition und des Hebens von JavaScript-Variablen
  • Lernen Sie reine Funktionen mit JavaScript
  

• VueJS:
  • Erstellen eines Vue.js-SPA zum Verkauf von Entwickler-T-Shirts
  • Verwandeln Sie Ihre statischen SVG-Zeichnungen mit Vue.js in interaktive Widgets und Infografiken
  

• Reaktion:
  • Warum bin ich von React Hooks begeistert?
  • Erstellen einer React Autocomplete-Komponente von Grund auf neu
  • Animation in Reaktion
  • Die Magie reaktionsbasierter mehrstufiger Formen
  • Alles, was Sie zum Erstellen eines benutzerdefinierten Reaktionshakens benötigen
  • Zugänglichkeit in Reaktionsanwendungen erreichen
  • Was ich aus dem Lernen gelernt habe Reagieren Sie in 2 Nächten nach Jahren der Arbeit mit Angular
  

• Winkel:
  • Verwalten von Bildunterbrechungspunkten mit Angular
  • Eine Tour durch die Winkelkonsole
  • Tooltip mit Angular CDK