Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 352 (11. - 17. Februar 2019)

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

Medien | Webentwicklung | CSS | Javascript | Browser

---

Medien

• • Frontend Weekend Podcast # 88 - Was sich für Sergei Popov im Laufe des Jahres geändert hat (Über die Schaffung von Liga A und das Problem von Front-Ends ohne Erfahrung)
• • Podcast "Web Standards", Ausgabe Nr. 161: Chrome 73 und CSS 2019, SVG, Tabellen, Raster und Schaltflächen, die Zukunft von Fotorahmen.
• • Podcast „devschacht“: 69: I. Frontend
• • Podcast „Frontend Youth (18+)“ # 83 Transfer zu Star Stack
• • CSSSR Podcast News 512 - Ausgabe 38 (09.02 - 15.02)
• • Turnier: „Das beste JS-Feature von 2018“ (TEIL 2)
• • Frontreview Podcast Nr. 5: Die richtige Zusammenfassung und das richtige Portfolio von Junior-Entwicklern
• • Ember.js: Dokumentarfilm (offizielle Veröffentlichung)

Webentwicklung

• • HTML haben wir verloren
• • Über Linter, Codequalität, Qualität im Allgemeinen und Qualitätsmanagement
• Ein kurzer Plan zum Studieren des Frontends oder # 100DaysKoda
• • HTML5 Boilerplate auf Version 7 aktualisiert
• • Bootstrap 4.3.0 . Die Veröffentlichung der neuen Version, die sich weigerte, jQuery zu unterstützen
• • Einführung in WebBluetooth
• • Vollständige Anleitung - Beschleunigen von Web-GIFs

• Leistung:
  • Verbesserung der Leistung von Web-Schriftarten anhand eines realen Beispiels
  • • Priorisierung von Ressourcen - Wir verwenden die Hilfe von Browsern
  • • Laden Sie Schriftarten und Prioritätspuzzles vor
  • • DOM-Leistungsbeispiel
  • • Drittanbieter-Web - Eine Auswahl mit kurzen Informationen zum Grad des Einflusses von Drittanbieter- Skripten auf Websites im Web
  

• Werkzeuge:
  • • Mit Webpack das Traumbündel sammeln
  • • Treffen Sie: pika / pack - eine neue Art, npm-Pakete zu verwalten
  • • Was ist neu in DevTools (Chrome 73)
  • • Puppenspieler - Mein neuer Entwicklungsserver
  

• Zugänglichkeit:
  • • Unheimlich A11y
  • • Tipps, um interaktive Elemente auf Mobilgeräten zugänglich zu machen
  • • Gestaltung der Schnittstellen der Zukunft: Inline SVG
  

• Spektakuläres Web:
  • • SVG-Filtereffekte. Teil 3. Bildposterisierungseffekt mit feComponentTransfer
  • • SVG-Filtereffekte. Teil 4. Zweifarbige Bilder mit feComponentTransfer
  • • SVG-Filtereffekte: Richten Sie Text mit <feDisplacementMap> an der Oberflächentextur aus
  • • Der Effekt des Füllens des Gitterhintergrunds mit Anime.js
  • Wasser und Zitronen - ein detailliertes Bild in reinem CSS
  
  

CSS

• • Neue Umfrage #StateOfCSS 2019 von den Machern von StateOfJS
• • Die dunkle Seite der Gitter (Teil 1)
• • Ein neuer Ansatz für Dienstprogramm-CSS-Klassen mit variabler Sichtbarkeit
• • Flexbox 10-Schritt-Anleitung
• • Konstruierte Stylesheets: Nahtlose wiederverwendbare Styles
• • Der Prozess der Implementierung des Benutzeroberflächendesigns von Grund auf anhand des Site-Headers als Beispiel
• • CSS-Selektoren Stufe 4
• • Eine Einführung in die Schriftmetriken mit einer detaillierten Erläuterung der Details der einzelnen Aspekte
• • Gitter oder Flex?
• • CSS Scroll Snap - wie es funktioniert
• • Was ist der Unterschied zwischen Flexbox und Grid?

Javascript

• • 10 Konsolenbefehle zur Diskussion von JavaScript-Code wie bei einem PRO
• • Robustes JavaScript: Jagd nach einem Mythos
• • Praktische Anwendung der AST-Baumtransformation am Beispiel von Putout
• • Informatik in JavaScript: doppelt verknüpfte Listen
• • 5 Möglichkeiten zum Erstellen von Echtzeitanwendungen mit JavaScript
• • So erhalten Sie 2019 JavaScript aus dem Internet
• • JavaScript: lustige Momente
• • Wie ich neue gesponserte Beiträge auf Facebook loswurde.
• • ES5 bis ESNext - all diese Funktionen wurden JavaScript seit 2015 hinzugefügt

• Theorie:
  • Alles, was Sie über Async / Warten wissen müssen. Schleifen, Flusskontrolle, Einschränkungen
  • • Staatsverwaltung . Eine Vortragsreihe bestehend aus fünf Videos von Ilya Klimov
  • • Visueller Leitfaden zu Definitionen und Anwendungen von JavaScript-Variablen
  • • JavaScript-Grundlagen zum Definieren und Poppen von Variablen
  • • Entdecken Sie reine Funktionen mit JavaScript
  

• TypeScript:
  • • clean-code-typescript - Für TypeScript angepasste Clean Code-Konzepte
  • • ReasonML vs TypeScript: Vergleich ihres Schreibsystems
  • • Verwendung von Typescript mit React und Redux
  

• Reaktion:
  • • Warum sind React Hooks so aufgeregt über mich?
  • • Erstellen einer React Autocomplete-Komponente von Grund auf neu
  • • Animation in Reaktion
  • • Reagiere auf mehrstufige Magie
  • • Alles was Sie brauchen, um einen benutzerdefinierten React Hook zu erstellen
  • • So erhalten Sie Unterstützung für Barrierefreiheit in React-Anwendungen
  • • Was ich aus dem Lernen gelernt habe Reagieren Sie in zwei Nächten, nachdem ich jahrelang mit Angular gearbeitet habe
  

• Winkel:
  • Angular Universal: Alles, was ein SEO-Spezialist wissen muss
  • • Verwalten Sie Bild-Haltepunkte mit Angular
  • • Angular Console Tour
  • • Erstellen Sie einen Tooltip für Angular CDK
  

• VueJS:
  • • VueJS 3.0: Revolution? . Meinung von Ilya Klimov
  • • Erstellen eines SPA auf Vue.js für den Verkauf von T-Shirts
  • • Verwandeln Sie statische SVG-Zeichnungen mit Vue.js in interaktive Widgets und Infografiken
  

Browser

• • Mobile Opera hat ein kostenloses VPN
• Einführung einer neuen Opera-Browseroberfläche
• Browser Samsung Internet Browser hat den Meilenstein von 1 Milliarde Downloads im Google Play Store überschritten
• Microsoft-Mitarbeiter: Verwenden Sie standardmäßig nicht den Internet Explorer
• Chrome unterstützt Links zu einzelnen Wörtern und Phrasen im Text
• • Mutige Speicherersparnis: 33–66% weniger als bei Chrome
A. A.

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 .