メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい
メディア
• ポッドキャスト「Web Standards」、問題番号145: Safariのダークモード、ChromeのWebAssembly、CSSの新機能、CSSプロパティのソート、フォールバックのある可変フォント、デザイナーが失敗する理由、フック、または新しい方法での反応。
• フロントエンドウィークエンドポッドキャスト#77-ブラウザーで3Dの使用を開始する理由に関するアレクサンダーアモソフ
• ポッドキャスト「Frontend Youth(18+)」 #71直腸フックを介してElon Maskで作業するには
• Devshahta Podcast: #55:チームリーダーになる
• CSSSR Podcast News 512-Issue No. 27( 29.10-04.11 )
• Vadim Makeevのビデオブログ番号8。 ディーラー、マニュアルSVG、エキサイティングなアンダースコアは誰ですか
• LoftblogによるDevShow#86: PostCSS、JavaScriptのジャンク、キャッシュ
ウェブ開発
• 5つの簡単なステップで独自の機能不全のSPAを作成する
• DOMへのタグ 。 HTMLタグがどのようにレンガに変換され、画面に表示されるものを形成するかについて
• 開発チームで標準を使用することの重要性
• iPad Proから本格的なWeb開発を行う方法
- 性能:
• Carousell Webサイトのモバイルバージョンを3倍高速化する方法
• ファーストクラスオブジェクトとしてのパフォーマンス-セクション1:連続測定と計測
• 2019年はPage Speedとマークされた年です。 準備はいいですか
• 3種類のパフォーマンステスト
- ツール:
• Prettier、ESLint、Husky、Lint-Staged、およびEditorConfig:Tidyコードを記述するためのツール
• DevToolsが私の人生を楽にしてくれた5つの方法
• Webpackに代わるFuseBoxの紹介
• Storybook 4.0のリリース、 React、React Native、Vue、Angular、Emberの開発およびテスト用の対話型UIコンポーネント
- アクセシビリティ:
• サイトのランプ -DevFest MoscowのIvan Bakaidovによるレポート
• 欲しいウェブアクセシビリティの紹介
• デジタルアクセシビリティの5つの神話を破壊する
CSS
• 5分でCSSグリッドを学ぶ
• Webフォントフォールバックを使用した可変フォントの実装
• TPACのCSSワーキンググループ:CSSの新機能
• HEXおよびRGBからHSLへの切り替えについて
• モジュラーアーキテクチャ(OOCSS、BEM、SMACSS)を使用してCSSを整理する方法
• 本当にひどいCSSを書く方法
• グリッドエリアでのシンプルな命名
• グリッド内のプレビュー画像のアニメーション
Javascript
• JavaScriptのほくろの穴
• 高階関数を使用したNodeJSのリファクタリング
• ブラウザでJavaScriptが無効になっている場合、Googleはアカウントへのログインを禁止します
• GraphQL-悪い点と良い点
• JavaScriptの不気味な世界でのオリエンテーション
• JavaScriptの世界における自動テストツールの個人的なレビュー
• 最新のJavaScriptリファレンス
- 理論:
• JavaScriptの高階関数
• JavaScriptの一部の配列でマップ関数が機能しない理由とその処理
• JavaScriptでのArray.map()の4つの使用法
• 非同期JavaScriptの進化:コールバックからPromiseおよびAsync / Awaitへ
• JavaScriptデザインパターン
• Javascriptでオブジェクトをコピーする
- VueJS:
• Vuexの説明-Vueの状態コンテナー
• Vue.jsと機械学習による音声制御されたWeb視覚化
• Vueを使用してWordPressプラグインを作成する
• 会社をVueに切り替えるための議論
• GoとVueを使用したSPAの作成
• Vue APIを呼び出すスマートな方法
• フルスタックラジオ99.5:セバスチャンショパン-Nuxt.jsを使用したユニバーサルVue.jsアプリの構築
- 反応:
• JestとEnzymeを使用してテストする方法と方法。 完全なReactコンポーネントのテスト手順
• Reactアプリケーション開発へのSOLID原則の適用
• React Hooksの理解 、Den Abramovによる記事
• Reactフック:魔法ではなく、配列だけ
• React Hooksについて知っておくべきこと
• React Hooksコレクション
• さまざまなReact Managementテクニック
• React RouterとReact Componentsの愛と憎しみの関係
• React App 2.0の作成:新機能
• React 16.6の遅延読み込みコンポーネント
• React開発者向けの簡潔なRedux(ヒント:複雑ではありません)
- 角度:
• フルスタックアプリケーションを構築するためのAngular 6の学習
• Angular 7.0の新機能とアップグレード方法
• AngularでのGreenSockの使用パターン
• AngularとLighthouseでシンプルなPWAを作成するためのレッスン-Hacker News clone
- ライブラリとプラグイン:
• PWAインストールプロンプト
• plotly.jsの概要-オープンソースのグラフィックライブラリ
• simple-keyboard -ES6、React、Vue、AngularまたはjQueryのプロジェクトと互換性のあるJavascript用の仮想キーボード
• ervy :端末のグラフィックス
ブラウザ
• Firefox 63 、Marat Tanalinのテクニカルレビュー
• Firefox 65はWebP画像形式をサポートします
• 利用可能なコンパクトモバイルブラウザFirefox Lite 1.0.0
• FacebookおよびGoogleの新しい機械学習システム。 白黒写真を着色するためのコード
• Chrome 70でWebAssemblyスレッドを試用可能
• 敗北後の教訓:Firefoxから古いデバッガーを削除する
おもしろい
• 有名大学のIT学生向けの新鮮なコースの選択
• GoogleはreCAPTCHA v3を起動します。 これは、不正なトラフィックを自動的に認識します
• Facebookは、障害のある人がビデオを見やすくするAIを開発しています
• かどうか:ブルームバーグの中国のスパイチップ調査のレビュー
• ビットコインは10歳です。次に何を期待しますか
• 「未来のクラウド専門職」:IoTアーキテクトとAIプログラマーは何をするのか
• ABBYYの創設者David Yang-従業員の行動、AIの危険性、ロールモデルを分析するためのYvaサービスについて
• 技術開発のタイムライン:ヒューマノイドロボット
• 誰もがそれを必要とする:アップルの新しいデバイスに対する開発者とデザイナーの反応
A.
最後にいくつかの発表があります。フロントエンドダイジェストの次号は、Zfort Groupの企業ブログの最後になります。 1週間以内に、すべての記事はalexzfortアカウントから、 および 会社の公式Webサイトのブログから公開されます。 とりわけ、メーリングリストを購読する可能性があります。この種のコンテンツの使いやすさを改善するために、拡張バージョン、新しいフォーマット、パーソナライズ、およびその他の特典が計画に含まれています。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。