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

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

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

---

メディア

• ポッドキャスト「Devshahta / Night Front End」 73：矢印関数とNode.jsの実験モジュールに関する質問

• CSSSRポッドキャストニュース 512- 第43号（3月16日-3月22日）

• フロントエンドユース（18歳以上）ポッドキャスト＃88社がオープンソースを破壊

• ポッドキャスト「proConf」＃2、フロントエンドCon 2018 。 ポッドキャストでは、進行役がHighload ++からBulbaconまでの技術会議について話し合います。

• すべてのHTML＃s2e7： 飛行の三角形

• HTML Academyのmitap＃3で ：Andrey MelikhovとAlexei Simonenkoとのフロントエンドのジュニアについてのライブディスカッション

ウェブ開発

• 「フロントエンドから抜け出す時です」：アンドレイ・シトニックは、コミュニティの停滞、オープンソース、そして

• フロントエンドクラフト

• フロントエンド開発のトップ5メガトレンド

• Web開発トレンド2019

• Mailtoのすべて：リンク

• Webコンポーネントに関する一連の記事 ：カスタムコンポーネントのゼロからの導入と作成から、ShadowDOMと高度なツールによるスタイルと構造のカプセル化まで

• 既存のサイトからプログレッシブWebアプリケーションを作成する方法

• パスのSVGサークル分解

• フェノメナでスクロールするときにスムーズなWebGLトランジションを作成する方法

• 性能：
  
  • プリロード、プリフェッチ、およびその他の<link>タグ
  
  • サードパーティのスクリプトのパフォーマンスへの影響の測定
  
  • F1で最速のサイトを持っているのは誰ですか？
  
  • 世界最速の会議サイトを作成した方法
  
  • 注意すべき10のWebパフォーマンスインジケータ
  
  

• アクセシビリティ：
  
  • アクセシビリティとは何ですか？ 関連セクションのMDNへの翻訳
  
  • アクセス可能なウェブサイトとアプリを作成することは道徳的義務です
  
  • 初心者向けのWebアクセシビリティ
  
  

CSS

• 訪問したリンクのフォントサイズを設定できないのはなぜですか？

• CSSで、誰も私に言ったことがないこと。

• CSSを使用したSVGフィルターの追加

• 折り畳まれたボーダー 。 ボーダースタイルを組み合わせるための創造的なオプションについてのEric Meyer。

• CSSは三角関数を取得して、Web開発者がJavaScriptを回避できるようにします

• CSSグリッドを使用した複雑な分割

• CSSのぼやけた境界線

• CSSスコープ

• CSSでのワードラップについて知っておくべきこと

• Flexulator - Flexboxを使用したスペース割り当て計算機

• 最後に、CSSソリューション：タッチスクリーン上でのホバー

• HTMLの周期表（CSSグリッドを使用して構築）

Javascript

• Webpackと高度なWebテクノロジーを使用したシンプルでモダンなJavaScriptアプリケーションの開発

• JavaScript仕様のホームページ

• バニラJavaScriptでのRxJSコンセプトの紹介

• JavaScriptを使用して、ユーザーが好む配色を決定する方法

• 理論：
  
  • JavaScriptでSymbolデータ型を使用する機能
  
  • JavaScriptでのクイックソートの実装
  
  • 矢印関数は嫌いではありませんが...
  
  • 目の肥えたWeb開発者向けのJSに関する書籍と記事のリスト。
  
  

• 反応：
  
  • ジュニアフロントエンドのテストケースをTypeScriptと反応フックに書き直す
  
  • ミドルウェアなしの非同期Redux-ES2017を使用
  
  • React Router v5リリース
  
  • React入門（2019）
  
  • Reactについて、その研究に1か月を費やしてから学んだこと （Angular開発者の観点から）
  
  • 手頃な価格のReact Routing
  
  • 反応状態：賢明な選択
  
  • React Native、Google Vision API、およびCrowdboticsを使用してリアルタイムのロゴ検出アプリを作成する方法
  
  

• VueJS：
  
  • Vue 2.6.6リリースパート1
  
  • Vueの計算プロパティ、メソッド、ウォッチャーの違い
  
  • Webpackを使用してVue.JSでバンドルサイズを縮小する方法
  
  • Vuexに深く浸る
  
  • TradingVue.js-トレーダー向けの拡張可能なチャート作成ライブラリ
  
  • TypeScriptを使用してクラスベースのVue.jsアプリケーションの作成を開始
  
  • Nuxt.js：ハイブリッドVue.jsアプリケーションを作成するための最小限のフレームワーク
  
  • エヴァンユー -Vue コミュニティ 、VueJSアムステルダム2019
  
  

• 角度：
  
  • Angularでアプリケーションを最適化するためのヒント
  
  • Angularアプリケーションのデバッグのヒント
  
  • 開発されたAngularライブラリをNPMで公開するにはどうすればいいですか？
  
  

• ライブラリとプラグイン：
  
  • construct-js-バイトレベルのデータ構造を作成するためのライブラリ。
  
  • fromfrom-データのシーケンスをある形式から別の形式に変換するためのライブラリ
  
  • CrumbsJS ：ES6バニラで書かれた軽量のライブラリで、Cookieとローカルストレージで動作します。
  
  

ブラウザ

• Firefox 66：沈黙の音

• Firefox 66リリース ：音声付きのビデオのブロック、スムーズなスクロール、タブ検索。 さらに、 Marat Tanalinのブログの開発者向けの詳細

• Operaは組み込みのVPNを備えたAndroidブラウザをリリースしました

• MozillaはiPad用の新しいFirefoxブラウザをリリースしました

• Googleは、ヨーロッパのAndroidユーザーに代替の検索エンジンとブラウザーを選択する機会を提供します

• Chromeで、Microsoft Edgeから2つの一般的な機能を転送

• Internet Explorer 8で1日インターネットを使用しました

• Chromiumプラットフォームでの新しいMicrosoft Edgeブラウザーの初見

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。