Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 341 (26. November - 2. Dezember 2018)

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

• • Frontend Weekend Podcast # 81 - Ekaterina Pavlenko über die Arbeitsweise des HolyJS-Programmkomitees von innen
• • Podcast „Web Standards“, Ausgabe Nr. 149: Rolling Scopes, Zugänglichkeit, Formen und Schriftarten, progressive Grafiken, was ist mit React, gefährliches Open Source
• • Devshacht - Podcast: 59: Wie man einen coolen Bericht macht
• • Podcast CSSSR, News 512 - Ausgabe Nr. 31 (26. November - 2. Dezember)
• • Vadim Makeev Video-Blog: 11. Der Prototyp der Isolierung von Stilen für Shower auf Webkomponenten
• • WSD in Minsk, 2018 , Rundfunkaufzeichnung
• • performance.now (), 16 Videos von der Konferenz, in denen 16 erstklassige Redner die wichtigsten Aspekte der Webproduktivität behandelten ( + Hinweise für jeden Bericht )
• • Frontend NE: Die Konferenz 2018

Webentwicklung

• Nützliche Barrierefreiheitsregeln, an die man sich erinnert
• • Background Fetch API: Machen Sie sich bereit für die Verwendung!
• • Wie und wann das tabindex-Attribut verwendet werden soll

• AMP / PWA:
  • Google hat eine detaillierte FAQ zur AMP-Indizierung veröffentlicht
  • Auf Wiedersehen, Electron. Hallo Desktop-PWA
  • • „Progressive Web Apps. Die Zukunft des mobilen Webs “ : Ein kostenloses PDF-Buch, das mit Unterstützung von Google, Microsoft und Awwwards veröffentlicht wurde
  • • Ausführlicher Leitfaden für progressive Webanwendungen
  • • Progressive Webanwendungen im Vergleich zu nativen Anwendungen
  • • Verwandeln Sie Ihre Vue-App in PWA!
  

• Leistung:
  • • WebP wird das Web bald übernehmen, aber es wird nicht lange dauern
  • • Sollte ich JavaScript verwenden, um meine Web-Schriftarten zu laden?
  • • Wir passen uns an Benutzer an, die Kundenhinweise verwenden
  • • Web-Performance hacken . Max Firtman spricht auf der Heapcon 2018 über extreme Leistungstechniken
  • • Vermeiden von Fallstricken beim automatischen Code-Inlining (im Kontext von WP)
  

• Werkzeuge:
  • • Was ist neu in DevTools (Chrome 72)
  • • Console.Rulit ()
  

CSS

• • CraSSh: Brechen Sie alle modernen Browser mit CSS-Berechnungen
• • Einführung in benutzerdefinierte CSS-Eigenschaften
• Das richtige CSS-Kinderbett
• css-grid-layout-generator.pw - ein Tool, mit dem Sie schnell und klar Experimente mit CSS-Grids durchführen und den Ausgabecode abrufen können
• • Einführung in CSS-Formen
• • Ein Blick auf CSS Reset (Nulling Styles) im Jahr 2018
• • Optionen zum Ein- und Ausschalten der CSS-Animation
• • Verwenden Sie einfach: Fokusstile, verdammt
• • CSS Animation 101 - Ein beliebter Kurs von Donovan Hutchinson Jetzt als kostenloses Buch erhältlich
• • Alles über CSS-Umgebungsvariablen
• • NES.css CSS-Framework, inspiriert von NES
• • Kreative Visualisierungseffekte mit Link-Hover
• • Erste Schritte mit variablen Schriftarten in CSS
• • Erstellen einer CSS-Galerie mit einem Rasterlayout (mit Unschärfeeffekt und interaktiven Medienausdrücken)
• • Erstellen zukünftiger Schnittstellen: Benutzerdefinierte Formulare

Javascript

