Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 411 (13.-19. April 2020)

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

Medien     |    Webentwicklung     |    CSS     |    Javascript

Medien

• CSSSR-Podcast: Neuer Github, Three.js, SVG-Tarife, Frontendbookmarks, Vue 3 Beta.2, Git und Oracle-Sicherheitsversionen.
• UnderJS-Podcast Nr. 19 - Cypress, Material UI und fast OpenSource.
• AvitoTech x FrontendConf 2019: Videos von Sechs Oleg Bunin-Konferenzen im Jahr 2019 und eine im Jahr 2020
• Video von den Odessa Frontend MeetUps Nr. 14 und 15

Web Entwicklung

• Browser zur Überwachung von API-Anforderungen: Aufbau einer sicheren Front-End-Kommunikation mit dem Back-End
• Arbeiten mit Bildern im Web
• Front-End-Herausforderungen: Eine Auswahl von Diensten, mit denen Sie Ihr Wissen testen können
• Erstellen einer Website mit Dokumentation mithilfe von JAMstack
• JAMstack-Ökosystem [Infografiken]
• Lektionen extrahiert beim Erstellen von PWA auf COVID-19

• Tools
  • Puppeteer v3.0.0-Version , jetzt mit Firefox-Unterstützung
  • Webentwickler-Workflow-Tools: Anfängerhandbuch
  • Visual Studio-Code: Fortgeschrittenes Benutzerhandbuch
  

• 
  • HTTP/3 HTTP/2
  • WebPageTest Request Data
  • -
  • Performance Kit — , ,
  

• 
  • ARIA: role=progressbar aria-live=polite
  • - « » . -
  

• 
  • WebGL
  • JavaScript
  • - «Awesome Demos Roundup #15»
  • «ALL YOUR HTML» #s3e21, Particles animation by Étienne Jacob
  

CSS

• Interessante CSS-Fundstücke im neuen Facebook-Design
• LCH-Farben in CSS
• Einfügen von pseudozufälligen Illustrationen mithilfe von CSS
• Verwenden von CSS zum Platzieren von Text innerhalb eines Kreises
• Erstellen eines reaktionsschnellen CSS-Bewegungspfads? Natürlich können wir!
• CSS-Animationszeitleiste: Erstellen der Goldberg-Maschine
• Begrenzte CSS-Raster ohne maximale Breite.
• Erstellen von Morphing-Animationen mithilfe des CSS-Clip-Pfads.
• CSS-Bildlaufleiste mit Fortschrittsanzeige.
• Erstellen von reaktionsschnellen Layouts ohne Verwendung von Medienabfragen

Javascript

• Touch-Unterstützung in JavaScript
• jQuery 3.5.0-Version
• HTML5-Boilerplate: Github-Diskussion: Sollte jQuery auf 3.5.1 aktualisiert oder ... gelöscht werden?
• Best Practices für die JavaScript-Leistung
• TypeScript-Migrationsstrategien
• Über 23 fortgeschrittene JavaScript-Interviewfragen (mit Antworten)
• Frontend-Kurzfilme: Erstellen eines Link-Viewers mit React, Vue und Vanilla JavaScript

• Theorie
  • Die 8 häufigsten Datenstrukturen mit JavaScript
  • Theoretische Datenstrukturen und ihre Anwendung in JavaScript. P1. Paare
  • 7 grundlegende JavaScript-Konzepte, die einfach erklärt werden
  

• React
  • React —
  • . React Hooks
  • CSS React
  • 2020 : NextJS vs Gatsby
  • React
  • react-tater — React
  

• Vue
  • Vue Composition API
  • Vue Composition API Vue Mixins
  • Vue 3 Beta
  • Vue.js?
  • Vue — Vue
  

• Angular
  • Angular. ESLint, codelyzer, stylelint, husky, lint-staged Prettier
  • Nginx Angular
  • Scully Tutorial: Angular
  • Angular
  • Angular Ivy —
  

• Ember
  • The Ember Times — Issue No. 144
  • Todo Ember Octane , React
  

• Svelte
  • Svelte & Sapper
  

• Libs & Plugins
  • Redaxios — (800 ) fetch API, axios
  • Builderz — Zero Configuration JavaScript Bundler
  • Alpine.js
  • mdjs —
  

/ . — , .

Digest der letzten Woche .
Material hergestellt Dersmoll und Alekskorovin .