前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.308（2018年3月26日-4月1日）

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

いいえ、 あなたが思うかもしれませんが、フロントエンドダイジェストの作業を（少なくとも近い将来に）停止しません。 ただし、すべてのジョークにはほんの一部しかありません。 子どもについては、熱意と時間の不足が非常に誠実に書かれていました。 週に6〜8時間の個人的な時間を見つけることはますます難しくなっていますが、今のところは継続します。 前回の投稿とPMのコメントにあるサポートの言葉と感謝に感謝します。 実際、これは私たちが継続する動機になります。

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• フロントエンドウィークエンドポッドキャスト＃46-Yandex ReactとAlpha Lab実験に関するVitaly Green
• ポッドキャスト「Web Standards」第114号： Safari 11.1と20年のMozilla、CSSの仕様とW3Cへの信頼、表示のニュアンス：コンテンツ、テキスト配置、ESモジュールはこちら、新しいアイテムWebStorm、React v16.3.0、V8およびweb Node.jsのソケット、業界の写真。
• devschachtポッドキャスト： Night Frontend＃28：CodeFest2018。DayOne
• ポッドキャスト「Frontend Youth（18+）」 ＃43口がきけないのに自分が吸盤であることを理解する方法
• デブリーフィングポッドキャスト、 エピソード156-RP：Frontend-JavaScript and Memasics
• 「すべてのHTML」＃42： 「GPUおよび正弦波での3D絵文字アニメーション」
• JavaScript fwdays'18 、キエフでの最近の会議からの22のビデオ
• PiterJS 23（ITGM 12）の結果 ：イベントのビデオ、スライド、写真

ウェブ開発

• 2018年にフロントエンド開発者になる方法
• フレームワークとしてのネイティブ検証。 Yandexでの講義
• フロントエンドデバッグ：HTML / CSS
• Googleは、モバイルページの優先インデックスの広範な開始を発表しました
• プログレッシブWebアプリ：Webアプリケーションとモバイルアプリケーションのギャップを埋める
• iOSのプログレッシブWebアプリはこちら
• マルチブラウザ、マルチプラットフォームの世界にファビコンを追加する
• データを含む便利でアクセス可能なテーブルの作成、包括的コンポーネントに関する詳細な記事

• アニメーション：
  • 異常なドロップダウンメニュー効果
  • SVGの放射状プログレスバーのアニメーション
  

CSS

• CSS-2018：W3Cは、「青信号」を与える機会を選択します
• 新しいCSS型付きオブジェクトモデルの使用
• 表示方法：コンテンツ;
• CSSのブールプロパティと値について
• タイポグラフィに対する線の高さのマイナス効果のトリミング
• CSSライティングモードの実験
• フォーカスのスタイルに焦点を当てます。
• CSSを使用して解決しました！ 色付けSVG背景
• CSS変数とCSSグリッドを備えた強力なレイアウト

Javascript

• GoogleはJavaScriptスタイルガイドを公開しました。 そこからいくつかの重要な教訓があります。
• サードパーティスクリプトの最適化-パフォーマンスを改善できる方法
• JavaScriptを14分で ：JavaScriptの主要な側面を支援するインタラクティブなガイド
• JavaScript単体テスト

• フレームワーク
  • JavaScriptエコシステムの概要（2018）
  • 現実世界の最新のフロントエンドフレームワークの比較を更新
  • JavaScriptライブラリとフレームワークの状態：2018以降
  • 最新のJavaScriptフレームワークが存在する主な理由
  

• 理論：
  • JavaScriptのクラスとファクトリー関数。 何を選ぶ？
  • ES6：役に立つヒントとコツ
  • JSでvoidを使用します 。 なぜ、どのように？
  • 今日の明日のESモジュール！
  

• VueJS：
  • Vue.jsを使用するための4つのヒント
  • Vue.jsでjQueryを忘れる（パート1）
  • NativeScriptでVue.jsを使用するための簡単な紹介
  • Vue.jsソースコードに深く浸る
  • 反応性には多くの顔があります。 Frontend LoveおよびVueJS Amsterdamカンファレンスに関する考察
  • Vue.jsカンバンボード：開発プロセス
  • React後のVue：Reactの知識を使用してVueでアプリケーションを構築する
  • Vue.jsを使用してPWAを作成する
  

• 反応：
  • React v.16.3.0リリース
  • React Codeスタイルガイド
  • React Router 4：実践ガイド
  • 例でのReact Render Propsの理解
  

• 角度：
  • AngularとAuth0による認証
  • Angular Dependency Injectionツリーについて常に知りたいこと
  • Angularを使用する20の主な理由
  

• ライブラリとプラグイン：
  • 11機械学習用のJavascriptライブラリ
  • dinero.js-金額を作成、カウント、フォーマットするための不変のライブラリ
  • is-thirteen-値が13と等しいかどうかをチェックするためのnpmパッケージ
  

ブラウザ

• MozillaはFacebook Containerを提供しています-Facebookを他のサイトから確実に分離するFirefoxの拡張機能
• Googleは、Chrome 66のベータ版をリリースしました
• Chromeの拡張機能を作成する方法

おもしろい

• WebStorm IDEのSpringアップデートがリリースされました
• 2018年3月に最も人気のあるプログラミング言語の次の評価が公開されました
• Mozilla Projectは20歳になります
• Google：サイトの品質を改善するための仕事の後、すぐに結果を期待しない
• 私は平凡な開発者です（これに対処する方法）
• ニューラルネットワークはエイプリルフールのいたずらを発明することを学びました
• 意見：あらゆる場所にAIが存在する場合、社会はどのように変化するか
• エイプリルフールのIT企業からのジョークのセレクション
• 2018年エイプリルフールのジョークのセレクション
• アヒル、ミーム、角-有名な会社は4月1日に何を作りましたか？
A.

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

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