Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 360 (7. - 14. April 2019)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Neulich wurde diese Verdauung übrigens 7 Jahre alt. Vielen Dank an alle Beteiligten :)

Medien | Webentwicklung | CSS | Javascript | Browser | Unterhaltsam

---

Medien

• • Podcast „Frontend Youth (18+)“ # 90 Guy ist kein Hindernis für Experten
• • Podcast "Devshahta / Night Front End" # 75: Wo zu entwickeln
• • FrontSpot Show # 5: Konstantin Krivlenya. Die bärtige Geschichte „Produkt vs. Outsourcing »
• • proConf # 9 VUEJS AMSTERDAM 2019
• • "ALL YOUR HTML" # s2e10: "Phänomen mit Paket"
• • WSD in Moskau, 2019 , Rundfunkaufnahme
• • MinskCSS Meetup # 6 - 11. April 2019

Webentwicklung

• • Wie man ein dunkles Thema erstellt und nicht schadet. Yandex.Mail Team Erfahrung
• • Migration einer Site auf Statik: Motivation, Kosten, Arbeit
• • Warum verbringen Sie nicht Ihre Zeit damit, thematische Nischen-Websites zu erstellen?
• Umfrage zu den Einstellungen für Stapelüberlauf-Entwickler
• • Front-End-Entwicklerhandbuch 2019
• • Inline-SVG ... zwischengespeichert
• • Webentwicklung in Illustrationen
• • Arten von mobilen Eingängen
• • Javascript vs. CSS - mehr Kontrolle bedeutet mehr Verantwortung
• • Vertrauen Sie lokalen Repositorys nicht: Untersuchen Sie die Verbreitung persistenter standortübergreifender Client-Skripte

• Leistung:
  • • Js native Lazy Loading und Fallback mit Vanilla-Lazyload 12
  • • Google AMP hat die Geschwindigkeit unserer Seite reduziert, und es bleibt nichts anderes übrig, als sie zu verwenden
  • • So erhalten Sie eine 100% ige Leistungsbewertung in Lighthouse
  

• Zugänglichkeit:
  • • Häufiges Problem mit der Barrierefreiheit: Wechseln zu einem Seitenabschnitt, ohne den Tastaturfokus zu verschieben
  • • Zugänglichkeit von Farben: Tools und Ressourcen, mit denen Sie integrative Produkte erstellen können
  • • Die 5 wichtigsten Fragen beim Erlernen der Barrierefreiheit
  

• Animation:
  • • So erstellen Sie mit Three.js einen Sticky-Image-Effekt
  • • Trennen von SVG mit wiederverwendbaren WebGL-Komponenten mithilfe von React-Three-Fibre
  

CSS

• Was mir noch nie über CSS gesagt wurde
• Der Unterschied zwischen Breite und Flex-Basis
• Wie @supports funktioniert
• • Bereits 2019. Beenden wir die Diskussion über Symbolschriftarten und SVG-Symbole
• • Houdini CSS Comics Leitfaden zum Verständnis
• • CSSBattle Tricks und Tricks
• • CSS SVG Animation
• • Befolgen Sie diese Schritte, um ein CSS-Superstar zu werden
• • Ruft den Wert einer benutzerdefinierten CSS-Eigenschaft mithilfe von JavaScript ab
• • Künstlerisches Webhandbuch Verwenden von CSS-Formen
• • Verwenden eines Mixins zum Ableiten von Mathematik aus adaptiven Schriftgrößen
• • Warum sollten Sie CSS env () verwenden?
• • QUIZ: Gut ausgerichtet? Wie gut kennen Sie CSS-Selektoren?
• • sassyfication: Bibliothek mit Sass-Verunreinigungen zur Beschleunigung der CSS-Entwicklung

Javascript

