2020年にあなたを最初の開発の仕事に導くための10のプロジェクト

最初のWeb開発の仕事を着陸させると、マスターするテクノロジーの一見無限のリストがあり、気が遠くなる可能性があります。 このガイドは、2020年以降に仕事の見通しを高めるための10の重要なスキルを強調し、プロジェクトのアイデアと推奨リソースを完了します。

キースキルとプロジェクトのアイデア：

1. コードエディターをマスター（vsコード）：vsコードに熟練し、拡張機能（prettierやeslintなど）およびキーボードショートカットを探索します。 プロジェクト：コードとコードをインストールし、3つの拡張機能を探索し、きれいとeslintを構成し、キーボードのショートカットを覚えています。 リソース：ビジュアルスタジオコード：Web開発者向けのエンドツーエンドの編集およびデバッグツール。

2. 連絡先フォームを作成します：

   さまざまな入力タイプを備えた応答性が高く、アクセス可能で、よくスタイルの連絡先フォームを作成します。 プロジェクト：連絡先フォームを設計および構築し、クロスブラウザーの互換性とエレガントなスタイリングを確保します。 Codepenへのアップロードを検討してください。 リソース：フォームデザインパターン。

3. クライアント側の検証：

   適切な入力タイプとカスタム検証を使用して、連絡先フォームにクライアント側の検証を実装します。アラートボックスを避け、ボット検出を検討してください。 プロジェクト：連絡先フォームにクライアント側の検証を追加し、直感的なエラーメッセージを提供します。 リソース：javascript：Novice to Ninja、2nd Edition。

4. 通貨コンバーター（FIXER API）：

   Currency Converterの構築FIXER APIから為替レートを取得し、ページリフレッシュなしでUIを動的に更新します。 プロジェクト：FIXER APIおよび最新のJavaScript機能（Vanilla JSまたはReactのようなフレームワーク）を使用して通貨コンバーターを作成します。 リソース：javascript：ベストプラクティス。

5. ポートフォリオウェブサイトのデザイン：

   レイアウト、配色、タイポグラフィ、コンテンツのプレゼンテーションに焦点を当てたポートフォリオWebサイトの設計。 プロジェクト：ユーザーエクスペリエンスと視覚的な魅力を考慮して、ポートフォリオWebサイトを設計します。 リソース：美しいウェブデザインの原則。

6. ポートフォリオウェブサイトの開発：

   最新のCSS（FlexBox、Grid、VW/VHユニット）を使用してポートフォリオWebサイトをコードし、アニメーションと連絡先フォームを組み込みます。 プロジェクト：最新のCSSテクニックとアニメーションを使用して、ポートフォリオWebサイトを開発します。 リソース：cssマスター、第2版。

7. Webパフォーマンス監査（Lighthouse）：

   Lighthouseを使用してポートフォリオWebサイトのパフォーマンスを監査し、特定された問題に対処します。 プロジェクト：灯台でウェブサイトを監査し、デバイス全体のパフォーマンスを最適化します。 リソース：ジャンプWebパフォーマンスを開始。

8. コマンドラインの習熟度（BASH）：バッシュシェルに慣れ、さまざまなタスクを実行し、エイリアスを探索します。 プロジェクト： 1週間Bashを使用して、ファイルシステムナビゲーション、ファイル操作、エイリアスの探索を実行します。 ZSHの探索を検討してください。 リソース：bash Quick Start Guide

9. バージョンコントロール（git＆github）：gitを使用してプロジェクトを管理し、コードをgithubリポジトリにプッシュします。 プロジェクト：通貨コンバーターアプリをgitバージョンコントロールの下に置き、それをgithubにプッシュします。 リソース：ジャンプ開始git。

10. node.jsアプリケーション：simple node.jsアプリケーションを構築し、ルーティング、テンプレート、フォームハンドリング、データベースインタラクション、および基本認証を組み込みます。 プロジェクト：node.jsチュートリアル（たとえば、シンプルなWebアプリの構築）に従って調整します。 リソース：SitePoint Forums。

よくある質問（FAQ）：

このセクションでは、最初の開発者ジョブの着陸に関する一般的な質問に対する簡潔な回答を提供し、ポートフォリオプロジェクト、必須スキル、現実世界の経験、インタビューの準備、学習リソースをカバーしています。 元のFAQは、簡潔さと明確さのために書き直されています

結論：

ハンズオンプロジェクトを通じて強力なポートフォリオを構築することが最重要です。 これらのスキルを、開発者コミュニティでの一貫した学習と積極的な関与と組み合わせて、仕事の見通しを大幅に改善します。

以上が2020年にあなたを最初の開発の仕事に導くための10のプロジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。