Web開発者をインターンからアーキテクトに成長させる方法。能力マトリックス

エピグラフの代わりに

私が2004年に大学を卒業したとき、私たちの街には開発チームがほとんどいませんでした。どこで働き、誰から実践的な経験を積むのですか？



選択は簡単でした：「管理者」または「モスクワへ」。または職業を離れます。



現在、私は地元の大学でWeb開発を教えており、大規模なチームを管理しています。私にとって重要なのは、賢い若者が私の街に住みたいと思っていることです。

記事の本質は短いです

私の同僚と私は、Webプログラマーを「ほぼゼロ」から自信のある専門家（シニア/アーキテクト）のレベルに「成長」させる方法を知っています。



すべてがどのように機能するかをお伝えし、資料や方法をコミュニティと共有したいと思います。



この記事は、学生、初心者、成長するWeb開発者を対象としています。



以下に、「Web開発者の開発トラック」、コンピテンシーレベル「Trainee」、「Junior」、「Middle」、「Senior」、「Architect」について説明し、認証タスクの例を示します。

プログラマー能力のピラミッドまたは「最初に何をダウンロードするか」

優れたWebプログラマーになる方法は？良い大学で「コンピューターサイエンス」を終える必要がありますか？または毎月のコースで十分ですか？または「本とマウスで」あなたはすべてを勉強することができますか？



テクノロジースタック上の開発者の職業が立つ3つの「柱」は、アルゴリズム、データベース、およびプログラミング自体（言語+ OOP +パターン）です。

アルゴリズム化とは何ですか？

「アルゴリズム化」の技術的スキルに近い「日常」の類似物は、ファンの修理です。回転しない場合はどうなりますか？ソケットを確認/交換し、ブレードを手で回してから、ワイヤーを「リング」します。



論理は明らかです：「私はそれを部分に分割し、それぞれをチェックしました。」驚いたことに、多くの人はそのように考える方法を知りません。これは本物のプログラマーの血の中にあります。

データベース

DBコースは、エンジニアの物理学のように、主要なコースの1つです。悪いニュースは、彼らがしばしば同じようにひどく教えられているということです：彼らは「段落を語り直す」ことに還元されます。



DBでは理論と実践の両方が重要です。プログラマーは、クエリを記述し、ORMロジックを理解し、構造を設計できる必要があります。

プログラマーはどのようなテクノロジーを知る必要がありますか？

開発者のプロフェッショナリズムは何で構成されていますか？開発のおおよその時期は、（大学から始まる）古典的な開発パスに示されています。







アルゴリズム化は、学校/大学で「心に従って」教えられます。これには1〜2年かかり、この期間が将来のプロの離陸の高さを決定します。アルゴリズムをマスターしなければ、成長することはありません。



特定の言語の特性は非常に迅速に学ぶことができます。第2または第3の言語を学習している場合は、最初の意味のある問題を1週間で解決します。しかし、「私は完全に知っている」には、少なくとも1年の練習が必要です。



フレームワークには、多くの場合、何百ものモジュール/クラス/拡張機能が含まれており、絶えず進化しています。フレームワークをマスターするには、少なくとも数か月かかります。



多くの独学の人々は「簡単」ですが間違った道をたどります：アルゴリズムの代わりに、彼らはフレームワークを学び始めます。そして数ヶ月後、開業医は彼らがプログラムできることを宣言します。彼らは開始後10分以内に深刻なインタビューに失敗します。



特定のテクノロジー（AJAX、JSサーバーレンダリング、プッシュ＆プル、ジオクラスター全体の負荷分散、xhprofでの長いクエリのプロファイリング、メッセージキュー、NoSQLデータベースなど）は無限です。あなたはそれらを永遠に学ぶことができます。



このピラミッドは「下から上へ」横断する必要があります。フレームワークから始めて素敵な履歴書を作成しても、「裸のJS」や「取得リクエストと投稿の違い」がどのように機能するかわからない場合は、プロにはなりません。

どのようなタスクを解決する必要がありますか？

最初の段階は「開始」です。まず、比較的単純なタスクに対して自信を持って正しい解決策をとるスキルが必要です。ほとんどの場合、これらはゲーム、数学、または論理的な問題です。



「私は簡単なコードをすばやく書く」というスキルを得るには、あらゆるプログラミング言語でのプログラミング問題の古典的なコレクションを解決する必要があります。たとえば、Zlatopolsky。 