• • JavaScript-Anleitung zur Fehlerbehandlung
• • Stand von JavaScript 2018: Front , Daten sind alles . Ilya Klimov analysiert die Ergebnisse einer Volksumfrage
• Microsoft hat TypeScript 3.2 veröffentlicht
• Verstecken Sie JavaScript-Code im Frontend vor Außenstehenden
• Wie peinlich ich war, den verdammten Const dem verdammten Let gegenüberzustellen
• • Wichtige Websites enthalten auf ihren Zahlungsseiten nicht autorisiertes JavaScript
• • Kompromittiertes npm-Paket: Event-Stream
• • Unendliche Schriftrolle mit Generatoren
• • Wenig bekannte JavaScript-Funktionen
• • Funktionale Programmierkonzepte in Javascript

• NodeJS:
  • • Die beliebtesten Node.js-Frameworks von 2018
  • • Nodejs C ++ / JS-Randstatus: Überqueren des Rubikons
  • • 10 Knoten-Frameworks zur Verwendung im Jahr 2019
  • • Schreiben speichereffizienter Anwendungen auf Node.js.
  • • ncc: Node.js CLI-Tool und API zum Kompilieren von Node.js-Projekten in eine einzelne JS-Datei
  

• VueJS:
  • • Vue Vogelperspektive
  • • Meine Lieblingspakete für Vue.js & Nuxt.js für 2019
  • • Beschleunigen Sie Ihre Entwicklung auf Vue.js mit Vue CLI 3
  

• Reaktion:
  • React.js zum Fortfahren
  • • useEffect vs useLayoutEffect vs useMutationEffect
  • • Reagieren Sie auf die 16.x Roadmap
  • • Lazy Laden (und Vorladen) von Komponenten in React 16.6
  • • 8 Vorschläge, die Ihre Anwendung auf React verbessern
  • • Reagieren Sie auf den Status der Statusverwaltung im Jahr 2019
  • • Reagiere Podcast Nr. 30: Entwickle in der Cloud mit Christina Holland
  

• Winkel:
  • • Vollständige Anleitung zum Routing in Angular
  • • Meine Abenteuer mit dem Start von Angular Ivy in StackBlitz: Ja, das ist möglich
  • • Erstellen einer einfachen CRUD-Anwendung mit Angular und Node
  

• Libs & Plugins:
  • • Vergleichen von JavaScript-Bibliotheken für HTTP-Anforderungen für 2019
  • • Fortschrittsschätzer - Zeigt einen Fortschrittsbalken und eine Schätzung an, wie lange das Versprechen ausgeführt wird
  • • verschiebbar: Eine winzige Bibliothek zur produktiven Verschiebung von Elementen relativ zur Mausposition
  

Browser

• • Konfigurieren Sie Firefox / Chrome für sehr langsames und begrenztes Internet
• Chrome-Entwickler denken darüber nach, die FTP-Unterstützung einzustellen
• Opera 57 erhielt "intelligente" Nachrichten und Empfehlungen von Netflix
• In Firefox 64 wird ein integrierter Task-Manager angezeigt
• Browser für Firefox Reality 1.1 VR-Geräte freigegeben
• • Web-Audio, Autoplay-Richtlinien und Spiele

Unterhaltsam

• Ein Bild der Welt . Internet der Dinge. So automatisieren Sie Ihre Odnushka noch heute
• Warum Kryptowährungen fallen - 5 Gründe aus der New York Times
• SEO 101: Fakten, Tipps und Mythen der Suchmaschinenoptimierung
• Datenvisualisierung in der Arbeit des Analysten: Diagrammtypen und welche zur Auswahl stehen
• Warum nicht Testgegenstände geben? Und warum nicht machen
• Das OpenSSL-Projekt wechselt zur Apache-Lizenz und ändert das Versionsnummerierungsschema
• Instagram beschreibt Fotos für sehbehinderte Benutzer
• Zeitleiste: Welche Projekte hat Google geschlossen und warum?

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