フロントエンド開発者はすべての対象である必要があります

クリス・コイヤーの考え

私の頭に落ち着いた考えの1つ： フロントエンド開発者はすべてに気づくべきですか？ 一般的な意味では、フロントエンド開発者は他の職場で使用できます。 開発チーム全体がフロントエンド開発者との会話を終了します。 これが私の考えの意味です。 フロントエンド開発者は、人々がやり取りするものを作成します。 開発のすべての段階は、フロントエンド開発者と一緒に開催されます。 おそらくそれが、これがとても楽しい仕事である理由です！ フロントエンド開発者は開発チェーンの中心であり、同時に多数のさまざまな専門家に対応しているため、彼らの仕事を理解し、時には改善すべき方法と方法を提案する必要があります。

翻訳者から

みなさんこんにちは、マキシム・イワノフ、そして今日は、ウェブ開発の分野でかなり鋭いトピックについてお話します。 クリス・コイヤーによると、フロントエンド開発者は、誰もが考えていない多くのことを理解する必要があります。 もちろん、フロントエンド開発者は、一般的なオンラインサービスまたはソフトウェアの開発プロセスの主要な開発者ではないことを理解する必要があります。 バックエンド開発者のポジションよりも、同じフロントエンド開発者のポジションの方が多くの求人が見つかります。 しかし、なぜ、Chris Koyerは、すべてに特化する必要があるため、フロントエンド開発者として働くことは難しいと考えています。 もちろん、人生には多くの状況があり、さまざまな企業がそれぞれの専門家をさまざまな方法で使用していますが、フロントエンド開発者は何を理解する必要がありますか？ 今日はこれについてお話します。 このトピックに関するコメントをお待ちしており、今から始めましょう。

内容

1. フロントエンド開発者は設計を理解する必要があります
2. フロントエンド開発者は、サーバー側（バックエンド）の作業を理解する必要があります
3. フロントエンド開発者はネットワークを理解する必要があります
4. フロントエンド開発者はパフォーマンスを知っている必要があります
5. フロントエンド開発者はコンテンツ戦略を理解する必要があります
6. フロントエンド開発者はデータベースに精通している必要があります
7. フロントエンド開発者はテストを理解する必要があります
8. フロントエンド開発者はビルドシステムを理解する必要があります
9. フロントエンド開発者は開発方法を理解する必要があります
10. フロントエンド開発者は、Webサーバーの構成方法を理解する必要があります
11. フロントエンド開発者はユーザビリティを理解する必要があります
12. フロントエンド開発者はモバイルデザインを理解する必要があります

フロントエンド開発者は設計を理解する必要があります

フロントエンド開発者がそれ自体デザイナーではない場合、彼はデザインの重要性を理解する必要があります。 味がいいはずです。 彼は開発に直接関与するツールについて知っている必要があります。

読書へ：

1. サイト設計者へのメモ

2. セミの原理とウェブデザイナーにとってそれが重要である理由

3. スティーブ・クリュッグ「Webデザインまたは私に考えさせない」

4. ジェイコブ・ニールセン「ウェブデザイン」

5. ドナルドノーマン「身近なもののデザイン」

6. ジェフラスキン「インターフェイス」

7. Apple、Microsoft、IBM、Sonyのメインページが15年間でどのように変化したか

8. クラフト

9. 設計について

10. なぜマウスカーソルが45度傾いているのですか？

11. 他の人を好きにならないように勇気を出してください。 12の廃止されたインターフェイスとテクノロジーソリューション

12. 人とインターフェースの名前

13. ユーザーエクスペリエンスデザイン：自分用ではなく、顧客用のWebサイトを構築する方法

14. 中国のウェブデザインの主な特徴とその起源

フロントエンド開発者は、サーバー側（バックエンド）の作業を理解する必要があります

バックエンド開発者ではない場合でも、サーバー側の重要性を明確に認識しています。 バックエンドがやり取りするもの、サーバーに転送されるもの、転送されないものを理解します。 バックエンド開発者の責任を知っています。 サーバーで使用されている言語を理解すると同時に、バックエンドが提供するものとフロントエンドのサーバー部分から必要なものを説明できる必要があります。

読書へ：

1. バックエンドを開発して学んだこと

2. ドイツのPHPバックエンド開発者の面接

3. 数分でモバイルアプリケーションのバックエンドを作成します