1000の退屈な問題を解決するのは奇妙に思えるかもしれませんが、すべての優れたプログラマーは彼の旅の初めにそれを行いました。誰か-研究所の誰か、学校の誰か、私たちの子供たちは幼稚園でそれをします。



この医師による指導方法は「リードw * py法」と呼ばれています。失礼なことは許してください。でも民芸品から言葉を消すことはできません。



第二段階は「練習」です。1年で理解できるコードを書く必要があります。そのため、新しい要件が発生したときに、すべてを最初から書き直す必要はありません。そのため、プロジェクトが100倍に成長しても、「サポート」されたままになります。彼らがプログラマーをチームに加えるとき、彼らが奇妙なスタイルのためにあなたを噛まないように。



これは非常に難しい移行です。多くのプログラマーは決してそれをしません。彼らは「1つのプログラム」の開発者になるか、常に200行以下のプロジェクトを作成します。これはプロレベルではありません。



学ぶには、チームで大きな問題を解決し、適切な本を並行して読む必要があります。たとえば、RobertMartinの「CleanCode」。



「ビッグタスク」とは、チームが少なくとも2人で構成され、数千行のコードで構成される、人々が使用する実際のサービスです。そのようなプロジェクトは自信のあるスペシャリストを形成します。



第三段階は「習得」です。これには、選択したテクノロジースタック内の特定のフレームワークを習得することが含まれます。あなたは高いレベルで本当の現代の問題を解決することを学ぶ必要があります。



より難しく、より有用な本は、MartinFowlerのEnterpriseApplicationPatternsです。職業で約1年半働いた後、それも読む必要があります。

何のために？3か月の「Web開発者」コースを終了できますか？

驚くべきことに、「一種のプログラマー」がインタビューに来ることがよくあります。彼らはコース、複数の仕事、彼らのベルトの下に美しいウェブサイトを持つポートフォリオを持っています（私たちがウェブデザイナーを探しているかのように奇妙な方法）。



同時に、「Cookieとは」や「VKontakteフィードでのメッセージの読み込みの仕組み」などの最も単純な質問に対する答えがわからないことが多く、バージョンすらありません。



優れたプログラマーは理論を知っており、実際にそれを適用し、常に「それを正しく行う方法」を考えています。 「脊髄」と「Googleからのコードのコピー」はあなたを遠ざけることはありません。ベースと練習が必要です。



この「ベース」を取得するにはどうすればよいですか？勉強するのに適切な場所はどこですか？2つの方法があります。最初のものは良い大学で4-5年です。2つ目は、数年間の永続的な自習と実践です。頭が明るく、心が開いていて、自分で一生懸命働く準備ができていれば、専門的な教育を受けなくても強力なプログラマーになることができます。



短期コースは、基本的な知識を習得し、「自分を掘る場所」を理解するのに役立ちます。彼らはプロにはなりません。

能力マトリックス。インターン-ジュニア-ミドル-シニア-アーキテクト

私たちのマトリックスは、「初心者からWeb開発の第一人者に移行する方法」という質問に対する答えであると信じています。

私たちの世界では、開発者は主にバックエンドタスクを扱いますが、フロントエンドと管理を恐れてはなりません（邪悪なタスクの専門家は限られています）。



認定に関する質問のサンプルを含む完全なマトリックスは、こちらから入手できます。



これは、グレード（インターン、ジュニア、ミドル、シニア）に分けられた表です。各グレードには、独自の能力のセットが含まれています。質問は専門分野（PHP、SQL、フロントエンド、一般的なWebテクノロジー、サーバー管理）ごとにグループ化されています



研修生

開始時に、研修生は次のことができる必要があります。

• 自信を持ってCookieとセッションを区別します。
• サーバーまたはブラウザーで特定の操作が行われていることを理解する。
• サーバーフレームワークなしでPHPで簡単なデータ管理タスクを作成します。たとえば、「編集、削除、作成、表示を行うグループと学生のデータベースを維持する」。
• あなたの仕事の結果をきちんと整理しなさい。

研修生は勉強中です。彼の主な仕事は、知識を得て、監督の下で問題を解決し、大物を手に入れることです。



ほとんどすべての研修生は、基地を削除したり、ウィンドウを見逃したり、長い間閉じられていた問題を解決したりします。もちろん、戦闘プロジェクトに害はありません。



間違いは学習の通常の部分です。

ジュニア

ジュニアは自分で問題を解決することができます。彼はしばしば長老と相談しますが、彼はインターンに全く質問をしません。





