Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 333 (1. - 7. Oktober 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

• • Angular Five Minute Podcast # 12 - Schlacht, App für die reale Welt, Render Requisiten, Sowjet, ng v7 Beta
• • Frontend Weekend Podcast # 73 - Anna Selezneva über die Geschichte des emotionalen Burnouts, die Auswahl einer Stadt zum Arbeiten und die Suche nach sich selbst
• • "Devshahta ist ein Podcast": # 52: Node.js im Backend - Mythos oder ernsthafte Notwendigkeit?
• • Podcast-Webstandards, Ausgabe Nr. 141: Browser und Erweiterungen, Vue.js 3.0-Pläne, Farbscrollen, Frontend in Kharkov
• • Youth Frontend Podcast (18+) # 67 Chronische JavaScript-Prostatitis
• • Vadim Makeev Videoblog №4. Navigation, Designer und Code, Relevanz, Front-End-Maden und Frameworks
• • 3 Videos von der KharkivFrontend Summer Conference
• • SmashingConf Toronto 2018, 11 Videos
• • Full Stack Fest 2018, 34 Videos

Webentwicklung

• Node.js Foundation und JS Foundation geben Fusion bekannt

• Werkzeuge:
  • • Die 10 besten VS Code-Erweiterungen von 2018 für Front-End-Entwickler
  • • Simulieren Sie mobile Geräte mit dem Gerätemodus in Chrome DevTools
  • • Projektexplorer: CLI-Visualisierungstool für jedes Projekt in Form eines Baums mit Anmerkungen
  

• Zugänglichkeit:
  • • Schnittstellenverfügbarkeit Yandex Vortrag
  • • So stellen Sie den Block "Allgemeine Geschäftsbedingungen" zur Verfügung
  • • Wie wir das Menü in Basecamp 3 verfügbar gemacht haben
  • • Über das Schreiben guter Textalternativen
  

• Animation:
  • • Multibox-Menü - eine animierte Navigation, die aus mehreren Blöcken besteht
  • • Bewegen Sie den Hintergrund mit dem Mauszeiger
  

CSS

• • Was passiert beim Erstellen eines Flexbox-Containers?
• "Streit um leeren Raum" und eine Änderung der Auswahl 4 Ebenen
• Das erste (und seltsame) öffentliche CSS-Bildlaufleistenmodul
• • CSS-Debugging und -Optimierung: Im Browser integrierte Entwicklertools, Tools zur Messung der Codequalität , Minimierung mit CSSO
• • Allgemeine Anwendungsfälle für Flexbox
• • Erstellen Sie flexible Layouts mit Flexbox
• • Sass-Selektoren: investieren oder nicht investieren?
• • Scribble-Font - Schriftart zum Erstellen von Scribble-Schriftarten für Prototyping und Wireframing
• • Gestaltete Bilder stylen
• • So organisiere ich CSS in großen Projekten mit UFOCSS - Teil 2

Javascript

• Erstellen Sie ein einfaches Spiel auf Vanilla JS
• • In JavaScript erläuterte funktionale Programmierung: Fusion & Transduction
• • So beenden Sie die Verwendung von console.log () und starten die Verwendung des Debuggers in Ihrem Browser
• • Warum sollte jeder unerfahrene Front-End-Entwickler über die Publisher-Subscriber-Vorlage Bescheid wissen müssen? AKA: Wie man asynchronen JS-Code auf die am wenigsten schmerzhafte Weise versteht
• • Taschenhandbuch zu: Funktionen in JavaScript , Prototypen in JavaScript
• • Vergleich des Server-Renderings in Anwendungen auf React und Angular

• ES2015 +:
  • • HTTP203: Vorschläge für eine neue Syntax für JS im Jahr 2018
  • JavaScript ES6: Schwachstellen
  • • Eine praktische ES6-Anleitung zum Erstellen einer HTTP-Anforderung mithilfe der Fetch-API
  • • JavaScript-Pfeilfunktionen: Wie, wann (und wann nicht), um sie zu verwenden
  

• VueJS:
  • • Pläne für die nächste Version von Vue.js
  • • Warum ich Vue.js anstelle von React gewählt habe
  • • Die Freude am Erstellen von Vue-Typoskript-Anwendungen - Teil 1: Komponenten der Vue-Klasse
  • • Erstellen eines SPA-Klons der Google-Suche für Vue und Flask
  • • Unit-Test Ihrer ersten Komponente auf Vue.js.
  • • Tiefes Eintauchen in die neuen Vue Devtools v5.0
  • • Kostenlose Admin-Vorlagen auf vue.js und Bootstrap
  

• Reaktion:
  • • Reagieren Sie auf die Anwendungsentwicklung mit ReasonReact
  • • Erste Schritte mit React- und GSAP-Animationen
  • • Reagieren Sie / JSX als serverseitige Vorlagensprache
  • • Tod durch tausend Schnitte - Checkliste zur Behebung beliebter Leistungsprobleme bei Reaktionen
  • • 9 Reagieren Sie 2018 auf UI-Bibliotheken für gestaltete Komponenten
  • • So erstellen Sie mit Preact in 5 Schritten ein PWA-Spiel
  • • Testen von Komponenten in React: Was und wie mit Jest und Enzyme zu testen
  • • Diese React-Grundlagen, die Sie verpasst haben, können für Sie tödlich sein.
  • • Migration von Angular zu React
  • • Lehren aus der React / Redux-Langzeit-SPA-Anwendung
  • • Reagiere auf Podcast 23: Ditch Authority mit Sunil Pai
  

• Winkel:
  • • Best Practices für eine saubere und produktive Angular-Anwendung
  • • Verwendung von Animationen in Angular 6
  • • So erstellen Sie eine Nachrichten-App mit Angular 6 und Material Design
  • • Vereinfachte Unit-Tests in Angular
  • • Erkundung von Drag & Drop im neuen Winkelmaterial-CDK
  • • Worauf Sie bei der Migration von AngularJS auf Angular 2.0+ achten müssen
  

• Libs & Plugins:
  • lvovich - Deklination von Städtenamen, Geschlechtsbestimmung nach Namen, Deklination von Namen nach Fällen
  • • Cogear.JS - ein moderner statischer Generator
  • • imgToAscii - JavaScript-Implementierung der Bildübersetzung in Ascii-Code
  • • Frettchen - ein Web-Scraping-System zur Vereinfachung der Datenextraktion aus dem Web für nachfolgende UI-Tests, maschinelles Lernen und Analysen
  

Browser

• Einführung eines neu gestalteten Firefox Focus-Webbrowsers
• Firefox unterstützt das WebP-Bildformat
• Mit Google können Sie "Assassin's Creed Odyssey" direkt in Chrome spielen
• • Chrome 70 - Was ist neu in DevTools?
• • Google hat die Anforderungen für Chrome-Erweiterungen geändert
• • Was ist neu in Microsoft Edge? Aktualisiert auf Windows 10. Oktober 2018 Update

Unterhaltsam

• Microsoft hat das Programm Your Phone eingeführt, um Android-Anwendungen auf einem Computer auszuführen
• Microsoft hat MS-DOS 1.25 und 2.0 auf GitHub veröffentlicht
• Die Veröffentlichung von WordPress 5.0 ist für den 19. November 2018 geplant.
• Microsoft hat Windows 10 aktualisiert. Was ist neu?
• Microsoft ist der neue Apple. Meinung
• Eine Auswahl esoterischer Programmiersprachen
• Die nächste Version von Wi-Fi heißt Wi-Fi 6
• Mit Cloudflare- und Microsoft-Zertifikaten signierte Phishing-Formulare
• In Git wurde eine Sicherheitsanfälligkeit behoben, die zur Ausführung von Angreifer-Code führen kann
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 .