4. フロントエンドまたはバックエンドの前に何が必要ですか？

5. バックエンド開発者になるために知っておくべきことは何ですか？

6. 実務経験のないPHP Junior Developerは何を知っているべきですか？

7. バックエンド開発者はどのテクノロジーを所有する必要がありますか（初期知識レベル-初心者+）？

フロントエンド開発者はネットワークを理解する必要があります

フロントエンド開発者は、サイトがインターネット上にあり、データがネットワークを介して送信され、ネットワークがワイルドで予測不可能であることを理解しています。 ネットワークが何であるか、どのように機能するか、ネットワークがどれほど高速で信頼性があるかを理解する必要があります。

読書へ：

1. インターネットの原則

2. ネットワークアーキテクチャと原則

3. トレントネットワークの動作原理と高速化の方法

4. TCP / IPスターターガイド

5. ドメインネームサービス-ドメインネームサービス

フロントエンド開発者はパフォーマンスを知っている必要があります

生産性に焦点を合わせていない場合は、プロジェクトの成功において生産性が重要な位置を占めていることがわかります。 フロントエンド開発者はこの困難な世界を認識しています。 適切なスキルがあれば、長い闘争で迅速な勝利を収めることができます。 バックエンドの速さを理解する必要があります。また、残りの80％がサイトの読み込み、つまり これはフロントエンドです。

読書へ：

1. Webパフォーマンス：パフォーマンスが重要な理由

2. パフォーマンスの微妙さ

3. rel = noopenerのパフォーマンス向上

4. Webページのパフォーマンスの測定

5. 最適化によるUXの改善

6. （Web）アプリケーションを最適化するアプローチ

7. Webパフォーマンスの例

8. Webレンダリングのパフォーマンス

9.10 ウェブサイトのパフォーマンスをテストする方法

フロントエンド開発者はコンテンツ戦略を理解する必要があります

繰り返しますが、コンテンツ戦略を開発する必要はないかもしれませんが、サイトはそのコンテンツのおかげで存続し、存在することを理解する必要があります。 特定の計画の欠如は、開発中に防ぐことができない特定の困難を引き起こす可能性があります。 リソースを使用する人、および何かを探している人は、情報の正確性と正確性を確認する必要があります。

読書へ：

1. 議論されるコンテンツ戦略の作成方法

2. スーパーコンテンツ戦略。 5つの成功例

3. サイトを埋めるときにコンテンツ戦略が必要ですか？

4. エリン・キサイン、「コンテンツ戦略の基本」

5. SMM戦略の構築方法：ソーシャルネットワークでのプロモーションの段階的な計画

6. SEOとSMMのコンテンツを最適化する方法は？

フロントエンド開発者はデータベースに精通している必要があります

コンテンツはデータベースに保存されます。 データベースはコンテンツで正しく動作するはずです。 そして、フロントエンド開発者は、このまさにデータベースから彼にやってくるものを扱うことができるはずです。 データベース応答を使用する場合、フロントエンド開発者はコンテンツをサイト上のテンプレートと組み合わせることができる必要があります。

読書へ：

1. データベースの概要

2. データベース：SQL（DDL / DML）

3. Webサイトデータベースの高速化

4. 単一の.phpファイルのサイズのデータ​​ベースのWebインターフェイス

5. MySQLにはないPostgreSQL機能、およびその逆

6. HTML 5. Web SQLデータベースでの作業

7. データベースとNoSQL

8. Webフォーム上のデータベースから3億5000万行を表示する方法

9. MongoDBとのAPI互換性を考慮した埋め込みJavaScriptデータベース

フロントエンド開発者はテストを理解する必要があります

テストには多くの種類があります。 統合テスト。 回帰テスト。 ユーザーテスト！

読書へ：

1. ソフトウェアテスト

2. なぜテストが必要なのですか？

3. 単体テストと統合：違いは何ですか？

4. テスト

5. JavaScriptテストコース

6. QUnit。 JavaScriptコードのテスト

7. 初心者テスターの開発方法は？

8. フロントエンドの安定性の向上

9. ベックケント。 極端なプログラミング。 テストによる開発

10. BDD方法論とJasmineライブラリを例として使用して、最初のユニットテストを作成します 。

10. モバイルアプリケーションをテストするプロセス

11. マクレガー・ジョン、サイクス・デヴィッド。 オブジェクト指向ソフトウェアのテスト

