Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 373 (22. - 28. Juli 2019)

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.: 186. Firefox, JSON, Jedes Layout, Monoreps, a11y, Slack und JS
• • Frontend Weekend Podcast # 95 - Ekaterina Petrova darüber, wie man Frontend-Abteilungsleiterin von einem mobilen Entwickler wird
• • CSSSR Podcast : News 512 - Neue Funktionen in JS, PageSpeed, GraphQL Video, Slack Acceleration und Github Blocking
• • CSSSR Podcast : News 512 - HTTP / 2, Serverless Pieces, CORS, Oracle-Sicherheitsversionen, Releases und andere Neuigkeiten
• • Reagieren Sie auf einen fünfminütigen Podcast : SOLID mit TypeScript-Beispielen
• • Podcast Frontend Youth (18+) : # 100 Sotochka
• • Repozitorro # 22 - Hals über Kopf in React!
• • Frontreview # 16 - Professioneller Burnout-Programmierer

Webentwicklung

• • Element Fraktal
• • Standard Browser API Zahlungsanforderung
• • Die besten Newsletter für Front-End-Entwickler
• • Entwerfen und Erstellen einer progressiven Webanwendung ohne Framework: Teil 1 , Teil 2
• • SPA SEO: Ein Leitfaden zur Bewerbung einer einseitigen Google-Startseite

• Leistung:
  • • 12 Tipps zur Verbesserung der Leistung von JavaScript-Anwendungen
  • • 7 Tipps zur CSS-Optimierung zur Beschleunigung des Seitenladens
  • • Funktionsweise von Google PageSpeed: Verbessern Sie Ihren Rang und Ihre Suchmaschinen-Rankings
  • • Leistungsoptimierung von JavaScript-Websites mit Chrome DevTools
  

• Zugänglichkeit:
  • Inklusive Komponenten: Tooltips und Tog-Typen
  • • Vielleicht sollten Sie type = search ignorieren
  • • Nicht markierter Wert: Barrierefreiheitsobjektmodell
  

CSS

• • Ich habe eine benutzerdefinierte CSS-Engine in JavaScript geschrieben
• • Warum Sie auf jeden Fall lernen sollten, CSS-in-JS zu verwenden
• • Alles, was Sie über Margen in CSS wissen müssen
• • Verfügbarkeit von CSS-generierten Inhalten
• • Eine Auswahl von Bibliotheken für CSS-Animationen
• • Wirklich reaktionsschnelles CSS-Raster mit minmax () und min ()
• • Trennen Sie das Komma nicht: focus-inside, wenn Sie umfassende Browserunterstützung benötigen
• • Responsive Iframes
• • So fügen Sie Flexbox for CSS Grid einen Fallback hinzu
• • Der einfachste Weg, CSS asynchron zu laden
• • Mehrspaltige Manipulation

Javascript

• • Die 5 Gebote von TypeScript Developer
• • Wie man mit dem Mikrocontroller von JS spricht
• Tipps zum Erstellen eines eigenen faulen Bild-Uploads
• • SEO in JavaScript verstehen
• • Praktische Möglichkeiten, um JavaScript besser zu schreiben
• • Was ist neu in JavaScript: Zusammenfassung von Google I / O 2019
• • Einführung in Svelte

• Nachrichten:
  • Der Gründer von QEMU und FFmpeg veröffentlicht die QuickJS JavaScript Engine
  • Facebook hat den Hermes JavaScript Engine Code geöffnet
  • • TypeScript 3.6 Beta-Ankündigung
  

• Theorie:
  • • JavaScript lexikalischer Umfang und Abschluss
  • JavaScript-Konzepte: Abschlüsse
  • • Bereinigen Ihres Codes: Vermeiden Sie Bedingungen
  

• VueJS:
  • • Fehlerbehandlung in Vue
  • • Erstellen eines SPA auf Vue.js und Headless WordPress
  • • Komponentenzusammensetzung: Vue-Funktions-API im Vergleich zu renderlosen Komponenten
  • • Was ich an Vue mag
  • • OverVue, ein Vue-Prototyping-Tool
  

• Reaktion:
  • • Strukturieren von Reaktionsanwendungen
  • • Erstellen einer Switch-Komponente bei React
  • • Der bequemste Weg, um Warnungen in React zu verarbeiten
  • • So stellen Sie Entwickler ein und schulen sie, wenn Sie React nicht verwenden
  

• Winkel:
  • • Prototyping mit Angular
  • • Einführung in @ ngrx / Effekte
  • • Die Magie hinter Angular Elements verstehen
  • • Was ich in 3 Jahren Entwicklung auf Angular 2+ gelernt habe
  • • 7 Fehler, die beim Umschalten von AngularJS auf Angular vermieden werden sollten
  

• Ember:
  • • Ember 3.11 Release
  • • Das Einstellen der Linkaktivität ist ein moderner Weg
  • • Fähigkeitsbaum zum Erlernen von Ember.js im Jahr 2019
  • • Integrieren Sie jedes Backend mit benutzerdefinierten Adaptern und Serialisierern in Ember
  

• Libs & Plugins:
  • • cäsiumjs: Open-Source-Bibliothek zum Erstellen dreidimensionaler Globen und Karten
  • • json-complete - kann fast jedes Standard-JavaScript-Objekt oder -Wert in ein JSON-kompatibles serialisiertes Formular umwandeln und umgekehrt.
  • • Beweglich: Bibliothek zum Hinzufügen von Funktionen zum Ziehen und Ablegen, Drehen, Ändern der Größe und Skalieren
  

Browser

• • Was bist du, Rendering Engine? Oder wie das Browser-Anzeigemodul funktioniert
• Der Firefox Reality-Browser ist für Oculus Quest-Headsets verfügbar
• Google blockiert von DarkMatter ausgestellte Stammzertifikate
• In Firefox 70 werden über HTTP geöffnete Seiten als unsicher markiert
• Google entfernt Chrome-Erweiterungen, die die Erfassung von Benutzerdaten missbrauchen
• • Was ist neu in DevTools (Chrome 77)?

Unterhaltsam

• Was sollte ein Team führen: Rollen, Verantwortlichkeiten und Fähigkeiten
• Facebook, Twitter und Google lagern Moderation auf die Philippinen aus. Wie sich herausstellte - Bericht der Washington Post
• Forschung: Warum IT-Experten mittelständische Unternehmen wählen
• So ersetzen Sie Google-Produkte: Eine Auswahl von Alternativen, die Ihnen nicht folgen
• Forschung: Websites verlieren bis zu 10% des Nutzerumsatzes aufgrund von Vorschriften zum Schutz personenbezogener Daten der Europäischen Union
• GitHub blockiert Entwickler aus Ländern, die US-Sanktionen unterliegen
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 .