Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 327 (13. - 19. August 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

• • Podcast " Webstandards ", Ausgabe Nr. 134: Unsichtbares DOM und Dateien, neue Attribute für Bilder, Webkomponenten in Firefox, Nachrichten aus der Gesamtstruktur, eine gute Konferenz.
• • Angular Five Minute Podcast Nr. 11 - WSD, Community, ngrx-Daten, Websocket, Angular 7.0, CLI 6.2 Beta
• • Frontend Weekend Podcast # 66 - Zhanna Kruglova über das Schicksal der Entwickler im Dekret und die Geschichte der Big Interviews
• • "Devshahta-Podcast": # 46 - Way of June - wie man einen Beruf in einem Jahr komplett wechselt
• • Podcast Frontend Jugend (18+) # 61 O, Lisp Machine
• • Interview mit ShRI-Lehrer Dmitry Andriyanov
• • Web Standards Days , Aufzeichnung der Konferenz am 18. August in St. Petersburg
• • JSCamp Barcelona 2018, 13 Videos

Webentwicklung

• • WebAssembly: wie und warum
• • Webentwicklung im Jahr 2018 lernen
• • Vollständige Anatomie des Gutenberg WordPress Editors
• • Website-Design für den Safari Reader-Modus und andere Leseanwendungen
• • Sensor-APIs für das Web
• • Sieben beste Online-Codebox-Sandboxen
• • Zugänglichkeit: Ihre Sprunglinks sind defekt

• Leistung:
  • • 18 Tipps zur Beschleunigung von WordPress
  • • Freitag-Frontend: Client Side Performance Edition
  

• Animation:
  • • Fußhahnlader | SVG + GreenSock
  • • Chromatischer Aberrationseffekt
  • • Scrollen der Site mit einem Bounce-Effekt
  

CSS

• • Maximale Anpassungsfähigkeit bei minimaler Anzahl von Medienabfragen oder die Methode der umgekehrten Anpassungsfähigkeit
• • 5 CSS-Tricks, die Sie kennen sollten
• Standard für benutzerdefinierte
• Erster öffentlicher Entwurf von CSS-Einheiten und Einheitenmodulen der Stufe 4
• • Variable Schriftarten: Was sie sind und wie sie verwendet werden
• • Alle Funktionen der Farbanpassungseigenschaft
• • 3D-Transformationsfunktionen in CSS
• • Über den Wechsel von HEX & RGB zu HSL
• • Zeitsparende Techniken für reaktionsschnelle CSS-Bilder

• Übung:
  • • Einfaches interaktives Kreisdiagramm mit CSS-Variablen und Houdini Magic
  • • CSS Scroll Snapping in der Praxis
  • • Erstellen einer Seeschlacht in CSS
  

• Layouts:
  • • Einfache und reaktionsschnelle moderne CSS-Rasterlayoutvorlage
  • • Experimentelle Layouts mit CSS-Formen und Clip-Pfad
  • • Neugestaltung der Website mithilfe von CSS-Rasterlayouts
  • • Alles, was Sie über die Ausrichtung in Flexbox wissen müssen
  

Javascript

• • Synchronisierung zwischen Registerkarten mithilfe der Web Locks-API
• • Eingebaute Funktionen in V8 (eingebaute)
• • So erstellen Sie eine einfache Komponente für die Arbeit mit der Kamera

• Podcasts:
  • • JSJ 326: Sprechen Sie mit Ember-Erfinder Tom Dale über Ember 3.0 und die Zukunft von Ember
  • • JavaScript & SEO , Podcast der Webplattform, Ausgabe Nr. 168
  • • "REST einfach, GraphQL ist da", JS Party Podcast - Episode # 38. Moderatoren sprechen mit John Resig (Erfinder von jQuery) darüber, wie er GraphQL an der Khan Academy verwendet, sowie über Johns Gedanken zur Gegenwart und Zukunft von jQuery
  

• Theorie:
  • Aufgaben aus Interviews. Lösungssammlung - Fun ES # 5: Für Nerds Fun ES # 6: Drehen Sie die Nummer um
  • • Analysieren des Musters "Modul" in JavaScript
  • • Ivan Tulup: asynchron in JS unter der Haube
  • • Grundlagen der JavaScript-Engine: Prototypoptimierung
  

• Winkel:
  • • Eine Studie von Ivy, dem neuen Angular-Compiler
  • Beginnen Sie in 5 Minuten mit Angular Grid
  • Das Angular-Team hat Tools veröffentlicht, um den Übergang von AngularJS zu Angular zu vereinfachen
  • • Winkel 7 kommt
  • • Debuggen von Angular CLI-Anwendungen in Visual Studio Code
  • • Die 10 nützlichsten Angular-Funktionen, von denen Sie vielleicht noch nichts gehört haben
  • • Wie Angular CLI Budgets meinen Tag gerettet hat und wie es Ihren retten kann
  

• VueJS:
  • • Vuex: Strukturierung großer Projekte und Arbeiten mit Modulen
  • Vue-Muster . Nützliche Muster, Methoden, Tipps und Tricks sowie eine sorgfältig ausgewählte Liste von Vue-Links. Wenn Sie Übersetzung mögen, dann mögen Sie das Übersetzungsstern- Repository
  • • Drei Gründe, Vue.js in Ihrem nächsten Projekt zu verwenden
  • • So habe ich eine Vue-Browser-Erweiterung erstellt: Teil 1 , Teil 2
  

• Reaktion:
  • Praktische Reaktion: Verwalten des Renderns - Leistung
  • • Arbeiten mit Refs in React
  • • Wie Sie mit React drei Tage im Voraus planen können
  • • Einfache Internationalisierung von React-Anwendungen
  

• Libs & Plugins:
  • • Tone.js - ein Framework zum Erstellen interaktiver Musik in einem Browser mithilfe der Web-Audio-API
  • • from-html - Ruft einen Link zu einem Element direkt aus einer HTML-Zeile ab
  • • TheoremJS - Mathematikbibliothek für die Berechnung in JavaScript
  

Browser

• • Welche Video-Codecs (nicht) verwenden Browser für Videoanrufe?
• Die Mozilla-Ingenieure haben 23 Add-Ons für Firefox entfernt und Benutzerinformationen gesammelt
• Opera 55 veröffentlicht: Neue Einstellungsoberfläche und vereinfachte Installation von Chrome-Erweiterungen
• • Erstellen der Chrome-Erweiterung im Jahr 2018: gut, schlecht und böse

Unterhaltsam

• Das neue DeepMind AI-System kann die Behandlung von mehr als 50 Augenkrankheiten diagnostizieren und verschreiben
• „Wir sind hier Macht.“ Wie Dvach das Leben anderer Menschen rettet und lähmt
• Wie Amazon aus Twitch YouTube einen Rivalen macht
• Drei Jahrzehnte „Macht und Magie“: Verständnis für die Geschichte des legendären Franchise
• Künstliche Intelligenz in Aktion
• Ist es realistisch, eine Superprogrammiersprache zu erstellen - Experten antworten
• "Wenn es dir nicht gefällt, werde ich eine neue Hand wachsen lassen": ein Prothesendesigner über Extremitätenkultivierung und Cyberpunk in Russland
• In Intel-Prozessoren wurden neue Sicherheitslücken in der Spectre-Klasse entdeckt: Foreshadow oder L1TF

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