12. JSのテスト。 Karmic Webpack

フロントエンド開発者はビルドシステムを理解する必要があります

フロントエンドの開発者は共同コードを作成し、プロジェクトに新しいものを導入する責任は誰もが負う必要があります。 ビルドシステムを作成した場合、他のチームメンバーはそれが何であり、何のためであるかを理解する必要があります。 誰かがビルドシステムを使用しない場合でも、そのようなものの使用方法を理解する必要があります。

読書へ：

1. Webpack-最も強力で柔軟なフロントエンドビルドツールの1つ

2. Grunt-ビルドシステムの概要

3. アセンブリの自動化

4. 素敵なビルドフロントエンドプロジェクト

5. フロントエンド開発者向けの一般的なビルドシステムの比較

6. フロントエンド開発者向けのビルドシステムのGruntとGulpの比較

7. とにかくはい、いやいや

8. BEMプロジェクトを組み立てる方法

フロントエンド開発者は開発方法を理解する必要があります

Fronendの開発者は、プロジェクトの他の開発者と同じように、独自にコードを記述および定型化するため、統一された設定に従う必要があります。 アセンブリシステムを作成しなかった場合は、どのような場合でも、それをどのように使用するか、何をするのか、何ができるのかを知っておく必要があります。 そのようなシステムを展開する方法がわからない場合は、その操作方法を学ぶ必要があります。

読書へ：

1. フロントエンド開発者に必要な最小限

2. フロントエンド開発の方法論

3. 開発者向けフロントエンドのヒント

4. 2015年にフロントエンド開発者が持つべき知識

5. 2015/2016でフロントエンド開発者に知って、できるようにするために必要なこと

6. Web開発者開発マップ

7. フロントエンド開発者の基本スキル

8. Isobarフロントエンドコード標準

9. フロントエンドスタイルガイド

10. JavaScriptスタイルガイド

11. コーディングスタイル（Mozilla）

フロントエンド開発者は、Webサーバーの構成方法を理解する必要があります

それらがなければ、ウェブサイトはありません。

読書へ：

1. サーバーの主な種類

2. Webサーバーとは

3. Webサーバー

4. HTTPに関する簡単な言語

5. 初心者向けの理論と実践のWebサービス

6. Webサーバーの比較

7. アプリケーションの負荷を管理するためのWebサーバーとその使用。

8. PHP。 組み込みWebサーバー

9. ローカルWebサーバー

10. 組み込みPHPサーバーの活用

11. Pythonスクリプト用のサーバーを1分で上げる方法

フロントエンド開発者はユーザビリティを理解する必要があります

フロントエンド開発者がユーザビリティにあまり精通していない場合、いずれにしても、彼はこれがどれほど重要かを理解しなければなりません。 ユーザビリティをテストおよび改善できる必要があります。 フロントエンドの開発者は、このトピックについて誰と話すかを知る必要があります。

読書へ：

1. ユーザビリティ

2. サイトの使いやすさ

3. 研究結果に基づくサイトのユーザビリティに関する10のヒント

4. ユーザビリティ（ユーザビリティ）サイトの基本

5. ユーザビリティテスト（ITMO）

6. ユーザビリティvs. ユーザー体験

7. UXとUIデザイナーおよびWebデザイナーの違いは何ですか？

フロントエンド開発者はモバイルデザインを理解する必要があります

フロントエンドの開発者は、自分のサイトはどこでも使用でき、どのデバイスからでも自分のサイトにアクセスできることを理解する必要があります。そのため、事前に注意する必要があります。 大画面、小さなタッチ、時代遅れのデバイス。 フロントエンドの開発者は未知のことに備える必要があります！

読書へ：

1. Nick BabichのモバイルUXのベストプラクティス

2. レスポンシブWebデザイン

3. レスポンシブWebデザイン：その概要と使用方法

4. Ethan Marcottの著書Responsive Web Design

4. 10個のレスポンシブWebデザインフレームワーク

5. レスポンシブWebデザインの基礎コース

おわりに

これは、フロントエンド開発者が知っておくべきことのほんの一部です。 より多くの、より良い。 もちろん、これはすべて仕事で知られています。 HTML、CSS、JavaScript、レスポンシブデザイン、ライブラリ、およびフレームワーク-このリストは長くは続かないかもしれません。