Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 365 (13. - 19. Mai 2019)

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

Medien | Webentwicklung | CSS | Javascript

---

Medien

• • Web Standards Podcast , 176. Web Development Podcasts, Nachrichten von Google I / O und Microsoft Build
• • Machen Sie mich schön Podcast- Ausgabe Nr. 17 - Sie benötigen kein SPA, Google News und Microsoft schlägt fehl
• • Podcast Frontend Youth (18+) # 93 Murrendes Frontend
• • CSSSR Podcast : Nachrichten 512 - Mai Übertakten
• • CSSSR Podcast : News 512 - Mai Sonderausgabe
• • Podcast „Devshahta / Night Frontend“ # 80: Korrigieren Sie mobile Versionen und was auf Facebook ist
• • Repozitorro # 14 : Es gibt verschiedene Projekte, aber diese ...
• • "ALL YOUR HTML" # s3e2: "Physik mit Cannon.js"
• • Video von SmashingConf SF 2019
• • Web bei Google I / O 2019 , 24 Videos

Webentwicklung

• • Bilder im Web 2019
• • Webentwicklungstechnologietrends 2019
• • SVG-Komponenten für IoT und Geräte (Teil 2)
• • Einführung in JAMstack: Moderne Webarchitektur
• • Warum die Entwicklung mit JAMstack cool ist
• • Alles, was Sie über den Eingabemodus wissen wollten
• • Mops Newbie Guide
• • Grundlegendes zu einem JPEG-Gerät

• Leistung:
  • • Verwenden von WebAssembly 20x Web Application Accelerated
  • • Beste HTTP / 2-Priorisierung für die Webbeschleunigung
  • • Tiefes Eintauchen in das native faule Laden von Bildern und Frames
  • • Bericht der Sitzung des AMP-Beratungsausschusses
  • • Bildoptimierung: Die genauen Auswirkungen auf den Leistungsfaktor von Google verstehen, um ihn 2019 zu verbessern
  • • Ist "the fold" (der anfängliche Bildschirmbereich der Site) in der modernen Site-Scrolling-Kultur immer noch wichtig?
  • • 3Pweb ist ein Online-Visualizer, der visuell anzeigt, wie viel Zeit durchschnittlich für die Ausführung von Skripten von Drittanbietern benötigt wird
  

• Werkzeuge:
  • • Funktionen der Chrome Developer Tools, die Sie nicht kannten (TEIL 1)
  • • Remote-Entwicklung mit VS-Code
  • • Schnelleres und intelligenteres JavaScript-Debugging in Firefox DevTools
  

• Zugänglichkeit:
  • • Eine neue (und einfache) Möglichkeit, die Barrierefreiheit für versteckte Inhalte zu implementieren
  • • Verfügbarkeitsstatus: GAAD 2019
  • • Einführung von Microsoft Web Template Studio für die Full-Stack-Entwicklung
  

• Animation:
  • • Integration von Animationsbibliotheken von Drittanbietern in das Projekt
  • • So erstellen Sie ein Kreisdiagramm in SVG
  

CSS

• Selektor: Wird () für die Registrierung verfügbar sein?
• • Dies ist eine Trap-Ezoid-Falle: CSS-Formen sind nicht das, was Sie erwarten
• • CSS-Rasterzeilen- und Spaltenanimationen
• • Subgrid . Neuer Artikel zu MDN-Entwicklungsdokumenten
• • CSS-Scan: Der schnellste Weg, um CSS zu überprüfen und zu kopieren
• • In Firefox wurde eine CSS-Funktion implementiert, um mehrzeiligen Text auf Auslassungspunkte zu beschränken
• • CSS Grid Debugging: Teil 2: Was ist Fr (Aktion)?
• • Google Fonts unterstützt jetzt die Anzeige von Schriftarten!
• • CSS-Regeln, die Ihnen das Leben erleichtern
• • Chinesischer Fenstergrill und CSS

Javascript

• • Erster Beitrag zur Browser-API von Facebook
• Cloudflare, Mozilla und Facebook entwickeln BinaryAST, um das Herunterladen von JavaScript zu beschleunigen.
• • Erste Schritte mit Svelte 3
• • Funktionelles Javascript
• • TypeScript 3.0: Typ unbekannt

• Theorie:
  • • Was ist das hier? Innere Operation von JavaScript-Objekten
  • • Praktischer Leitfaden für Javascript Proxy
  • • JavaScript-Engines: Wie funktionieren sie? Vom Call-Stack bis zum Versprechen (fast) alles, was Sie wissen müssen
  

• VueJS:
  • • Verfügbare Formularvalidierungsbeiträge mit ARIA und Vue.js
  • • Einführung in die testgetriebene Entwicklung mit Vue.js.
  • • Erste Schritte mit Vue - Übersicht und exemplarische Vorgehensweise
  • • Galerie mit Gestenunterstützung auf Vue.js und Tailwind
  

• Reaktion:
  • Reakit 1.0: Ein neues Toolkit zum Erstellen erschwinglicher Webanwendungen auf der Basis von React
  • • So konvertieren Sie React-Redux-Klassen einfach in React Hooks
  • • unform - ReactJS- Bibliothek zum Erstellen unkontrollierter Formularstrukturen mit verschachtelten Feldern, Validierungen und vielem mehr
  • • UI-Animation in React
  • • ReactQ - Universelles Starterkit für React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL-Codegenerator, React Router 4, PostCSS, SSR
  • • Designmuster für Schlüsselreaktionshaken
  • • Docking React App
  • • Erstellen Ihrer eigenen React Validation Library: Die Grundlagen (Teil 1)
  • • Was tun, wenn sich Ihre React-App langsam anfühlt?
  

• Winkel:
  • • Angular: Erstellen und Veröffentlichen einer Bibliothek
  • • Einführung in CLI Builder
  • • Erstellen eines Online-Shops mit ngrx / store und Angular
  • • Meine Lieblings-Angular-Tipps und Tricks
  • • Komponentenvererbung im Winkel
  • • Erleichtern Sie die Zugänglichkeit mit dem Angular CDK. Tastaturnavigationslisten
  

• Libs & Plugins:
  • • Lernen Sie Storeon kennen , einen winzigen Statusmanager für moderne Anwendungen, die Redux ähneln und in einer einzigen Datei mit einem Gewicht von 173 Byte implementiert sind
  • • ola - Animationsbibliothek zur Mittelung / Interpolation von Zahlen in Echtzeit
  • • reLift-HTML - eine kleine Bibliothek für die Ansicht (3 KB), mit der Sie Webkomponenten und benutzerdefinierte Elemente erstellen können, mit deren Hilfe jede HTML-Seite mit großen Frameworks ohne Verschmutzung reaktiv wird
  

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 .