ジュニアが最初に実際にできるべきこと：

• サイトの承認を書き直します（つまり、完全に理解します）。
• ディレクトリ、ニュースフィード、フォームの作業の設定とフレームワークコードを自信を持って編集します。
• フレームワーク上の単純なデータ管理インターフェイスとサイト全体を収集します。
• 外部APIとの単純な統合を記述します。

中間

ミドルは、典型的な業界の問題を自分で解決できるスペシャリストです。





実質的に、ミドルが最初にできるべきこと：

• 外部認証を使用する（外部プロバイダーを介してログインするか、コードを認証プロバイダーにします）。
• パブリックオンラインストア、マーケットプレイス、またはイントラネットポータルのインターフェイスを自信を持ってプログラムします（詳細に応じて）。
• フレームワーク上の複雑なデータ管理インターフェイスとセクションを収集します。
• 外部APIとの複雑な統合を記述し、Webサービスを実装します。

上級

シニアは「自分のスタック」をよく知っており、新しいテクノロジーをすぐに学び、適用し、メンターとして働いています。







たとえば、シニア自身が「サーバーとLinuxの操作」ブロックで知っておくべきこととできること。

• 非定型のロールアウトシステムを構築する
• マイクロサービスでの作業。
• 負荷テストの構成
• 継続的な統合の構成
• ファイルの同期とデータの複製
• Bitrixフレームワークを使用する場合と使用しない場合で、フォールトトレラントで高負荷のクラスターを構築します。
• ELK /その他のロギングおよび分析システム
• Gearman / RabbitMQキューサーバーと分散システムの構築

通常、シニアは開発チームのテクニカルリーダーの役割を果たします。

アーキテクト

アーキテクトは、スペシャリストが大規模なプロジェクトのアーキテクチャについて考え、その実装を主導するときの次のレベルの開発です。彼は技術者であるだけでなく、プロジェクトマネージャーでもあります。







このようなスペシャリストは、技術的および組織的に複雑なプロジェクトで重要な役割を果たします。



アーキテクトの品質は、プロジェクトが時間どおりに完了し、何年も続けて開発できるかどうかを決定します。

プログラマー開発管理

毎月、プログラマーごとに「開発計画会議」やその他の仕事の話題についての会話を個別に行っています。部門長、技術リーダー、メンターが関与しています。



そのような会議の間に、私たちは一緒に開発の優先順位を定義します-実験室または口頭能力試験に合格するために。

レベルチェック（認証）はどのように行われていますか？

証明とは何ですか？プログラマーの資格を確認するための手順です。すべてのプログラマーはそれを渡します。認定には、実験室での作業と口頭試験が含まれます。



認証の結果、確認されたコンピテンシーの反対側のコンピテンシーマトリックスに「はい」が表示されます。これにより、たとえば「Trainee-54％」→「Junior-27％」のようにグレードが上がります。

認定はどうですか？

認定には、理論（口頭試問）と実践（実験室作業）が含まれます。目標は、マトリックス内のいくつかのコンピテンシーを「クローズ」し、レベルを確認し、新しいタスクを取得し、給与を増やすことです。



理論を研究して理解した場合にのみ、実践的な演習を正しく行うことができます。不正行為や不正行為は認められておらず、メンターはハックを見逃すことはありません。



コンピテンシーマトリックスの多くのブロックは実践によって閉じられており、それらに関する理論的な質問はありません。

理論。口頭試験

実験室での作業でカバーされていない能力は、口頭試験で確認する必要があります。



各コンピテンシーについて、約5つの質問をします。あなたはすべてまたはほとんどすべてに友好的な方法で答える必要があります。口頭試験の期間はレベルによって異なり、通常は1〜2時間です。

練習。実験室の仕事

実験室の仕事は一度にいくつかの能力をカバーします。実験室での作業を完了した後、これらの能力は確認済みとしてカウントされ、口頭試験には分類されません。



実験室の作業はレポートで終了します。レポートには、デモ、コードレビュー、口頭での質問が含まれる場合があります。チェックのセットは、ラボ自体によって異なります。

タスクのおおよその定式化

私たちは約20のタスクを開発しました（私たちは通常、それらを学生のための「実験室作業」と呼びます）。いくつか-公開します。



簡単なタスクの例を次に示します。



タスク2a。「ベーシックウェブ」。純粋なPHPでCRUDを実装しましょう。



コンピテンシー：

