Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 317 (28. Mai - 3. 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

• • Podcast „Web Standards“, Ausgabe Nr. 123: YaC und WWDC, neue Artikel von Chrome, Edge und Firefox, Nesting-, Calc- und CSS-Hacker, schnelles Schreiben von Code, variable Schriftarten, Warten und ES-Module, gibt es ein vollwertiges Biest, Yandex Landungen.
• • Frontend Weekend Podcast # 55 - Nikita Prokopov über ClojureScript, Bloggen und Erstellen eigener Schriftarten
• • Podcast „devschacht“: Night Frontend # 35 - RIT ++
• • Frontend Youth (18+) Podcast # 50 Mythen über die Nullkonfiguration
• • CSSSR Podcast: News 512 - Ausgabe 8 (28.05. - 06.03.)
• • "ALL YOUR HTML" # 51: "Verbundene Partikel in 3D"

Webentwicklung

• • Neuerscheinungen: GSAP 2.0 , WordPress 15 , die Ankündigung von Lighthouse 3.0 , die Veröffentlichung von Material-UI v1 , Jest 23 , die Ankündigung von TypeScript 2.9
• • Warum ist die Frontend-Entwicklung so instabil?
• • Komplex der Komplexität . Jeffrey Zeldmans kritischer Hinweis zum aktuellen Stand der Webentwicklung
• • Erstellen Sie ein ansprechendes Bild . So erstellen Sie ein Logo, das dem Seitenverhältnis entspricht
• • 9 erstaunliche PWA-Geheimnisse
• • Verfügbare Fokusindikatoren: Dinge, auf die Sie sich konzentrieren sollten

• Leistung:
  • • Prerender-Loader! - Universelles Pre-Rendering für Webpack. Verbessert den ersten Anstrich, oft sogar ohne Code zu ändern
  • • Was sind Client-Hinweise und lohnt es sich, sie zu verwenden?
  • • Reduzierung der Bildgröße durch Farbabtastung
  

• Werkzeuge:
  • • Wieder auf Garn und zurück (auf npm)
  • • Chrome 67 - Was ist neu in DevTools?
  • • Drei Schritte zum Bereitstellen von Webpack-Anwendungen auf Heroku
  

CSS

• Algebra in calc (), die neue Spezifität von Level 4-Selektoren und andere CSS-Innovationen im Mai
• Wo alles mit Zeilenumbrüchen kompliziert ist. Hier finden Sie alle CSS- und HTML-Tricks dafür.
• Erklären Sie den Z-Index: Positionieren von Elementen mithilfe von CSS
• • Lösen von Lebensproblemen mit CSS
• • Critters - Webpack-Plugin zum Inlinen von kritischem CSS und zum verzögerten Laden für den Rest
• • So funktioniert CSS: Kaskade verstehen
• • Gradientenänderungsstatus mithilfe von CSS-Übergängen und -Animationen
• • HSL () / HSLa () eignen sich hervorragend für die Software-Farbsteuerung

Javascript

• Nützliche Methoden für Arrays und Objekte in JavaScript
• • #SmooshGate FAQ
• • Eigenschaften von modernem JavaScript, die Sie jeden Tag verwenden sollten, um die Entwicklung zu verbessern und welche Probleme sie lösen
• • Best Practices für die Verwendung moderner JavaScript-Syntax
• • Erfassen und Melden von JavaScript-Fehlern mit window.onerror

• ES2015 +:
  • • Was ist neu in ES2017: Asynchrone Funktionen, erweiterte Objekte und mehr
  • • ES6 (ES2015) und danach: Grundlegendes zur JavaScript-Versionierung
  • • ES6 in Aktion: Erweiterte Objektliterale
  • • Flusskontrolle im modernen JS: Rückrufe auf Versprechen an Async / Await
  

• VueJS:
  • • Erstellen moderner Anwendungen mit Django und Vue.js.
  • • Echtzeit-Charting mit Vue.js
  • • Beste Ressourcen zum Lernen von Vue.js im Jahr 2018
  • • Von VanillaJS zu Vue.js: eine Refactoring-Geschichte
  

• Reaktion:
  • • Verlieben wir uns in React Fibre
  • • Reach Router ist ein neuer Router mit Schwerpunkt auf Barrierefreiheit. Schneller Überblick über Funktionen und Verwendung
  • • Next.js Guide: SEO-freundliches React E-Commerce SPA
  • • React -Ideal-Image - eine nahezu perfekte React-Komponente für Bilder
  • • Die wichtigsten Lektionen, die ich nach einem Jahr Arbeit mit React gelernt habe
  • • Redux verstehen: Der einfachste Anfängerleitfaden der Welt
  • • Verwalten des Anwendungsstatus in Reagieren mit nicht angegeben
  

• Winkel:
  • • NgRx - Best Practices für Unternehmensanwendungen auf Angular
  • • Angular + Redux - die Lektion, die wir für Sie gelernt haben
  • • 44 schnelle Tipps zur Feinabstimmung der Leistung in Angular
  

• Libs & Plugins:
  • • proppyjs - Eine kleine JS-Bibliothek für die funktionale Zusammensetzung von Requisiten. Unterstützt ReactJS, VueJS, PreactJS und ReactiveX
  • • 11 Javascript-Bibliotheken, die Sie 2018 kennen sollten
  • • Minipack ist ein vereinfachtes Beispiel für moderne modulare Compiler, die in JS geschrieben wurden
  

Browser

• Chrome Webbrowser Version 67
• Firefox 63 führt einen Cryptocurrency Mining-Skriptblocker ein
• Durch die Sicherheitslücke in Chrome und Firefox während des ganzen Jahres konnten Daten in Facebook-Profilen abgerufen werden
• Google Chrome hat die Unterstützung für die kennwortlose Authentifizierung auf Websites mit dem WebAuthn-Standard eingeführt

Unterhaltsam

• Rückkehr der Geektimes nach Habr
• Big Data Tesla Architect: Unser Autopilot ist SkyNet von Terminator
• Welche Schriftarten eignen sich besser für komplexe Daten?
• Wie man einem Kind das Programmieren beibringt
• Ist QWERTY wirklich ein schlechtes Layout und warum können wir es nicht ablehnen?
• Microsoft verhandelt über den Kauf von GitHub
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.

Digest der letzten Woche .
Material hergestellt von dersmoll und alekskorovin .