Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 348 (14. - 20. Januar 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. 157: JavaScript an Universitäten, JS vor zehn Jahren, Browser und Text in VR / AR, HTML-Module in JS.
• • Frontend Weekend Podcast # 87 - Mikhail Troshev über die effektive Verwaltung eines verteilten Teams in Yandex
• • CSSSR Podcast: News 512 - Ausgabe Nr. 34 (14. Januar - 20. Januar)
• • Devshahta # 66: Plattformteams
• • "ALL YOUR HTML" # s2e5: "Pasta Monster aus Streifen und Shadern"
• Video von Odessa Frontend MeetUps # 7-9

Webentwicklung

• • Electron: Entwicklung von Desktop-Anwendungen mit HTML, CSS und JavaScript
• • 12 seltsame Dinge, die nach der Installation des npm-Pakets passieren können
• • HTML5-Eingabetypen: Was ist jetzt mit ihnen los?
• • Neu bei JAMstack? Alles, was Sie wissen müssen, um damit zu beginnen
• • Webstandards: Was, warum und wie
• • Besser einmal sehen als hundertmal hören, Gesichter und Barcodes - Shape Detection API
• • Warum GraphQL herkömmliche APIs übertrifft
• GraphQL: Ein Leitfaden für Anfänger

• Leistung:
  • • Verwenden der Chrome DevTools-Überwachungsfunktion zum Messen und Optimieren der Leistung (Teil 1)
  • • Verwenden von Chrome Dev Tools zum Auffinden von Leistungsengpässen
  • • Wie Verbesserungen der Website-Leistung den Planeten retten können
  • • Was sind Client-Hinweise und lohnt es sich, sie zu verwenden?
  • • Optimierung des Renderings im Browser für die Frontend-Entwicklung
  

• Werkzeuge:
  • Puppenspieler zum Crawlen von Websiteseiten und zum Speichern in Markdown
  • • STAR (Design Systems + T ypeScript + A pollo GraphQL + R eact): eine neue Generation von Front-End-Entwicklungstools
  • • So aktualisieren Sie auf Gulp.js 4.0
  • • wpk ist eine erweiterte, aber intuitive inoffizielle CLI für Webpack
  • • Funktionscode-Visualizer mit Export nach SVG
  

• Zugänglichkeit:
  • • So entwickeln Sie Website-Layouts für Screenreader
  • • Warum die Barrierefreiheit im Internet weiterhin fehlschlägt
  • • Großer Gewinn für die Barrierefreiheit im Internet in Domino's Pizza, dessen ADA-Compliance-Website dies nicht tat
  

• Animation:
  • • Advanced Three.js: Shader-Materialien und Nachbearbeitung
  • • Ein Leitfaden zum Erstellen vieler interaktiver Partikel auf Three.js
  • • So erstellen Sie einen Glitch-Effekt für Text und Bilder in CSS
  • • SVG-Filter 101 . Eine Anleitung von Sara Soueidan, die Ihnen hilft, die SVG-Filter zu verstehen und zu zeigen, wie Sie sie verwenden, um Ihre eigenen visuellen Effekte zu erstellen.
  
  

CSS

• • Funktionsweise der CSS-Spezifität in einem Browser
• • Erstellen einer WEB-Komponente für die Audiokanalsteuerung Benutzerdefinierter CSS-Grid-Ansatz
• CSS Grid Layout Animation, was haben wir?
• Gleiche Geschichte, nur mit CSS
• • Wie gut kennen Sie CSS Layout?
• • Verwenden der Pseudoklasse: lang mit lang-Attributauswahl für Sprachstile
• • 2019 CSS Wunschliste von Chris Coyier
• • Zur Verteidigung von Utility-First CSS
• • Vollständige Anleitung zu SCSS / SASS .

Javascript

• • Übertragen Sie 30.000 Codezeilen von Flow nach TypeScript
• • Learn Vanilla JS ist ein detaillierter Plan zum Erlernen von Vanilla JS sowie Lernressourcen und Designideen für den Einstieg.
• • Animieren von URLs mit Javascript und Emojis
• • So entfernen Sie nicht verwendeten Code mit DevTools
• • Vue vs React: Wählen Sie 2019 das beste Tool für Ihr Projekt
• • So entfernen Sie doppelte Arrays in ES6
• • Warum ich den Export von Standardwerten aus meinen JavaScript-Modulen gestoppt habe
• • Mutiert die Methode Daten?

• Theorie:
  • • Fragen und Antworten zu JavaScript
  • Eine kurze Geschichte von JavaScript. Teil 3
  • • JavaScript-Module: Von IIFE zu CommonJS und ES6
  • • Praktischer Leitfaden zum Schreiben von mehr funktionalem JavaScript
  • • Arbeiten mit Zeitzonen in JavaScript
  

• Reaktion:
  • • Wiederverwendbare Formulareingaben in React. Einfach und flexibel!
  • • Einführung in React Hooks
  • • Verwenden von Reaktionsportalen zum Zeichnen von Kindern außerhalb der DOM-Hierarchie
  • • So erstellen Sie eine progressive Webanwendung in React (PWA)
  

• Winkel:
  • • Hinzufügen mehrsprachiger Unterstützung in Angular
  • • So konfigurieren Sie Webpack 4 mit Angular 7: eine vollständige Anleitung
  • • Angular, Autoprefixer, IE11 und CSS Grid gehen in die Leiste ...
  • • Verwalten des Anwendungsstatus in Angular mithilfe von Firebase
  • • Vor- und Nachteile der Auswahl von Angular für die Entwicklung von Webanwendungen
  

• VueJS:
  • • 8 Worst Vue.js Interview Fragen
  • • Vue-RFCs (Anforderung von Kommentaren) - für wesentliche Änderungen / Ergänzungen des Vue-Kerns
  • • Entwerfen einer progressiven Webanwendung mit Vue CLI 3
  

• Libs & Plugins:
  • • defi.js ist eine reaktive Bibliothek, die auf Object.defineProperty basiert
  • Facebook hat Spectrum 1.0.0 veröffentlicht, die Bibliothek zum Arbeiten mit Bildern
  • • glänzend - Fügen Sie Text, Hintergrund und Rahmen auf Geräten, die das DeviceMotion-Ereignis unterstützen, glänzende Reflexionen hinzu.
  • • jsdiff: Unterschiede im in JavaScript implementierten Text finden
  

Browser

• Mozilla minimiert Screenshots von Testpiloten und Firefox
• Firefox 67 beginnt, separate Profile für verschiedene Installationen zu verwenden
• In Firefox 69 ist geplant, die Flash-Unterstützung standardmäßig zu deaktivieren
• • Rückblick auf Firefox DevTools WebConsole 2018
• • Augmented Reality und Browser - Experimentelle Anwendung

Unterhaltsam

• Hallo Welt! Oder englischsprachiger Habr, v1.0
• WordPress.com sammelte 2,4 Millionen US-Dollar von Google und seinen Partnern, um eine Nachrichtenplattform für die Veröffentlichung von Newspack zu erstellen
• Die Geschichte von Big Data (Big Data) Teil 1 , Teil 2
• Microsoft: Cortana Voice Assistant konkurriert nicht mehr mit Alexa und Google Assistant
• Meinung: Warum eine 10-jährige Herausforderung ein idealer Flash-Mob zum Erlernen der KI ist
• Als gebürtiger Inder wurde er Google-CEO: die Geschichte von Sundar Pichai
• Microsoft verabschiedet sich später in diesem Jahr von Windows 10 Mobile
• Es wurde ein Speicherauszug mit 773 Millionen E-Mail-Adressen und 21 Millionen eindeutigen Passwörtern gefunden
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 .