• PHP：サイトの認証と承認
• PHP：データの保存と検証を使用したフィードバックフォームの処理
• フロントエンド：htmlフォームの作成
• フロント：CSS構文とセレクター、セレクターの重みについて
• SQL：Mysqlの基本
• SQL：データタイプ
• PHP：PHP言語構文

本質：

• bitbucketにリポジトリを作成し、その中で実行します。
• すぐにブランチとプルリクエストを作成します。
• PhpStormにStatisticプラグインをインストールします。プロジェクト全体の最大行数は1500です。
• PhpStormを使用して必要なテーブルを作成し、それらにデータを入力します。
• 認証ページを作成します。
• テキストフィールド、複数行のテキストフィールド、ラジオボタン、チェックボックス、ドロップダウンリスト、フォームリセットボタン、フォーム送信ボタンを含むフィードバックフォームを使用してページを作成します。
• フィードバックフォームは、許可されたユーザーのみが利用できます。承認基準は、システムにログインしていることです。
• すべてが美しくレイアウトされています。基本的なタイプのセレクターの使用例を示します：id、class、attribute、pseudo-class、pseudo-element;
• どちらのフォームもJSなしで処理する必要があります。
• データがテーブルに追加されていることをPhpStormで確認してください。

小切手：

• php、js、css分解の品質がチェックされます。
• 責任を割り当て、MVC / ECBコンポーネント間の正しい依存関係を確立する機能。
• セキュリティ（アクセス）;
• セキュリティ（XSS、SQLインジェクション）;
• リダイレクトの正確さ。
• コーディングスタイルの統一。

タスクの開発



タスク2b。PHPでのCRUDインターフェースの開発。



コンピテンシー：

• スクリプトを接続する3つの方法
• htmlフォームの作成
• CSS構文とセレクター、セレクターの重みについて
• JS：演算子、関数
• ブラウザコンソールを使用したJSのデバッグ
• Mysqlの基本
• データタイプ

結論-タスク2aからサイトで作業を続けます。

1. ミニ管理パネルを作成します。
2. 提出されたフィードバックフォームのリスト。
3. リストは、提出日、新しいもの、最初にソートする必要があります。
4. リストは「更新」できます。これはAJAXを使用して行われます。
5. ヒント：データベースクエリのインタラクティブなテストには、PhpStormのデータベースコンソールを使用します。
6. 送信されたフォームは、すべてAJAXの管理領域から削除できます。
7. このようにして、JSを接続するすべての方法を示します。
8. 送信されたデータは編集できます（AJAXなしで、すでに開発されたフォームを使用します）。
9. jQueryを使用できます。
10. オープン開発者ツール（できればFirefox）：
11. リクエストログからリクエストのソースを見つけます。
12. ブレークポイントを設定し、コードの実行を誘発し、コードの実行を段階的に調べます。
13. ステップバイステップの実行中に、対応するインスペクターを介して変数の値を表示します;
14. 時計を追加します。
15. コンソールを使用して、現在のスコープ内の変数にアクセスします。

小切手：

1. php、js、css分解の品質がチェックされます。
2. MVC / ECBコンポーネント間の正しい依存関係を強調表示して確立する機能。
3. セキュリティ（アクセス）;
4. セキュリティ（XSS、SQLインジェクション）;
5. コーディングスタイルの均一性;
6. デモンストレーションのための開発者ツールの使用に関するすべてのポイント。

「中程度の難易度」の



タスク10の例を次に示します。Webスクレイピング



コンピテンシー：

• 規則的な表現
• サーバーからのHTTPリクエスト、cURL
• TODO：Bitrix Frameworkコードベースに基づいたコンソールユーティリティ（およびワンタイムスクリプト）の作成
• TODO：CRONを追加

本質：

• サイトを分析し、自動処理に適したデータ構造について考えます
• これらの構造にサイトを解析します
• CLIスクリプトとして設計する
• すべてではなく、ユーザーが必要とするものだけを解析する機能を実装するための設定

小切手：

• CLI環境の正確さ
• regex分解
• ご要望に応じて費用対効果
• エラー処理
• 一度に複数のオブジェクトを並列解析する可能性
• コンソールモードとインタラクティブモードで作業する
• *キューをサポートし、HTTP経由でアクセス可能な外部サービスのモードで動作します

コンピテンシーマトリックスの表示とダウンロード-2020



これが、メンターと継続的なコードレビューを経て、一連の認定を通じて、適切な開発者が「研修生から建築家まで」を開発する方法であると確信しています。



ダイヤモンドは圧力下で形成されます。