Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 382 (22. - 29. September 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser | Unterhaltsam |

Medien

• • Podcast-Webstandards Nr. 195 . Chrome 78 und iOS 13, React Folding, variable Google-Schriftarten, Proxys und jQuery
• • CSSSR Podcast : 512 News - Frankenstein, HTML, Nim-Semantik und der „geheime Quantencomputer“
• • Reagieren Sie auf den fünfminütigen Podcast - FrontendConf 2019
• • Podcast „UnderJS“ # 5 - Gespräch mit Roman Dvornov über Open Source und die köstlichen Details des Web [Tube]
• • Podcast „Make Me Beautiful“ , Ausgabe Nr. 25, Besuch von Yuri Tsukanov - Wettbewerb, schlechte Möglichkeiten, die Sprache zu lernen, und nützliche Links
• • Make Me Beautiful Podcast , Ausgabe Nr. 26 - Fragen an den Arbeitgeber, Architektur wird nicht benötigt und atomares CSS
• • Devshacht Podcast # 95: Warum eine Konferenz auf Englisch abhalten?
• • Frontend Youth (18+) Podcast # 109 Verkaufe technische Schulden an Pro Unlimited-Sammler
• • Podcast zu Webstandards - 194. Eric Meyer und Max Böck zu HTML-, CSS- und Webstandards
• • "Wie ich Front-End-Entwickler wurde." Evgeny Kovalchuk auf webDev
• • FrontSpot Show # 12: Sergey Rubanov über die Zukunft von JS, die Geheimnisse einer bezahlten Open Source, die Feinheiten von BeerJS.
• • Repozitorro # 28 - Ordentliches Portfolio-Portfolio

Webentwicklung

• • 5G - eine Technologie, die das Web wahrscheinlich verlangsamen wird
• • Drag & Drop-Komponenten für blinde Benutzer? Sie machen Witze?
• • Servicemitarbeiter im Slack Client: On Download-Beschleunigung und Offline-Modus
• Wie man die Semantik richtig macht
• Vollständiger Leitfaden für reaktionsschnelle Bilder!
• • Gehen Sie mit Mikroformaten offline
• • Zusätzliche Optionen, mit denen Websites eine Vorschau ihrer Inhalte in der Google-Suche anzeigen können
• • Benötigen Sie wirklich PWA? Vier Fragen, die Ihnen bei der Entscheidung helfen
• • Frankenstein-Migration: Ein rahmenunabhängiger Ansatz: Teil 1 , Teil 2
• • Warum sind progressive Webanwendungen die Zukunft des mobilen Internets?
• • Richtlinien für die Implementierung von Dunkelmodi auf Websites

• Die Werkzeuge
  • • Starten von Lighthouse in CI mithilfe von Github-Aktionen
  • • Bildgrößen und Videos für soziale Netzwerke.
  • • navi ist ein interaktives Befehlszeilenprogramm
  • • Bildaktionen - Komprimieren Sie automatisch JPEG-, PNG- und Webp-Bilder in Pull-Quests auf GitHub
  

• Leistung
  • • Beschleunigung instagram.com. Teil 1
  • • Technologien Yandex Turbo Pages und Google AMP für den E-Commerce
  • • Lernen Sie die Animationsleistung mit DevTools
  • • Leistungsmetriken für unglaublich schnelle Webanwendungen
  • • Ist es der richtige Zeitpunkt, sich für AMP zu entscheiden?
  

CSS

• • Zwei Browser betreten irgendwie die Bildlaufleiste ...
• • Wo und wie wird das Spaltenlayout verwendet (CSS-Spalten)
• E-Mail-Spamer-Schutz in CSS
• • Verwenden Sie die Google-API, um auf variable Schriftarten zuzugreifen.
• • Intelligentere benutzerdefinierte Eigenschaften mit der neuen Houdini-API
• • Wie CSS Grid unsere Sicht auf die Strukturierung von Inhalten verändert

Javascript

• • JQuery Geschichte und Erbe
• • Schmerz und Tränen in Svelte 3
• Anleitung zur Behandlung von JavaScript-Fehlern
• Über console.log () hinausgehen - 8 Konsolenmethoden, die beim Debuggen von JavaScript und Node verwendet werden sollen
• • JavaScript in 3D: eine Einführung in Three.js
• • Neue und potenzielle ES2019-JavaScript-Funktionen, die jeden Entwickler begeistern werden
• • 6 Dinge, von denen Sie wahrscheinlich nicht wussten, dass Javascript nativ funktioniert
• • Clientseitige Datenfilterung: Vergleich von CSS, jQuery und React

• Theorie
  • • Kombinieren von Stilen mit JavaScript Proxy
  • • Eine Erklärung, wie der Intersection Observer funktioniert
  • • Die seltsame Welt der Unendlichkeit in JavaScript
  

• Reagiere
  • • Denken im React Hooks-Paradigma
  • • Finite-State-Maschinen in React
  • • So lösen Sie das Render Props Callback Hell-Problem
  • • Reagieren & SEO: SPA-Entwicklung auf Next.js optimiert für Google
  • • Rekursion in React: Rendern von Kommentaren mit verschachtelten untergeordneten Elementen
  

• Vue
  • • So strukturieren Sie Ihr Vue-Projekt langfristig
  • • 15 Vue-Richtlinien zur deutlichen Steigerung Ihrer Produktivität
  • • Erstellen von Chrome-Erweiterungen mit Vue.js.
  • • MSK Vue.js Meetup # 2
  

• Winkelig
  • • "WARNUNG: Durch das Bereinigen von HTML wurden einige Inhalte entfernt" und wie man richtig damit umgeht
  • • So verwenden Sie Komponenten rekursiv in Angular
  • • Winkel und Verfügbarkeit: Herausforderungen und Strategien
  • • So arbeiten Sie mit asynchronen Anbietern in Angular
  

• Ember
  • • Ember 3.13 Release (Octane Vorschau)
  • • Versprechen und Benutzerstatus in Ember.js
  • • JSJ 395 Podcast: New New Ember mit Mike North
  • • Routenanimation mit Ember Animated
  

Browser

• • Wie der Browser zeichnet. Yandex-Bericht
• Microsoft portiert den Edge-Browser unter Linux
• Google, Mozilla und Cloudflare unterstützen das HTTP / 3-Protokoll
• Der Mac wurde aufgrund des Google Chrome-Updates nicht mehr geladen
• • So machen Sie einen Screenshot einer hochauflösenden Site in Firefox

Unterhaltsam

• • CloudFlare hat ein kostenloses VPN gestartet - keine Registrierung (und SMS)
• • GitHub startet seine Tentakel im CI / CD- und Artefaktmanagement
• • Warum lieben Entwickler das dunkle Thema so sehr?
• GitHub hat die Grundlagen für die Anwendung des maschinellen Lernens zum Suchen und Analysieren von Code geschaffen
• Verkaufte die Technologie in Snap und gewann an Popularität bei der Funktion „Welcher Promi bist du?“: Wer hat die Gradient-Anwendung entwickelt?
• Yahoo hat das Logo geändert und umbenannt

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 .