前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 336（2018年10月22〜28日）

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

メディア | Web開発 | CSS | Javascript | ブラウザ

---

メディア

• ポッドキャスト「Web標準」、 ベルリンのイベント、Webコンポーネント、デスクトップ上のPWA、StyleguidistとJSS、CSS-in-JS。

• フロントエンドウィークエンドポッドキャスト＃76-Angular Developersの指導を始めた方法と理由に関するIvan Botanov

• CSSSR Podcast News 512-Issue 26（10/ 22-10 /28）

• ポッドキャストフロントエンドユース（18+） ＃70キャプテンフックアンドザキャット

• Radiojs Podcast、 Issue 53：提案、提案、提案、またはワークショップの結果

• Devshahta Podcast： ＃54：HolyJS 2018モスクワで聴くべきこと

• ヴァディム・マケエフのビデオブログ№7。 KFC、SVG、および余分なbase64、有害な型の可用性

• JavaScript Jabber 336：「ESLintの起源」とニコラス・ザカス

• React Podcast＃26：ブラッドフロストでリラックスして聴く

• Node Ukraine 2018-トーク 、8ビデオ

• キエフのWSD、2018 、オンライン放送録画

• React Conf 2018、28ビデオ

ウェブ開発

• 上位レベルのフロントエンドアーキテクチャ。 ヤンデックス講義

• 配布して征服する：レイアウトを今すぐ

• 心に残る実用的なWebアクセシビリティルール

• 2018年の典型的なウェブサイト 、皮肉なデモ、 コードペン版 、 ウェブサイト版

• ツール：
  
  • Chromeデベロッパーツールでアニメーションインスペクターを使用する
  
  • プロのデバッグのための10のコンソールトリック
  
  • フロントエンド開発用の注釈付きwebpack 4構成
  
  • Siteaudit：ターミナルから直接サイト（Pagespeed、Lighthouse、A11y）を監査します
  
  

CSS

• CSSバックグラウンドグラデーションを使用して生成された図形。

• 比例インターフェースを作成する

• CSSセレクター属性を使用してHTML DNAに参加する

• CSSアニメーションで普通から異常まで

• 機能的なCSSでスタイリングを簡素化

• 間違って<em>を使用しています

• MacOS MojaveでCSSでダークモードを使用する

• CSS設計エラーの不完全なリスト

• 100日間のCSSチャレンジ

Javascript

• ES2018-最後に約束した方法

• ReportingObserver API：Webページのコードを新しい視点から見る

• V8 7.0エンジンをサポートするNode.js 11.0がリリースされました

• JavaScriptの状態 。 Web上のJavaScriptの現在の状態に関するAddy Osmaniのインタビュー

• JavaScriptがページの読み込み時間に与える影響を減らす方法

• HTML＆CSS、ES6クラス、クロージャーを使用してGoogleマップのカスタムマーカーを作成する方法

• 作成を停止する必要がある3つのJavaScriptパフォーマンスエラー

• GraphQL：PayPalチェックアウトの成功事例

• TensorFlow.jsでMortal Kombatをプレイします。 転送学習とデータ増強

• Intl.RelativeTimeFormat API-現在の時刻に関連する日付と時刻の処理

• 理論：
  
  • JavaScriptカリー関数
  
  • プログラミングに関する100のビデオ講義
  
  • typeof Everythingとカモの誤解
  
  • typeofによるタイプチェックについて
  
  • JavaScriptについて：モック、スタブ、およびインターフェイスの正直な紹介
  
  • JavaScriptの高階関数を理解する
  
  

• 反応：
  
  • React 16.6の新機能
  
  • React 16.6：機能コンポーネントのレンダリング制御用のReact.memo（）
  
  • React Hooksを使い始める
  
  • React Profilerを使用したパフォーマンス
  
  • ReduxでReactのパフォーマンスを破る
  
  • Reactの純粋な機能コンポーネント
  
  • レンダリングの小道具とHOCを理解する
  
  • 機能的反応。 可能ですか？ HOCでの関数型プログラミング手法の学習
  
  • Reactでスケルトンコンポーネントを作成する
  
  

• 角度：
  
  • Angular 7および仮想スクロール
  
  • Angular v7はリリースされましたが、7.1.0がリリースされます
  
  • 現実世界の反応性角形
  
  • AngularおよびReactアプリケーションの国際化-比較
  
  • HERE Routing APIを使用した角度付きアプリケーションでのアイソラインルーティング
  
  

• VueJS：
  
  • シャードダッシュボードvue
  
  • Vue.jsでGraphQL突然変異を使用する
  
  

• ライブラリとプラグイン：
  
  • lazy-brush-マウス、指、またはポインターのあるデバイスで線をスムーズに描画
  
  • percollat​​e：WebページをフォーマットされたPDFに変換するコマンドラインツール
  
  • IronDB-ブラウザーのバックアップキーストア
  
  

ブラウザ

• Firefox 63：新しいWebコンポーネントAPI、フォントエディター、CSS抑制

• Firefoxはおそらく組み込みの有料VPNアドオンで収益化されます

• Firefox 63ブラウザー拡張追跡保護機能拡張サーフプライバシー

• Mozillaは、ProtonVPNサブスクリプションをFirefoxに統合し、サービスのWebサイトから直接よりも高い価格で提供します

• Windows 10 October 2018 UpdateのMicrosoft Edgeの新機能

入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、我々はすぐにそれらを修正しようとします。

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。