• AMP wird Unterstützung für JavaScript hinzufügen
• Drei große Lügen über JavaScript
• • JQuery 3.4.0 Release
• • Verwenden der Web Speech API für mehrsprachige Übersetzungen
• • Fünf Gründe, warum Webkomponenten JavaScript-Frameworks ergänzen können
• • Kyle Simpson: Ich habe mehr JavaScript vergessen, als die meisten Leute gelernt haben
• • Liste der 31 beliebtesten JS-Repositories auf GitHub im April 2019

• Theorie:
  • • Grundlagen der JavaScript-Engine: Prototypoptimierung. Teil 1
  • Was Sie über Arrays in JavaScript wissen müssen
  • • Async / Await-Fallstricke in Array-Schleifen
  • • Zur Verteidigung ternärer Betreiber
  • • Verbessern der asynchronen Programmierung mit JavaScript-Versprechen
  • • Entwurfsmuster in der modernen JavaScript-Entwicklung
  

• Reaktion:
  • • Was ich gerne wissen würde, als ich anfing, mit React.js zu arbeiten
  • • Styling-Richtlinien reagieren
  • • Best React Extensions für VS Code
  • • Übersicht über gängige CSS-in-JS-Bibliotheken für React
  • • Statusverwaltung mit React Hooks - ohne Redux oder Context API
  • • React95 - React Component Library mit Win95 UI
  

• VueJS:
  • • Warum sollte Ihr Unternehmen Vue.js verwenden?
  • • Einführung des neuen State-Managements für Vue.js.
  • • VueJs Amsterdam 2019 Konferenzzusammenfassung (Teil 2)
  • • Warum habe ich Vue React vorgezogen?
  • • Abrufen von Daten von APIs von Drittanbietern mithilfe von Vue.js und Axios
  • • Machen Sie Ihre Vue.js-Webanwendungen sichtbar - JavaScript SEO
  

• Winkel:
  • • Beste Erfahrung bei der Erstellung sauberer und schneller Angular-Anwendungen
  • • Winkelkontext: Einfache Datenbindung für verschachtelte Komponentenbäume und Router-Outlet
  • • Angular CLI - Entmystifizierung des Arbeitsbereichs
  • • Advanced Angular: Implementieren einer wiederverwendbaren Autocomplete-Komponente
  

• Libs & Plugins:
  • • fkit: Eine Reihe von funktionalen Dienstprogrammen für JavaScript
  • • jQuery Terminal Emulator - Terminal für das Web
  • • Choices.js : Plugin zum Erstellen benutzerdefinierter Auswahlelemente mit der Möglichkeit, als Select2, jedoch ohne jQuery, einzugeben
  

Browser

• • Microsoft Edge on Chromium ist offiziell für offene Tests verfügbar
• Firefox Beta fügt ein Blockierungsskript für Mining und versteckte Identifizierung hinzu
• In Chromium ist das verzögerte Laden von Iframes und Bildern verfügbar. Microsoft Edge Test Edition
• Chrome und Safari haben die Möglichkeit zum Deaktivieren des Klickverfolgungsattributs entfernt
• Opera 60 (Reborn 3) wurde veröffentlicht - der erste Desktop-Browser mit Unterstützung für das Web 3 „Internet der Zukunft“, eine Krypto-Brieftasche und ein kostenloses VPN
• • Edge geht an Chromium: Was bedeutet das für Front-End-Entwickler?

Unterhaltsam

• GitHub hat das Repository des Dienstprogramms zum Umgehen von Sperren und das gesamte Konto des Erstellers vollständig "gelöscht"
• Google: Häufiges Crawlen verbessert die Website-Position nicht
• In Kürze werden in Google Text & Tabellen native Microsoft Word-, Excel- und PowerPoint-Formate unterstützt.
• Es gibt nur sehr wenige Hinweise aus dem frühen Internet
• Helvetica Rights Owner veröffentlicht die erste Neugestaltung von Schriftarten seit 35 Jahren
• Die EU hat einen Ethikkodex für künstliche Intelligenz entwickelt
• Alibaba-Gründer Jack Ma setzte sich 12 Stunden am Tag, sechs Tage die Woche für eine Arbeitskultur ein
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