Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche # 438 (19. - 25. Oktober 2020)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript     |    Browser     |    Unterhaltsam

Medien

• Podcast "Make Me Beautiful", Ausgabe 46: Typoskript und Layout haben alle ihre Probleme gelöst (Sie haben es nicht getan)

• Podcast "Frontend Youth (18+)" # 160: Black Cardinal Frontend Pro Unlimited

• CSSSR-Podcast: MobX oder Redux , Flexbox- oder CSS-Raster, Angular DI, Leuchtturm, deklaratives Schatten-DOM, MDN-Web-DNA 2020 Pro Unlimited

• IT Way-Podcast: Über das Frontend für Anfänger, wie Aviasales funktioniert (und funktioniert). Folge 46 vom 24.10.2020

Web Entwicklung

• Webkomponenten: Ein Leitfaden für Anfänger

• Ausführen von Skripten in HTML. Das Skript-Tag und die Attribute async, defer, module, nomodule und src

• Eine Anleitung zu den verschiedenen Speichertypen im Browser

• Das lang-Attribut: Browser lügen, süße Lügen.

• Intelligentere Methoden zum Erstellen einer HTML-Struktur mit tiefer Verschachtelung

• Tools
  
  • Webpack 5 von Grund auf neu konfigurieren
  
  • Neue Funktionen in DevTools (Microsoft Edge 87)
  
  • Hinzufügen von Chromium Edge-PWAs (Progressive Web Apps) zum Microsoft Store
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

• Stand von CSS 2020 . Eine jährliche Umfrage zum aktuellen Stand von CSS mit der Möglichkeit, Ihren Wissensstand anhand der Ergebnisse seiner Fertigstellung zu beurteilen.

• Wie strukturiere ich mein CSS ?

• Auswahl eines CSS-Layouts - Grid oder Flexbox?

• Erstellen von CSS-Formen mit Emoji

• Denken über den Tellerrand hinaus mit CSS-Raster

• CSS in 3D: Lernen, in Würfeln zu denken, nicht in Rechtecken

• "Der generische CSS-Selektor ist langsam und sollte vermieden werden" - eine weitere Lüge!

• Variablen in Sass-, CSS- und semantischen Themenvariablen

• Responsive Height Design

JavaScript

• Verwenden von "global" in JavaScript warten

• Objektorientierte Programmieroptionen (in JavaScript)

• Clientseitiges Rendern im Vergleich zum serverseitigen Rendern im Vergleich zur Generierung statischer Sites

• Lösen eines dummen Problems mit JavaScript

• Beobachter-API in JavaScript - Teil II

• 6 erweitert JavaScript-Funktionen, die Sie heute verwenden können

• Erstellen einer progressiv erweiterten Akkordeonkomponente mit Vanilla JS

• Releases
  
  • Node.js 15.0 JavaScript Server Framework-Version
  
  • React App 4.0- Release erstellen
  
  • Babel 7.12.0 Release TypeScript 4.1, Zeichenfolgen als Import- / Exportnamen und statische Klassenblöcke
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs & Plugins
  
  • Verwenden Sie Moment.js nicht mehr für Datum und Uhrzeit in JavaScript.
  
  • nsfwjs - Eine einfache JavaScript-Bibliothek, mit der Sie obszöne Bilder auf der Clientseite schnell identifizieren können.
  
  • Lucia ist eine winzige JS-Bibliothek (UMD-kompatibel), die jQuery und Anwendungen ersetzen kann in Vanille JavaScript.
  
  • fingerprintjs - Generiert die Website-Besucher-ID aus dem digitalen Fingerabdruck des Browsers
  
  

Browser

• Firefox 82-Version

• Microsoft Edge für Linux - Die Beta-Version des Browsers ist für alle verfügbar.

• Der Chrome-Browser verfügt jetzt über eine Suchfunktion für geöffnete Registerkarten.

• Jetzt kann JScript in Internet Explorer deaktiviert werden

Unterhaltsam

• Photoshop hat viele KI-Funktionen erhalten: Smart Sky-Ersatz, erweiterte Filter usw.

• Überall gibt es blaue Hyperlinks und Spalten: Wie Apple-, Google- und Amazon-Websites 1999 aussahen.

• Wie Cloudflare mithilfe einer 100-Lava-Entropiewand Kryptoschlüssel generiert Lampen

• Facebook hat eine KI erstellt, die Texte zwischen 100 Sprachen direkt





aus dem Digest der letzten Woche übersetzen kann .

Material hergestellt Dersmoll und Alekskorovin .