Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 399 (20. - 26. 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

• CSSSR-Podcast: News 512 - Styled Components 5.0, verzögertes Laden, multidirektionales Layout, ru Github
• Frontend Youth (18+) Podcast # 123 Git mit Balalaika und Bären
• Podcast "Devshahta / Night Frontend" Nr. 109: Kompetente Arbeit mit Fehlern. Monade Entweder.
• Podcast "Web Standards" Nr. 211. Soft Skills, Fußball und Leben ohne Frontend, Webkomponenten, Reagieren, Gitter, Performance, Taucher
• Make Me Beautiful Podcast, Ausgabe Nr. 33 - Designtrends, Microbrowsers und Entwicklungsstudien
• Podcast Frontend Youth (18+) # 122 Faires Gehalt für Plankton

Web-Entwicklung

• Website-Rendering 101
• Auf Wiedersehen sauberer Code
• Neu bei JAMstack? Das ist alles, was Sie wissen müssen, um loszulegen.
• Web 2020: Erweiterbarkeit und Interoperabilität
• Sechs Tipps für die Internationalisierung von Webanwendungen
• Eine komplette Anleitung zu iframes
• Keine Notwendigkeit, Webkomponenten zu hassen
• Neuerstellen einer Arduino-Schaltfläche mit SVG und lit-element

• Die Werkzeuge
  • Schöner in großen Projekten: Verbringen Sie 20 Minuten mit dem Einrichten, vergessen Sie die Formatierung für immer
  • Optimierung der Projekterstellungszeit
  • Lerne Garn 2 kennen!
  • Playwright ist die neue Node-Bibliothek von Microsoft zur Automatisierung von Browsern in Chromium, WebKit und Firefox. Playwright wurde von Puppeteer-Entwicklern entwickelt und zielt darauf ab, eine browserübergreifende, schnelle und immergrüne Web-Automatisierungsplattform zu schaffen.
  • ESLint-Konfiguration und Best Practices
  • Meine Geschichte über Webentwicklungstools, -technologien und -lösungen
  

• Leistung
  • Mikrooptimierung von Leistung und JavaScript
  • Google PageSpeed ​​Insights: Die Wahrheit über 100/100
  • Geschwindigkeit aus tausend Schnitten
  

• Verfügbarkeit
  • Verfügbarkeit im neuen Microsoft Edge
  • Schlechte Verfügbarkeit bedeutet schlechte Qualität
  

• Effekte
  • Wir realisieren den visuellen Effekt aus dem Film "The Matrix"
  • Die Auswirkung der Bereitstellung eines Image von einer Rolle mit Three.js
  • Eine Auswahl kreativer Interfaces "UI Interactions & Animations Roundup # 2"
  • Nacht im Museum der sehr guten Jungs
  

CSS

• RTL-Styling 101 - Eine detaillierte Anleitung zum CSS-RTL-Styling
• Die CSS-Kaskade. Oder wie Browser das Problem mit konkurrierenden CSS-Stilen lösen
• CSS Houdini: Alles, was Sie über die beliebtesten APIs wissen müssen
• Grundlegendes zu CSS-Schlüsselwörtern: Initial, Inherit und Unset
• Verwenden adaptiver Modifikatoren zum Steuern von Layoutänderungen in Ihren Komponenten
• Bidirektionale Layouts erstellen
• Ein bisschen imaginäres CSS
• 4 CSS-Layouts ohne Medienabfragen
• Mehrzeilige Farbverläufe
• Magische Regenbogenverläufe mit CSS Houdini und React Hooks
• CSS Innenmaße

Javascript

• JavaScript ES2020 Innovationen mit einfachen Beispielen
• Häufige Fehler bei der Verwendung von Promise in Javascript
• Lesen und Verarbeiten von Dateien mit der JavaScript FileReader-API
• 10 wichtigsten JavaScript-Frameworks im letzten Jahrzehnt
• Svelte - ein Rezept für ein erfolgreiches Framework?
• Warum genieße ich Svelte?
• Liebe Loop-Fans, lasst uns Array-Methoden verwenden
• JavaScript-Visualisierung: Generatoren und Iteratoren

• Reagiere
  • Verwendung von Control Inversion in JavaScript und Reactjs zur Vereinfachung der Codebehandlung
  • JSX-Übersicht mit drei reaktionsunabhängigen Beispielen
  • 10 JavaScript-Konzepte, die Sie beherrschen müssen Reagieren (+ Spickzettel)
  • Reagieren Sie JSX Cycle Anfängerhandbuch
  • Erstellen Sie zugänglichere Formulare mit React Icons
  • Dynamisches Laden Reagieren Sie mit Haken auf Komponenten
  

• Vue
  • Was erwartet Sie in Vue 3.0?
  • So schreiben Sie eine Vue.js-Anwendung vollständig in TypeScript
  • So erstellen Sie eine progressive Webanwendung auf Vue.js
  • Lieben Sie Vuetify? Lernen Sie PrimeVue kennen, die leistungsstarke neue Vue-UI-Bibliothek.
  • Karusselle auf Vue.js: SSR-Unterstützung und Leistung
  

• Angular
  • Angular 9 und Ivy: Faulen Laden von Komponenten
  • Praktischer Leitfaden zu Angular: Services und Abhängigkeitsinjektion
  • Implementieren der Micro-Frontend-Architektur mit Angular
  

• Ember
  • The Ember Times - Ausgabe 131
  • The Ember Times - Ausgabe Nr. 132
  • Wie wir "immergrüne" Builds in einer Unternehmensanwendung auf Ember.js erreicht haben
  • RouteInfo-Metadaten (3.10)
  

• Libs & Plugins
  • JS-Bibliothek zum Überprüfen der Eigenschaften von JS (Formulardaten).
  • Reagieren Sie auf schöne Daten: Adaptiv, mit Touch-Event-Unterstützung, eine modulare Datumsauswahlbibliothek
  

Browser

• Microbrowsers sind überall. Aber was wissen wir über sie?
• Forscher beschuldigten Opera, unter Umgehung der Google-Regeln Mikrokredite in Höhe von 438% pro Jahr vergeben zu haben
• Google testet die neue Share-Menüoberfläche in Chrome - mit Tools zum Erstellen von QR-Codes und Screenshots
• Überprüfung der endgültigen Version von Microsoft Edge basierend auf Chromium: ein neuer alter Freund
• Die nächste Version des Apple Safari-Browsers wird ohne die Unterstützung von Adobe Flash veröffentlicht
• Mozilla hat in den letzten zwei Wochen 197 Firefox-Add-Ons blockiert
• Edgium

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.