Frontend Weekly Digest (15. - 21. April 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

• • Ankündigung der AMP Real URL
• • So erhalten Sie eine progressive Web-App in den Google Play Store
• • Inline eine SVG-Datei in HTML, deklarativ und asynchron!
• • Überprüfung der Formulareingabe nur mit HTML5 und Regex
• • Was ist neu in DevTools (Chrome 75)

• Leistung:
  • • Drei Möglichkeiten zum Überprüfen von Rel = Preconnect-Ressourcenhinweisen funktionieren
  • • Optimieren der Leistung mit Ressourcenhinweisen
  

• Animationen:
  • • So erstellen und animieren Sie gedrehte Overlays
  • • Eine scrollbare WebGL-Präsentation, die zeigt, warum Notre-Dame so gut wie sicher in Flammen aufgehen konnte.
  

CSS

• • CSS Subgrid News und Demos
• • CSS und Barrierefreiheit
• • CSS-Mauerwerk mit Flexbox: n-tes Kind () und Bestellung
• • Ausblenden von Geschwistern beim Schweben in CSS
• • Einführung in CSS Battle - das erste CSS-Code-Golfspiel
• • Pixelränder: Ein SASS-Mixin zum Hinzufügen von Pixelrändern zu HTML-Elementen, die für verschiedene Größen, Farbcodierungen und eingefügte Ränder angepasst werden können.

Javascript

• • Dynamisches Rendering für JavaScript-Webanwendungen - JavaScript SEO
• • Eine schreckliche globaleDiese Polyfüllung in universellem JavaScript
• • 7 Nützliche JavaScript-Tricks
• • So verwenden Sie die JavaScript-Konsole: über console.log () hinaus
• • ️ Erste Schritte mit Javascript - Die richtigen Tools und Ressourcen (Video-Interview)
• • Verwendung von TypeScript - Eine detaillierte Anleitung zu allgemeinen Szenarien
• • Mausbewegung simulieren

• Theorie:
  • • JavaScript-Grundlagen: Objekte beherrschen
  • • So optimieren Sie Ihre JavaScript-Apps mithilfe von Loops
  • • JavaScript für Katzen
  • • ES6 und darüber hinaus>
  • • Entdecken Sie das verborgene Potenzial von JavaScript-Arrays!
  

• VueJS:
  • • Ja, so werden Seiten mit Vue, Vue Router und Keep Alive per URL zwischengespeichert
  • • Optimieren Sie die Leistung einer Vue-App mit Async-Komponenten
  • • So erstellen Sie einen Verkaufstrichter mit Vue.js.
  • • Die Kraft benannter Übergänge in Vue
  

• Reaktion:
  • • 60fps Animationen in Reaktion bekommen
  • • Schreiben von Redux-ähnlicher einfacher Middleware für React Hooks
  • • useReducer vs useState in React
  • • Ein genauerer Blick auf React Memoize Hooks: useRef, useCallback und useMemo
  • • Von Redux zu Hooks: Eine Fallstudie
  • • Neuer React Redux-Codierungsstil mit Hooks ohne Selektoren
  • • React Hooks Spickzettel: Schalte Lösungen für häufig auftretende Probleme frei
  

• Winkel:
  • • Angular SEO richtig gemacht mit serverseitigem Rendering
  • • Ein kurzer Einblick, wie die Dinge in Angular zusammenpassen
  • • Warum und wie man Winkelbibliotheken faul lädt
  • • Differenzielle Belastung - Eine neue Funktion von Angular CLI v8
  • • Angulars PWA: SwPush und SwUpdate
  

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.