Die Verdauung von frischen Materialien aus der Welt des Frontends in den letzten zwei Wochen Nr. 323 (8. - 22. Juli 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 "Web Standards", Ausgabe Nr. 130: Unbequeme Klassen und alle JS, die sich im laufenden Betrieb manifestieren, Gitter mit Fehlern, schlechte Landung von gutem SRI , Ausgabe Nr. 129: Virus in npm, warum Feature Policy, Fall in Atom, toter Code, Trennung Verantwortung, Pfeil oder Finger
• • Frontend Weekend Podcast: # 62 - Andrei Sitnik über den Umzug nach New York, Reisen und Pornos auf Twitter , # 61 - Andrei Melikhov über die Arbeit für Yandex.Money, Night Frontend und die Machtübernahme in devSchacht
• • Podcast „Devshahta / Night Front End“: # 42 - Automation CI / CD , # 41 - Auf der Suche nach einer guten Codeüberprüfung
• • Podcast Frontend Youth (18+) # 56 Giftige Gemeinschaft
• • CSSSR Podcast News 512 - Ausgabe Nr. 15 (16. Juli - 22. Juli)

Webentwicklung

• • Was ein Webentwickler beachten muss, um SEO-Feng Shui zu machen
• Erweiterungen für Visual Studio Code, die den Entwicklungsprozess auf eine neue Ebene bringen
• • Webkomponenten im Jahr 2018
• • Heiliger Gral wiederverwendbarer Komponenten: Benutzerdefinierte Elemente, Schatten-DOM und NPM
• • Details zum Erstellen der Google Fotos-Weboberfläche
• • Anatomie bösartiger Skripte: Wie eine Website Ihren Browser übernehmen kann
• • Barrierefreiheit für Teams - eine Kurzanleitung zur Integration von Barrierefreiheits- und Inklusionspraktiken in Ihren Teamentwicklungsprozess
• • Die Zukunft von WebAssembly - Ein Blick auf kommende Funktionen und Vorschläge
• • SVG mit SVGator animieren

• Leistung:
  • • Leistungsmessung mit dem RAIL-Modell von Google, Zielen und Richtlinien für die Erstellung schneller Seiten (aktualisiert 2018)
  • • Schaffung einer Produktivitätskultur in Ihrem Team
  • • Was sind Servicemitarbeiter und wie können sie die Produktivität verbessern?
  • • Wie die Bildoptimierung das Seitengewicht um 62% reduzierte
  • • Checkliste für die Frontend-Leistung
  

• PWA / AMP:
  • • PWACompat: Web App Manifest für alle Browser
  • • Pinterest: PWA-Retrospektive für das Jahr
  • • Verfolgen Sie die AMP-Entwicklung im neuen AMP Roadmap-Dashboard mit Filtern und Kategorien
  • • PWA für WordPress , das offizielle Plugin
  

CSS

• • Von rechts nach links. So drehen Sie die Site-Schnittstelle unter RTL
• • CSS Paint API
• CSS: eine neue Art von JavaScript
• Chemie CSS CSS
• • Vollständige illustrierte Flexbox-Anleitung
• • Die 9 größten Fehler mit CSS Grid
• • DSS - endgültige Veröffentlichung der ersten Beta von Deterministic Style Sheets, einem Analogon von CSS-Modulen mit automatischer Kompilierung in atomare CSS-Klassen für kleine Bundles
• • Seltsame Dinge, die variable Schriftarten tun können
• • Wie behebe ich Probleme mit dem CSS-Layout?
• • Nützliche Dinge, die Sie mit CSS-Zeigerereignissen tun können
• • Soll ich 2018 die IE-Version von Grid Layout verwenden?
• • Ich habe funktionales CSS ausprobiert und es ist scheiße
• • Wie man CSS besser schreibt

Javascript

• • Vergleich von JS-Frameworks: React, Vue und Hyperapp , Betreff : „Vergleich von JS-Frameworks: React, Vue und Hyperapp“
• • JavaScript ES6: Schwächen
• • JavaScript-Metaprogrammierung
• • 15 HTML-Elementmethoden, von denen Sie wahrscheinlich noch nie gehört haben
• Fullstack JS Developer-Kompetenzmatrix
• • Einführung in die JavaScript MutationObserver API
• • Javascript ES6 - Sie müssen Generatoren eigentlich nicht lernen
• • TypeScript 3.0 RC-Ankündigung

• VueJS:
  • Wie man Vue-Komponenten wie ein Profi erstellt
  • Vue-UI - erster Blick
  • • Liebesbrief an Vue
  • • Kostenloser Kurs zum Lernen von Vue.js
  • • Erstellen einer "Renderless" -Vue-Komponente
  • • Die beste Erklärung für die JS-Reaktivität
  

• Reaktion:
  • Der Weg zum Lernen Reagieren . Ihre Reise zur Beherrschung der üblichen, aber pragmatischen Reaktion. Übersetzung eines populären Buches ins Russische
  • • JavaScript-Grundlagen vor dem Lernen Reagieren
  • • Styling React-Komponenten
  • • Erstellen Sie ganz einfach komplexe Benutzeroberflächenanimationen in React
  • • Wie schnell kannst du Reagieren lernen?
  

• Winkel:
  • • Was ist neu in Akita für Angular: Wir haben die am häufigsten nachgefragten Funktionen hinzugefügt
  • • Verbessern der Angular Application Performance durch lokale Änderungserkennung
  • • Sie kennen Angular - Angular Projection Guide nicht
  

• Libs & Plugins:
  • • So erstellen Sie ein modernes Control Panel auf NVD3.js
  • • coolHue - ein Tool zum Auswählen von Verläufen und Erstellen eigener Paletten
  • • draxt - NodeList-ähnliches / jQuery-ähnliches Paket für das Dateisystem (node.js)
  • • Popbox.js ist ein kleines Plugin zum Erstellen von mehrschichtigen modalen Fenstern. Plugin ohne Abhängigkeiten und vollständig anpassbar
  • • Pushbar.js ist ein kleines Plugin zum Erstellen von Exit-Panels in Webanwendungen.
  

Browser

• WebRender wurde zu den nächtlichen Builds von Firefox hinzugefügt und verwendet die GPU zum Rendern von Webseiten.
• Das Browsh-Projekt entwickelt einen Konsolenbrowser, der auf Firefox basiert
• Firefox ASan-Builds wurden gestartet, um Speicherprobleme zu identifizieren
• • Drei neue coole Funktionen in Chrome DevTools

Unterhaltsam

• So viel Wissen, so wenig Zeit
• Seien Sie ein multidisziplinärer Spezialist, aber bewerben Sie sich als Spezialist in einem Bereich
• Linux-Geschwindigkeit unter Windows 10 . Ode an das Bash-Terminal unter Windows Subsystem für Linux.
• 6 Ansätze zur Priorisierung von Aufgaben. Erleben Sie Readdle, MacPaw, Grammatik und EduNav
• Google, Microsoft, Twitter und Facebook haben ein Datenportabilitätsprojekt eingerichtet
• In das beliebte NPM-Modul wurde schädliche Software zum Kopieren von Authentifizierungsparametern eingeführt
• Algorithmen retten Menschen: Wie ein passender Algorithmus Leben rettet
• Intel sprach über seine 10 wichtigsten Erfolge in 50 Jahren
• Check Point präsentierte einen Überblick über Cyber-Bedrohungen für das erste Halbjahr 2018: doppeltes Wachstum von Crypto Miner und eine Änderung des Angriffsvektors auf Clouds
• AMD, Microsoft, NVIDIA, Oculus und Valve entwickeln den VirtualLink-Standard, mit dem Sie VR-Helme mit einem einzigen USB-C-Kabel an einen PC anschließen können
• Dunkles Muster: Wie Webdienste Benutzer dazu bringen, Fehler in ihren Aktionen zu machen
• • Wie der Blinde das iPhone, MacBook und die Apple Watch benutzt
A. A.

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.

Letzte Woche verdauen
Material hergestellt von dersmoll und alekskorovin