Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 324 (23. - 29. Juli 2018)

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

• • Der Web Standards-Podcast, Ausgabe Nr. 131: Chrome 68, gefährliches HTTP, React oder jQuery, Sie kennen keine Inline-Blöcke, illustrierte Flexes, Englischkurse, gefährliche Babel-Voreinstellungen und Browser stören JS
• • Frontend Weekend Podcast # 63 - Alexander Pershin über die Einrichtung einer Online-Bildungsschule in Russland
• • CSSSR Podcast News 512 - Ausgabe Nr. 16 (07.23 - 07.29)
• • Podcast "Devshahta / Night Frontend": Nr. 43 - Wieder über Jenkins, ChaosConstructions 2018, ndb und SRI
• • Frontend Youth (18+) Podcast: # 58 Warum jQuery von GitHub gefeuert

Webentwicklung

• • Progressive Webanwendungsgrundlagen
• 3 wichtige Checkliste für Webentwickler
• • Verfügbare Seitentitel in der Single Page App
• • Intelligenter Weg zum „Minimum Full Stack“ . Vom einfachen SPA zum multifunktionalen PWA

• Bilder:
  • • Konvertieren Sie Bilder in WebP . Auszug aus dem Buch „The WebP Manual“
  • • Manchmal sind Größen in Bildern sehr wichtig.
  • • Warum WebM für Video besser ist als GIF (Vergleich)
  • • 8 Tipps zur Optimierung Ihres Videos für schnellere Downloads
  

• Leistung:
  • Checkliste für die Frontend-Leistung . Russische Übersetzung einer beliebten Checkliste
  • • Frontend News # 1: Tipps zum Ausgleich von Web-Schriftarten und Seitengeschwindigkeit
  • • Site-Größe: Die durchschnittliche Seitengröße beträgt mehr als 2 MB - die durchschnittliche Seitengröße hat sich in den letzten 3 Jahren verdoppelt
  • • So entfernen Sie das Blockieren des Renderns von JavaScript und CSS
  • • Geschwindigkeit ist jetzt ein Faktor für Zielseiten der Google-Suche und -Anzeigen
  • • Bericht: Das Google Mobile Speed ​​Update hatte keine Auswirkungen auf gängige mobile Metriken
  

• Werkzeuge:
  • • Wir haben ein praktisches npm-Projekt für uns und das Team eingerichtet oder ein wenig über moderne Front-End-Tools
  • • Debuggen mit Chrome DevTools: Schnelle Tipps für das Frontend
  • • Terminalizer - Zeichnen Sie den Betrieb Ihres Terminals in einem animierten GIF auf
  • • Github-Story - Erweiterung für Browser - Anforderungsbeschreibungsvorlage auf Github ziehen
  

CSS

• • So erstellen Sie schnell Prototypen für Anwendungen mit einem CSS-Raster und CSS-Variablen
• • CSS-in-JS - Mythen und Realität (gestylte Komponenten als Beispiel)
• Erstaunlicher und unbekannter Inline-Block
• Warum CSS Grid für das Layout besser ist als Bootstrap
• • Frust mit CSS-Formen und CSS-Ausschlüssen
• • Mit CSS gelöst! Logisches Styling basierend auf der Anzahl der empfangenen Artikel.
• • Spezifische Magie der Flexbox und der automatischen Ränder
• • Erstellen eines Entwurfssystems, Teil 2: Raster und Layout
• • 5 neue CSS-Eigenschaften und deren Verwendung

Javascript

• • Github.com weigert sich, jQuery zu verwenden und wechselt zu reinem JavaScript
• • Erstellen eines Statusverwaltungssystems in reinem JavaScript
• • Warum ist der neue V8 so verdammt schnell?
• • CSS in JS im wirklichen Leben

• Frameworks
  • • Ja, Sie sollten Vanilla JavaScript vor dem trendigen JS-Framework lernen.
  • • So verbessern Sie Ihre JavaScript-Kenntnisse, indem Sie Ihr eigenes Framework schreiben
  • • Reagieren vs. Vue (vs. Angular)
  

• Theorie:
  • • Informationen zu Generatoren in JavaScript ES6 und warum es optional ist, sie zu studieren
  • • Abenteuer des Pipelinebetreibers in babel @ 7
  • • Versprechen in JavaScript verwenden
  • • JavaScript-Tutorial für Anfänger
  • • Lassen Sie uns über das Semikolon in JavaScript sprechen
  • • Stateful Monaden in JavaScript: Teil 1 , Teil 2
  • • Rückrufe - Verbessern Sie Ihre Kenntnisse über rückrufbasierte APIs und lernen Sie deren Verhalten und Muster in JavaScript kennen
  • • So beenden Sie Rückrufe und beginnen zu leben
  

• Reaktion:
  • • React Basics (Lehrbuch, 2. Auflage)
  • • Render Requisiten anhand eines Beispiels lernen
  • • Tricks und Tipps für Reactjs SSR
  • • Finite-State-Maschinen in React
  

• Winkel:
  • • Angular v6.1 wurde verfügbar - TypeScript 2.9, Scroll Positioning und vieles mehr
  • • Winkel-Einweg-Wertbindungsmechanismus
  • • Grundlegendes zu einer großen skalierbaren Winkelanwendung mit @ngrx
  • • Angular 6 in eine progressive Web-App verwandeln
  

• Libs & Plugins:
  • • ndb - Verbessertes Node.js-Debugging über Chrome DevTools aktiviert
  • • excel4node - ein Modul für Node, das die Erstellung von Excel-Dateien vereinfacht
  • • jsQR - Bibliothek zum Lesen von QR-Codes in Bildern ohne Abhängigkeiten
  • • simple-data-table - einfache Bibliothek für die Arbeit mit Tabellen ohne Abhängigkeiten
  • • AddThis ist jetzt für AMP verfügbar
  

Browser

• • Was ist neu in DevTools in Chrome Version 68?
• • Warum das Öffnen von YouTube in Firefox oder Edge fünfmal länger dauern kann als in Google Chrome
• Veröffentlichung des Chrome 68-Webbrowsers
• In Firefox 63 wird ein verbessertes System zum Blockieren von Inhalten angezeigt
• Mozilla plant, die Unterstützung für RSS und Live-Lesezeichen aus Firefox zu entfernen
• Google Chrome empfiehlt den Übergang zu HTTPS
• Eine echte Metamask-Brieftaschenerweiterung wurde versehentlich aus dem Chrome Web Store entfernt, anstatt einer gefälschten
• Der im Mai im IE behobene kritische Fehler erforderte neue Patches und verursachte einen Speicherverlust

Unterhaltsam

• Apple-Nachgeschmack: Führungskräfte, Entwickler und Designer sind bereit, das Macbook zugunsten anderer Laptops aufzugeben
• Überprüfen Sie die Website auf "Läuse"
• Wenn Programmierer komisch werden: lustige Projekte mit Github
• Google-Entwickler haben Titan Security Key USB-Dongles zur sicheren Authentifizierung eingeführt
• Google Text & Tabellen führt die Grammatikprüfung mithilfe von Technologien für maschinelles Lernen ein
• Windows 10 führt maschinelles Lernen ein, um unvorhersehbare Systemneustarts aufgrund von Updates zu verhindern

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 .