Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 435 (28. September - 4. Oktober 2020)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript

Medien

• UnderJS Podcast # 27 - V8 erneut 8. 3/4/5 und PHP 8

• Frontend Yunost Podcast # 157: Lernen Sie, von 280.000 pro Monat zu leben

• CSSSR Podcast - Firefox 81, neue JSX-Transformation, Kritik an Webkomponenten , CDN-Optimierung , V8 8.6, Hacktoberfest 2020

Web Entwicklung

• Warum brauchen wir ein dediziertes Frontend Core-Team und wie haben wir das Design-System implementiert?

• Warum habe ich Next.js anstelle von Gatsby, Gridsome oder Nuxt gewählt?

• Sie wissen nicht, wie modale Fenster funktionieren sollen.

• Lazy-Loading-Videos.

• Verwendung der Gesichtsverfolgung zur Interaktion mit Typografie.

• Lassen Sie Ihre PWA eher wie eine Anwendung aussehen.

• Hoppla, ich denke, wir (Front-End-Entwickler) sind jetzt Full-Stack-Entwickler.

• Erstellen Sie Spiegeleffekte mit React-Three-Fibre und Three.js

• 
  
  • Edge Dev Tools Visual Studio Code
  
  • ESLint —
  
  • DevTools (Chrome 87)
  
  • DevTools
  
  

CSS

• Das vollständige Handbuch zu CSS-Medienabfragen.

• Schließen von Leerzeichen (in der Flexbox). Igalia-Blogartikel zur Fehlerbehebung bei Flexbox-Spezifikationen

• Vertikale Ausrichtung erreichen (danke Subgrid!)

• Wie kann die Schriftgröße mithilfe von CSS automatisch angepasst werden ?

• Inspektor für CSS-Raster in Chrome

• Wie erstelle ich mit CSS eine halbtransparente Ebene für den Hintergrund, ohne den Text zu beeinflussen ?

• Wie verwende ich Rückenwind-CSS?

JavaScript

• Einfache TypeScript-Tricks, um Ihre Anwendungen unendlich zu skalieren.

• Deklaratives Schatten-DOM. Eine neue Möglichkeit, Shadow DOM direkt in HTML zu implementieren und zu verwenden.

• MobX 6-Ankündigung

• Kompilierung neuronaler JavaScript-Netzwerke in weniger als 500 KB Code

• Speicherlecks in getrennten Fenstern

• Theorie
  
  • Verständnis der ECMAScript-Spezifikation, Teil 2
  
  • Objektorientierte Programmieroptionen (in JavaScript)
  
  • Verständnis der TypeScript-Generika
  
  • 8 häufig zu vermeidende JavaScript-Fehler
  
  • Unveränderlichkeit in JavaScript
  
  

• React
  
  • Visx — React-, Airbnb
  
  • JSX React 17 Release Candidate
  
  • SVG React React Icons Font Awesome
  
  • C JQuery React: HelloSign
  
  • Service Workers create-react-app
  
  • useEffect
  
  • react-chrono — react
  
  

• Vue
  
  • Vue 3.0 —
  
  •   Vue.js: « ,   »
  
  • Vue.js.
  
  • Composition API Vuex?
  
  

• Angular
  
  • Angular Pipes
  
  • RxJS. RxJS 7
  
  • Angular schematics
  
  

• Svelte
  
  • Svelte: 2020 .
  
  • Svelte
  
  • Svelte
  
  

• Bibliotheken und Plugins
  
  • Shoelace 2.0: Erweiterte Webkomponentenbibliothek
  
  • smolpxl - Schreiben Sie pixelige Retro-Spiele in JavaScript.
  
  • Intelligente Suche - Eine effiziente Möglichkeit, große Datenmengen in eine Frontend-Anwendung zu laden und intuitiv damit zu arbeiten
  
  

Digest für die letzte Woche .

Material hergestellt Dersmoll und Alekskorovin .