Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 397 (6. - 12. Januar 2020)

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

Medien | Web-Entwicklung | CSS | Javascript | Browser

Medien

• Podcast "Web Standards" Nr. 212. Firefox 72, Shadow Parts, neue Formulare, Servicemitarbeiter, Masonry, JS-Mentalmodell
• Frontend Youth (18+) Podcast # 121: Woraus besteht JavaScript?
• UnderJS Podcast # 13 - Andrey Sitnik über Logux, PostCSS und das menschliche Frontend [Tube]
• CSSSR Podcast News 512 - Neujahrsräume
• CSSSR Podcast, Argumentarium - Reatom, Redux und Effector
• pro Conf # 44 [Special] BESTE BERICHTE 2019

Web-Entwicklung

• Erste Schritte mit Frontend-Tests
• Npm 2019 Sicherheitsbericht
• Einfache Bildplatzhalter mit SVG
• Warum sollten Sie in HTML5 <Artikel> anstelle von <Abschnitt> auswählen?

• Leistung
  • Schnelles Laden von Seiten auf den einfachsten günstigen Handys
  • Wie berücksichtigt Google die Webseitenleistung beim Ranking von Suchergebnissen?
  • Front-End-Performance-Checkliste 2020 [PDF, Apple Pages, MS Word]
  • Reduzierung der HTML-Belastung durch Servicemitarbeiter
  • Jahr der Webperformance: 2019
  • Leistungsbudgets pragmatisch
  • Was ich durch die Optimierung unserer Bauzeit gelernt habe
  

• Effekte
  • Eine Auswahl kreativer Demos "Awesome Demos Roundup # 12"
  • So animieren Sie eine SVG-Signatur
  • Ein Spiel mit Texturprojektion in Three.js
  

CSS

• Fliesen effizient verlegen (Pro CSS, SVG, Muster und mehr)
• Min und Max Breite / Höhe Eigenschaften in CSS
• CSS-Standard für das Mauerwerkslayout: von der Idee bis zur ersten konkreten Entwicklung
• Prefers-Color-Schema: CSS Media Query
• So kombinieren Sie Elemente in CSS
• Bewegen (oder nicht) mit CSS Motion Path
• CSS-Karussell
• Schieberegler für mehrere Positionen : Allgemeiner Fall , Fall mit zwei Positionen
• Verwenden Sie isings nicht nur für CSS-Übergänge
• Grundlegendes zum CSS-Raster: Rasterlinien
• 7 CSS-Eigenschaften, die Sie nicht kannten
• 13 Möglichkeiten, um im Jahr 2020 vertikal zu zentrieren
• Elemente im Web ausblenden

Javascript

• Was wird im Jahr 2020 zu JavaScript hinzugefügt
• Die modalen Fenster, die wir verdienen
• JavaScript Rising Stars 2019
• Wie viel zahlen JavaScript-Entwickler im Jahr 2020?
• So konvertieren Sie Ihr Projekt in Ihrem eigenen Tempo nach TypeScript
• Hopa - CLI ohne Konfiguration, mit JavaScript und TypeScript

• Theorie
  • Fünf interessante Methoden zur Verwendung von Array.reduce () (und eine langweilige Methode)
  • Reaktivität des Web-Frameworks (Teil 1)
  • Grundlegendes zu Async Await
  • JavaScript und window.postMessage ()
  • NaN in JavaScript
  

• Reagiere
  • Schöne React Hooks - Eine Sammlung von schönen und (hoffentlich) nützlichen React Hooks, um die Entwicklung Ihrer Komponenten und Hooks zu beschleunigen.
  • Den Mythos entlarven: Zugänglichkeit und Reaktion
  • Von der Create-React-App bis zur PWA
  • Neue Next.js-Dokumentation
  • ipod-classic-js - iPod Classic, erstellt mit React Hooks, TypeScript und GraphQL
  • craft.js - React Framework zum Erstellen erweiterbarer Seiteneditoren per Drag & Drop
  

• Vue
  • 5 Dinge, die Sie tun können, um sich auf Vue 3.0 vorzubereiten
  • Vue für den kleinsten aka kleinen Blog auf allen Kanonen
  • Verwenden von IndexedDB mit Vue.js
  • Ankündigung Villus - ein winziger und schneller GraphQL-Client für Vue.js
  • Ereignisbehandlung mit Vue.js
  • Abenteuer mit Vue Render
  • Eine vollständige Anleitung zum Erstellen einer vollständigen mehrsprachigen Site auf Nuxt.js
  • vue-kinesis - Benutzerfreundliche Vue.js-Komponenten zum Erstellen interaktiver Animationen
  

• Angular
  • Die besten neuen Funktionen in Angular 9
  • Praktischer Leitfaden für Angular: Datenbindung und Richtlinie
  • So erstellen Sie eine Angular Material-App und stellen sie bereit
  • Scully, der erste statische Site-Generator für Angular
  

• Ember
  • The Ember Times - Ausgabe 130
  • 6 Tipps zum Umstieg auf CSS-Module in Ember
  

Browser

• Firefox 72-Version
• Firefox 72-Entwicklerdetails
• Chrome bietet nach Firefox zusätzlichen Schutz vor lästigen Benachrichtigungen
• Mozilla testet das Sprachsteuerungssystem Firefox Voice
• Gerüchte über den Tod von Internet Explorer sind stark übertrieben. Windows 10 stellt einen Kompatibilitätsrekord auf
• Firefox 72 - Unser erstes Lied von 2020
• Das Ende von Indie-Webbrowsern: Sie können (nicht) konkurrieren
• Warum war es Zeit für Sie, die IE-Unterstützung aufzugeben ...

Wir entschuldigen uns für Tippfehler oder fehlerhafte / duplizierte Links. Wenn Sie ein Problem bemerken - bitte schreiben Sie eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Verdauung letzte Woche .
Material von Dersmoll und Alekskorovin vorbereitet.