Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 318 (4. - 10. Juni 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 # 56 - Dmitry Karlovsky über das Erstellen von $ mol oder das Schreiben eines eigenen Nischen-Frameworks
• • Podcast „devschacht“: Night Front End # 36 - Wir diskutieren mit Nikolai Matvienko die Leistung von Ryan Dahl auf der JSConf EU 2018
• • Frontend Youth (18+) Podcast # 51 Dan Abramov Paketmanager
• • "ALL YOUR HTML" # 52: "Parallaxe auf einem Shader von antoni.de"
• • Kollektiv Farm Frontend . Ein Song, der moderne Webentwickler nicht gleichgültig lässt

Webentwicklung

• • Google Fonts und GDPR-Konformität
• • Neu in AMP: Q2, Ausgabe 2018
• • Die WCAG 2.1 erhielt den offiziellen Status der „W3C-Empfehlung“.
• • Inklusive Komponenten: Ein umfassender Leitfaden zur Erstellung erschwinglicher Karten

• Leistung:
  • • Was ist die Zeit bis zum ersten Byte (TTFB) und der Geschwindigkeitsindex?
  • • Förderung einer Webproduktivitätskultur
  • • Über 15 Experten geben Tipps zur Webleistung für 2018
  • • Google AMP und das Problem der Websites für Fettleibigkeit
  • • Testen Sie My Site Series, Teil 1 - Google Toolkit und Google Speed ​​Update
  

• Werkzeuge:
  • • JSFiddle - neue Version
  • • JSUI - ein leistungsstarkes UI-Tool zum Organisieren, Erstellen und Verwalten von JS-Projekten
  • • 8 Emmet-Tipps, die Sie möglicherweise nicht kennen
  • • Google Font Downloader - CLI-Tool, mit dem Sie die gewünschte Schriftart von Google herunterladen können
  • • Der Garnimport verwendet jetzt package-lock.json
  

• Effekte:
  • Wöchentliche Auswahl schöner Effekte auf CSS / SVG / JS # 79
  • • Logo-Kollaps-Effekt
  • • Animieren von Bildern und Videos mit curtains.js
  

CSS

• • Erste Schritte mit variablen Schriftarten im Web
• • Seitenkanalangriff auf Browser mit CSS3-Eigenschaften
• • Vereinfachen Sie das Storytelling von Seiten mit einer klebrigen Position
• • Entdecken Sie die neuen Facetten der CSS-Animation
• • Neuerstellung der Avengers-Karten-IDs in HTML und CSS
• • Verbessern Sie Ihre CSS-Auswahlfähigkeiten
• • Kombination der Leistungsfähigkeit von SEM- und BIO-Methoden zur Verbesserung von CSS
• • Spezifität in: nicht (),: hat () und: Übereinstimmungen ()

Javascript

• • Überwachen von JavaScript-Fehlern mit window.onerror
• • Nützliche Array- und Objektmethoden in JavaScript
• Eine Übersicht über einige JavaScript-Objekte mit Kapselung
• • Wird JavaScript monolithisches CMS verschlingen?
• • Prioritäten für die Diagnose von Websites in JavaScript
• • Debuggen von JavaScript in der Produktion mit Source Maps
• • Erstellen eines SPA ohne Framework
• • Präsentation Luna - ein Tool zum ordnungsgemäßen Testen in JavaScript
• • Meteor 1.7 Release und immergrüner Traum

• Theorie:
  • • Eine kurze Einführung in JavaScript-Proxies
  • • Was ist "das" in JavaScript?
  • • Wann (und warum) sollten Sie ES6-Pfeilfunktionen verwenden - und wann sollten Sie dies nicht tun
  

• VueJS:
  • • Portieren Sie Ihre Webanwendung von reinem JavaScript nach Vue.js.
  • Erfahren Sie, wie Sie die Vue.js-CLI verwenden
  • • Ersetzen von jQuery durch Vue
  • • Beschleunigen Sie die Entwicklung mit Prototyping und Vue
  • • Vuejs Paginierung
  • • Kanban-Board in Echtzeit mit Vue.js und Hamoni Sync
  

• Reaktion:
  • • Das mit React verbrachte Jahr: Schlussfolgerungen und Empfehlungen
  • • Komponenten höherer Ordnung mit Recompose
  • • 5 gängige Praktiken, die wir in React beenden können
  • • React ist keine neue jQuery
  • • Wie (und wie NICHT) REACT lernen?
  • • Detaillierte Anleitung zum Reagieren von Material
  • • Scherz, reagiere und reagiere!
  

• Winkel:
  • • Angular Cli 6: Warum Sie es brauchen und wie Sie es verwenden
  • • 3 hilfreiche Tipps für Angular
  • • Architektur in Projekten auf Angular
  • • Die Vorteile der Normalisierung von Daten in Angular
  

• Libs & Plugins:
  • • Apples MapKit JS ist ein Tool zum Einbetten von Apple Maps in eine Site.
  • • 11 JS-Bibliotheken für Animationen im Jahr 2018
  • • Kurz und bündig, verfügbarer Charakterzähler
  • • LuminJS - JavaScript-Bibliothek zur progressiven Auswahl von Text auf der Seite
  

Browser

• • Fusion-Projekt zum Zusammenführen von Tor Browser und Firefox gestartet
• Google hat Chrome 68 Beta eingeführt
• Firefox testet die Fähigkeit, verschiedene Registerkarten gleichzeitig anzuzeigen
• Der Anteil von Firefox fiel laut Statistiken des Dienstes Net Applications unter 10%
• Der Yandex.Browser verfügt über einen Energiesparmodus

Unterhaltsam

• • GitHub ist jetzt offiziell im Besitz von Microsoft
• Der neue Leiter von GitHub erklärte, was nach der Fusion mit Microsoft zu erwarten sei
• Sechs Alternativen zu GitHub für die gemeinsame Entwicklung
• Google: Das Blockieren einer Seite in robots.txt funktioniert möglicherweise nicht, wenn Links dazu vorhanden sind
• Google hat die Regeln für die Verwendung künstlicher Intelligenz veröffentlicht
• Kurz gesagt: Worüber Apple bei der Eröffnung der WWDC 2018 gesprochen hat
• Wie sich WhatsApp-Gründer mit Facebook gestritten haben und wie viel es gekostet hat
• Facebook hat Entwickler verpflichtet, HTTPS bei der Facebook-Anmeldung zu verwenden
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.

← Zusammenfassung der letzten Woche
Material hergestellt von dersmoll und alekskorovin