Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 384 (7. - 13. Oktober 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser

Medien

• • Podcast “UnderJS Podcast” # 6 - Deoptimierung der Reaktion in V8, Raucherprävention
• • CSSSR Podcast: Argumentarium - Hooks, Deklarative und Klassen
• • CSSSR Podcast: News 512 - Preact X, Next.js und Create Next App, GNU Riot und Freundschaft mit China
• • Reagiere auf einen fünfminütigen Podcast - Reatom vs Redux
• • ITBoroda: Alles über Node.js / Von 0 bis 2,5.000 Dollar pro Jahr / Interview mit Backend JS Developer
• • FrontSpot Show # 13: Vitaliy Bobrov über den Umzug nach Polen und eine Welttournee mit JS-Berichten.
• • Repozitorro # 30 - Sieht einfach aus, schauen Sie also unter die Haube
• • Podcast Web Standards Nr. 196. Eva Ferreira und Ian Pouncey über Chromakey, Argentinien, a11y, SEO, HTML, ARIA
• • Podcast Web Standards Nr. 197. FrontendConf, Webkomponenten, AOM, ARIA-Herausforderungen, Browserunterstützung, Dialoge und Datumsauswahl

Webentwicklung

• • Interview mit Pornhub Web Developer
• • Wie kann ein einfaches <img> -Tag ein hohes Risiko für ein Unternehmen darstellen?
• Übermäßige Variabilität des Front-End-Stapels: Essenz und Gründe
• Verknüpfen Sie die Attribute nofollow, gesponsert und ugc und ihre Auswirkungen auf die Suchmaschinenoptimierung
• • W3C feiert sein fünfundzwanzigjähriges Bestehen
• • Analyse der HTML-Nutzung auf ~ 8 Millionen Seiten (und was bedeutet dies für die moderne Suchmaschinenoptimierung)
• • Kaskadierende Cache-Ungültigmachung
• • Ein bisschen Übung mit dem HTML-Dialogelement
• • Der Unterschied zwischen Schriftformaten
• • Verwandeln Sie Ihre Website in PWA

• Leistung
  • • Optimierung des Ladens von JavaScript auf Wikipedia
  • • Zeit bis zum ersten Byte: Was ist das und warum ist es wichtig?
  • • [Nicht] CDN verwenden
  • • Richtig aufgenommene Bilder: Webgrafiken, die bis zum letzten Byte gut sind
  • • Rezepte zum Testen der SPA-Leistung in WebPageTest
  

• Verfügbarkeit
  • • Der Oberste Gerichtshof vergab den Sieg an eine blinde Person, die Domino wegen Zugänglichkeit verklagte
  • • Zugänglichkeit: Weblinks müssen Links sein, und Webtasten müssen Schaltflächen sein
  • • Was ist ARIA? ARIA Anfängerleitfaden
  

• Effekte
  • • Creative Sites Inspirational Websites Roundup # 9
  • • legendärer-Cursor - kreativer Cursor auf WebGL
  • • Erstellen eines Wasserverzerrungseffekts mit Three.js
  

CSS

• • Sass MediaScreen - Definieren von CSS-Geräten
• Modernes Zurücksetzen des CSS-Stils
• Extrahieren Sie kritisches CSS
• • Präsentation der Module in Sass
• • Sass: Modulares System eingeführt
• • Clipping, Clipping und mehr Clipping! Beispiele für die kreative Verwendung der Clip-Path-Eigenschaft
• • Vorlagen für die praktische Verwendung benutzerdefinierter CSS-Eigenschaften
• • CSS und Kreise
• • Handbuch zu neuen und experimentellen CSS-Tools in Firefox DevTools
• • Können wir das Auswahlelement bitte stylen ?!
• • Toucaan - CSS-Framework überdenken
• • Neues leistungsstarkes CSS zum Stylen von Markern, Zahlen und Markern in Listen

Javascript

• • TypeScript Macht niemals
• • 12 ES10-Funktionen in 12 einfachen Beispielen
• • Was ist im Jahr 2020 besser zu wählen - Reagieren oder Vue?
• So arbeiten Sie mit localStorage in JavaScript
• • So identifizieren Sie einen Werbeblocker
• • Erstellen einer Gesichtserkennungsanwendung in JavaScript, die wie in Filmen funktioniert
• • Javascript Style Guide für das Bagel-Spiel
• • JavaScript-Namenskonventionen

• Theorie
  • • JavaScript-Vererbung aus der Sicht eines gelangweilten Nerds: Constructors Factory
  • • Hohes Niveau erwarten
  • • Dies verstehen, binden, aufrufen und in JavaScript anwenden
  • • Wann wird Map anstelle eines einfachen JavaScript-Objekts verwendet?
  • • JavaScript-Versprechen: Zero to Hero sowie ein Spickzettel
  • • Vollständige Anleitung zur Verwendung von Arrays in JavaScript
  • • Javascript Ellipse Story
  

• Reagiere
  • • Treffen Sie die Create Next App
  • • Teil 1: Interviewfragen beantworten
  • • Vollständiges Authentifizierungshandbuch für Next.js mit Auth0
  • • So implementieren Sie das Leerlaufzeitlimit in React
  • • Verwenden von JSX für Ihre eigene deklarative UI-Bibliothek
  

• Vue
  • • 10 Tipps und Tricks, mit denen Sie der beste Entwickler für VueJS werden können
  • • MSK VUE.JS Meetup # 3 bei Mail.ru Group: Materialien von Mitap
  • • Erstellen einer Vue.js-Komponentenbibliothek als Modul (Teil 1)
  • • Sofortige Suche mit Vue.js und Axios
  • • Vue-Next und warum Map ein großes Problem löst
  • • So fummeln Sie Vue-Komponenten zwischen Anwendungen
  • • Trennen von Vue.js-Komponenten vom Vuex Store
  • • Verwalten von SVG-Bildern in Vue.js-Anwendungen
  • • Vue3: Erster Blick
  • • Erstellen Sie mit Vue und Socket.io eine Echtzeit-Abfrageanwendung
  

• Winkelig
  • • Interaktion zwischen Winkelkomponenten mit RxJS
  • • Was ist unter der Haube von Angular 8?
  • • Migration von TSLint zu ESLint zu Angular 8
  • • Anforderungsverfolgung in einer Angular-Anwendung mit Injektoren für untergeordnete Module ohne verzögertes Laden
  

• Ember
  • • Glutmotoren: was, was nicht und warum? - Teil 1
  • • Über {{mut}} und bidirektionale Bindung
  • • Versprechen und UI-Zustände in Ember.js
  • • Ember und GraphQL: Ein kurzes Beispiel
  

• Bibliotheken & Plugins
  • • oughViz - JS-Bibliothek zum Erstellen von skizzierten / handgezeichneten Diagrammen in einem Browser
  • • is-website-verwundbar - findet bekannte Schwachstellen in JavaScript-Bibliotheken auf der Website
  • • So führen Sie die JavaScript-Lokalisierung mit jQuery.i18n durch
  

Browser

• • Chrome blockiert gemischte Inhalte vollständig
• • 10 wenig bekannte Funktionen der Chrome Developer Tools
• Unterstützung für das Arbeiten im Kioskmodus in Firefox hinzugefügt
• Firefox-Code vollständig von XBL befreit
• Google hat Support-Funktionen für blinde und sehbehinderte Benutzer in Chrome und Maps hinzugefügt
• Der Chrome Web Store hat die Veröffentlichung des Updates uBlock Origin blockiert

Wir entschuldigen uns für Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

← Zusammenfassung der letzten Woche
Material hergestellt von dersmoll und alekskorovin