前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 346（2019年1月1〜6日）

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

メディア | Web開発 | CSS | Javascript | おもしろい

---

メディア

• ポッドキャスト「Web Standards」 第155号：Patreonの成功、UX、SVGフィルター、スクリーンキャスト、ESからのクラスフィールド、モノリポジトリへの責任と責任。
• ポッドキャスト「Web標準」 第154号：ポッドキャストの認識、パトレオン、クリスマスデコレーション、セキュリティ、エッジ、JSのニューロン、イタリアのフロントエンド、韓国の心とシャンパンのスプラッシュ。
• Devshahtaポッドキャスト： ＃63：大 ve日。 ゲストとして-Vadim Makeev

ウェブ開発

• AMP専用サイトの作成に関するジョンミュラー
• 2019年のReactに最適な静的サイトジェネレーター
• 2019年のWebサイト開発の費用はいくらですか？
• Static Site Boilerplate ：最新の静的サイトを作成するためのツール-自動アセンブリ、ローカル開発サーバー、最小化と最適化、および静的Webサイトの最新標準
• 認証にJSON Web Tokens（JWT）を使用する方法を学ぶ
• PageSpeedモジュール：自動モードでのサイトの速度の大幅な向上
• VSコードのスニペットを作成する方法

• アクセシビリティ：
  • 含まれるコンポーネント：スイッチ 。 Haydon Pickeringのトグルボタンの翻訳
  • ビヨンセのパークウッドエンターテインメントは、（アクセスできない）ウェブサイトにより訴えられました
  • 可用性-ネットワークステータス 。 ChromeアクセシビリティチームのNektarios Paisiosへのインタビュー
  

• 壮大なウェブ：
  • 勾配マップを使用してSVGフィルターを作成するためのツール
  • CSS3およびVanilla JavaScriptのHTML5 SVGアニメーション
  • 2018年のCodePenで最も気に入った作品
  • three.jsを使ったクリスマスコンポジション
  • three.jsのCrossy Roadゲーム
  

CSS

• 毎日4つのCSSチップ
• CSSを学ぶ方法
• デザイナー向けのCSSグリッド 。 新しいテクノロジーがウェブ上のレイアウトをどのように変えるか
• シンプルなCSSアニメーションガイド
• 設計システムに関する簡単なCSS監査と一般的な注意事項
• 複数行テキストの背景グラデーション

Javascript

• 指でのJavaScriptスロットルの実装-スクリーンキャスト
• JavaScript Yコンビネーター
• サードパーティのNode.jsモジュールの危険性
• 2019年に学ぶべきJavaScriptフレームワークと分野
• 10の簡単な方法で最新のJavaScriptを学習する
• Service Workerとのバックグラウンド同期
• TensorFlow.jsを使用したJavaScript AI

• 理論：
  • KPIのJavaScriptとNode.jsの講義コース
  • JavaScriptループでasync / awaitを使用する方法
  •JavaScriptの簡単な歴史。 パート1 、 パート2
  • JavaScriptでvar vs let vs constを使用する場合
  • 知っておくべきES6の機能
  • JavaScriptオブジェクトのクロニクル
  

• VueJS：
  • 2018年のJavaScriptの状態：Vue.jsのレビュー
  • 2019年のvue.jsインタビューで何が求められますか
  • 2019年にVue.jsを学ぶ7つの理由
  • Vue.js + Nuxt + Markdownを使用したブログとポートフォリオサイト
  • Vueの最後の既知のルートの保管と使用
  • Vue.jsのベストプラクティス。 ベストプラクティスとスタイルガイドの選択
  • Hooper：Vueアプリ用のカスタマイズ可能なカルーセル
  • D3.jsおよびVue.JS
  

• 反応：
  • 基本的なReactの知識を持つ初心者向けNext.js
  • React.lazyとSuspenseを使用してアプリケーションコードを分割する
  • React Application SEOを強化するための3つの必須ツール
  • ReactアプリケーションのユニバーサルWebpack構成
  • React Routerを使用したフラクタルパス
  

• 角度：
  • どこでも動作する再利用可能なアコーディオンコンポーネントの作成
  • Nxを使用して独自のAngular CLI回路図を作成する
  • AngularとGoogle APIを使用したプログレッシブWebアプリケーション
  

• ライブラリとプラグイン：
  • FBT-ユーザーインターフェイスの国際化のためのFacebookのフレームワーク
  • Readlint-共通の構成を使用して、READMEドキュメントのすべてのコード例をlintit
  • omn​​iclone-オブジェクトのディープコピー用の同形でカスタマイズ可能なユーティリティ
  

おもしろい

• 2018年のSEO結果：ウェブサイトの品質、銀行内の有機物とクモに対する差別
• 2018年の最も重要なイベント
• Opera 12スタイルのインターフェースを備えたOtter 1.0 Webブラウザーの安定したリリース
• Amazon Empire-オンラインジャイアントのすべての部門のリスト
• 8K、VR、ホログラム：明日のテレビはどのようになりますか？
• ネットアプリケーション：2018年12月、Windows 10はデスクトップOSの市場シェアに関してWindows 7を上回りました。
• MIT：2019年、ブロックチェーンは「退屈」になります
• 株主の結果：2018年の世界最大のIT企業の価値はどのように変化したか
• マーク・ザッカーバーグにとって2018年が最悪だったのはなぜですか。無料インターネットにとってそれはどういう意味ですか？
• ビデオ：Microsoftが2009年に2019年に見たテクノロジー
A.

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。