Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 377 (19. - 25. August 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • CSSSR Podcast : News 512 - RoR 6, native JS-Module, Vue Composition API, Animations- und Ladeoptimierungsbilder
• • Frontend Weekend Podcast, Remote Nr. 1 : Nikita Dubko (Konferenzen, Betrugssyndrom, Berichterstattung)
• • Devschacht Podcast # 91 : Sehr kurze Artikel und REST vs. GraphQL
• • Podcast „devschacht“ # 92 : Über Isolierband und Klebeband
• • Podcast „Make Me Beautiful“, Ausgabe Nr. 23 : Sergey Frolov und Sergey Rubanov - Tube Conferences, 10x Development und WebAssembly
• • SPA Meetup # 5 in Avito

Webentwicklung

• Sie können AMP-Seiten jetzt benutzerdefiniertes JavaScript hinzufügen
• • Was HTML6 (Lebensstandard) wirklich braucht
• • Optionales HTML: alles was Sie wissen müssen

• Leistung:
  • • Schnelleres Laden von Bildern mit integrierter Bildvorschau
  • • Verwenden von rel = "preconnect" für frühzeitige Netzwerkkonnektivität und -leistung
  

• Werkzeuge:
  • • Wie man mit einem Designsystem, einer Brechstange und einer Art Mutter Freunde, Designer, Layouter und „Figma“ macht
  • • Ankündigung von NodeGUI und React NodeGUI - Erstellen von benutzerdefinierten Desktopanwendungen mit JavaScript und CSS
  

• API:
  • • Konvertieren Sie Text in Sprache in einem Browser mithilfe der Web Speech API
  • • Native File System API: Vereinfachung des Zugriffs auf lokale Dateien
  

• Zugänglichkeit:
  • • Was ich über Barrierefreiheit von Tumblr gelernt habe
  • • Top 5 Ressourcen für die Barrierefreiheit im Internet
  • • ADA-Bericht zur Barrierefreiheit von Web- und Anwendungen . "Die Anzahl der bei Bundesgerichten eingereichten Klagen bezüglich der Verfügbarkeit von Websites und Anwendungen beträgt derzeit eine pro Stunde, dh 8 pro Tag, 40 pro Woche, und es wird erwartet, dass in diesem Jahr mehr als 2.000 Klagen erneut geprüft werden."
  

• Übung:
  • • Multiuser Tic Tac Toe mit GraphQL
  • • So erstellen Sie mit VR ein Multiplayer-Echtzeitspiel (Teil 1)
  • • Erstellen Sie ein animiertes Favicon
  
  

CSS

• • Woher kommen die Farbnamen in CSS?
• • Liste der besten CSS-Bibliotheken im Frontend
• • Wie werden Druckstile angezeigt, die direkt im Browser angewendet werden?
• • CSS-Bouncing-Element
• • CSS kann es ... und es ist schrecklich!

Javascript

• • JavaScript-Innovationen: Google I / O 2019 Ergebnisse: Teil 1 , Teil 2
• • Abhängigkeitsinjektions-, JavaScript- und ES6-Module
• • Dieses Schlüsselwort in JavaScript. Komplettes * Handbuch
• Arbeiten mit asynchroner Iteration in ECMAScript 2019 mit for-of
• • Verwenden Sie JavaScript-Generatorfunktionen, um die Speichernutzung zu reduzieren
• • Verwendung nativer JavaScript-Module in der Produktion
• • Entprellen und Drosseln in JavaScript
• • JS: Was man lernen muss, um Senior zu werden

• Reaktion:
  • • Reaktion: Erstellen einer barrierefreien FAQ-Komponente
  • • 5 Tipps zur Vermeidung von Fallstricken bei Haken
  • • Lokalisierung mit Reagieren
  • • Verwenden von requestAnimationFrame mit React Hooks
  • • Moderne Reaktionstests, Teil 2: Scherz und Enzym
  • • JSX semantischer Zustand
  

• VueJS:
  • Was ist der Unterschied zwischen Requisiten und Daten in Vue? js
  • • So laden Sie einfach dynamische Bilder in Vue und Nuxt
  • • Leistung Vue.js Router
  • • Verwendung von Vuetify in Vue.js
  • • Vermeiden Sie es, SOLID-Prinzipien in VueJS-Anwendungen zu brechen
  

• Winkel:
  • Layout-Grundlagen in Angular mit Redux und Nx. Teil 1. Layout-Header und Navigationsleiste.
  • • 7 Möglichkeiten, um Ihre Angular-App zugänglicher zu machen
  • • Winkelsuche & Paginierung
  • • Warum Sie niemals Funktionsaufrufe in Angular-Vorlagenausdrücken verwenden sollten
  

• Ember:
  • • Ember.js und React.js: Vergleich einiger erweiterter Funktionen
  • • Der Glutatlas - Ein Ort für Glut: Prozesse, Best Practices, Upgrade-Anleitungen und mehr
  • • Erstellen einer Elektronenanwendung mit Ember JS
  • • Commit Porto '19: Wohlstand im Hype-Zyklus: Eine Geschichte von Ember.js (Ricardo Mendes)
  

Browser

• Microsoft Edge Insider: Testen Sie die „Sammlungen“, Arbeitskonten und andere Verbesserungen
• In Firefox, Chrome und Safari ist das in Kasachstan eingeführte „nationale Zertifikat“ gesperrt

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 .