Die Verdauung von frischen Materialien aus der Welt des Frontends in den letzten zwei Wochen Nr. 330 (3. - 16. September 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

• • Podcast „Web Standards“, Ausgabe Nr. 138: 17. September 2018 : 10 Jahre Chrome, der eine URL, eine Kaskade, einen Cursor auf Schaltflächen, Mikro-Benchmarking, DOM bei Arbeitern, JS 2018 benötigt
• • Weekly Vue Podcast: Weekly Vue # 3 , Weekly Vue # 4
• • Frontend Weekend Podcast # 69 - Ruslan Kaimakov über den Aufbau einer Karriere als Marktführer in der Entwicklungswelt, # 70 - Gleb Mikheev über die Entwicklung einer eigenen Produktionsagentur und die Vorbereitung von Frontend Conf
• • Reagiere auf den fünfminütigen Podcast # 47 - Elm 0.19
• • Podcast „Devshahta / Night Frontend“: 49: Vue.js 2,5 Jahre in Produktion - normaler Flug , 50: Auswärtspythonist: Wie und warum man in Python eintaucht
• • Podcast Frontend Youth (18+) # 63 Was ist mit WSD passiert?
• • CSSSR Podcast, News 512 - Ausgabe Nr. 21 (10. September - 16. September)
• • Vadim Makeev Video Blog: Nr. 1. Pilot, Analyse, Antworten und Live , Nr. 2. CSS-Minsk-JS, Mitaps, die Zukunft des Frontends und der Hauptseite

Webentwicklung

• • BEM sollte nicht existieren
• • Verwenden von SVG mit Medienabfragen
• • HTML-Elemente, machen Sie sich bereit! Voltrons Fähigkeiten im Kontext einer Kombination von Elementen

• Leistung:
  • • Weboptimierung: Das Wichtigste
  • • Verbesserung der Clientleistung . Spickzettel für grundlegende Optimierungstechniken
  • • Checkliste zum Herunterladen von Schriftarten
  

• Werkzeuge:
  • Neue Pull-Request-Funktionen zur GitHub-Erweiterung für Atom hinzugefügt
  • • GitHub-Pull-Anforderungen in Visual Studio-Code
  • • 6 Tipps für VSCode-Tipps ... in 60 Sekunden (von Paul Lewis)
  

• Zugänglichkeit:
  • • Der einfachste Weg, um Ihre Webanwendungen zugänglich zu halten: Verwenden Sie einfach Text
  • • Wie markiert man ein Akkordeon?
  • • Die Bedeutung manueller Verfügbarkeitstests
  • • Anpassung von Optionsfeldern, ohne deren Verfügbarkeit aufzugeben
  

CSS

• • iOS CSS des Todes
• • Kurzanleitung für CSS-Variablen (Anwendungsfälle, Syntax und Beispiele)
• • Verbesserte Effekte mit dem Mischmodus für CSS-Hintergrundebenen
• • Das Feld zum Hochladen von Dateien, das wir verdienen
• • Schlecht, aber meins: wie man wirklich schreckliches CSS schreibt
• Niemand kennt CSS: Spezifität ist keine Kaskade
• • Neu in Chrome 69: Erstellen Sie einen kreisförmigen Fortschrittsbalken mit sich verjüngenden Verläufen
• • Verwendung von 2D-Transformationsfunktionen in CSS
• • Einführung in Trashy.css - Eine einfache Möglichkeit zum Durchsuchen der Seitenstruktur
• • Vollständige CSS Scroll Snap-Anleitung
• • Bei der Aufgabe von CSS geht es um Ausnahmen, nicht um Technologie
• • : leer und: leer
• • Erstellen eines Gleiteffekts mit Position Sticky

Javascript

• Rekursion für Unerfahrene
• Grundprinzipien der objektorientierten Programmierung in JavaScript
• • State Of JavaSript 2018 , eine aktuelle Umfrage unter JS-Entwicklern zum Stand der Branche
• • Wir feiern 10 Jahre V8
• • JQuery aus dem GitHub.com-Frontend entfernen
• • 12 Dinge, die bei der Evaluierung einer neuen JavaScript-Bibliothek zu beachten sind
• • Ich habe die gleiche Anwendung für React and Vue erstellt. Teil 2: Winkel
• • 100% korrekter Weg, um Ihren Code mit Webpack zu teilen
• • Javascript Flusen und Formatieren mit ESLint, Prettier und Airbnb
• • Was macht ReasonML so cool?
• • Auftauchen in modernem JavaScript - let, const und var

• VueJS:
  • • So erstellen Sie ein SPA mit Vue.js.
  • • Erstellen von VueJS-Anwendungen mit TypeScript
  • • Generische Anwendungscodestruktur in Nuxt.js
  • • Vuesax - neues Komponenten-Framework für Vue.js 2
  • • Lazy Laden von Bildern mit den Anweisungen Vue.js und IntersectionObserver
  

• Reaktion:
  • • Eine bequeme Möglichkeit zum Testen von React-Komponenten
  • • Reagieren, Webpack und Babel von Grund auf neu
  • • Einführung in die Verwendung von Formularelementen in React
  • • So implementieren Sie das beste Drag & Drop in Ihrer React-App
  

• Winkel:
  • • Angular 6 Referenz: Vorlagen , Kernel
  • • Wir pumpen das Web mit PWA . Progressive Web Apps + Angular = Liebe
  • • Angular 6-Handbuch: Neue Funktionen mit neuen Funktionen
  • • Vergleich von Angular und React sowie deren Kernsprachen
  

• Libs & Plugins:
  • • low.js - Node.JS-Port für eingebettete Geräte
  • • sqorn - Javascript-Bibliothek zum Erstellen von SQL-Abfragen
  

Browser

• • Bild-in-Bild-Modus in Chrome 69
• • Google möchte URLs töten
• Firefox 62 wurde veröffentlicht: Neue Sicherheitstools und Einstellungsoberfläche sowie technische Details für Entwickler im Blog von Marat Tanalin
• Chrome 69 wurde mit einem neuen Design, einem verbesserten Passwort-Manager und einer Omnibox herausgebracht
• Der Chrome-Browser ist 10 Jahre alt
• Microsoft hat versucht, Edge aggressiver zu bewerben
• Google hat das Ausblenden der Subdomains www und m abgebrochen, beabsichtigt jedoch, deren Sonderstatus zu standardisieren
• Firefox unterstützt die Seitenübersetzung mit Google Translate
• • Chrome 70 Beta: Formerkennung, Webauthentifizierung und mehr
• • Ein Einblick in einen modernen Webbrowser: Teil 1 , Teil 2
• • Chrome Redesign: Interview mit Lead Chrome Designer

Unterhaltsam

• Python lehnt auch die Begriffe Master / Slave teilweise ab
• Der Facebook Glow-Compiler wird von Intel, Marvell und Qualcomm unterstützt
• Google hat die Google Fotos-API für Entwickler von Drittanbietern geöffnet
• Die Person ist nicht so wichtig wie ihre Daten!
• September-Ranking der Programmiersprachen von TIOBE: Python erreichte erstmals den 3. Platz
• Wie man aufhört, andere Entwickler wütend zu machen
• Was sind einige typische Programmierfehler, die Neulinge machen - Experten antworten

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 .