求人情報は、フロントエンドの開発者が探しているものによって異なります。一部の企業は、応募者がRuby、Git、デザインツール、ビデオ編集のようなものを知りたがっていて、そのリストが続くことを望んでいます。
しかし、フロントエンドの開発業務に必要なスキルはいくつかあります。「コア」スキルと、あなたのレパートリーへの追加を真剣に考えなければならないものがいくつかあります。
あなたが知る必要があるもの
フロントエンドの開発者が理解して理解できる重要なものを検索してオンラインで求人情報を閲覧する。 3つの重要なことがあります。
交渉不可能。
HTML:
- CSS
- JavaScript(jQuery)
- これは基本です。幸いなことに、無料で手ごろな価格のオンライン学習プラットフォームがたくさんあります。これらのプラットフォームでは、それらのスキルがまだ分かっていない場合にこれらのスキルを学ぶことができます。
<!ハイパーテキストマークアップ言語(HTML)は、インターネット上のすべてのウェブサイトの主要な構成要素です。 Jennifer Kyrninが言っているように、
「Webページの言語です。ブラウザがWebページを表示するために読むマークアップ言語です。 "WebページはHTMLなしでは存在できません。
CSS
CSSとHTMLは連携します:CSSはHTMLにスタイルを追加します。 HTMLは顔のようなもので、CSSはメイクのようなものであるというアナロジーを使いたいと思っています。
CSSはウェブサイトをオンラインにする必要はありませんが、基本的にどのサイトでもスタイリングを使用しています。
そうでなければ、それはかなり退屈だろう。 CSSの最新バージョンでは、過去にJavaScriptやFlashでのみ可能だったアニメーションや高度なスタイリングなどが可能です。
JavaScriptJavaScript(JS)は長年にわたって急速に発展してきました。今日は多くの目的があり、フロントエンドまたはバックエンドで使用できます。
フロントエンドの開発に関して、JSはWebページをインタラクティブにするために重要です。世論調査、クイズ、フォーム提出などの素晴らしいことができます。
今日、あなたのウェブページを次のレベルに導くために、オンラインで数多くのJS図書館があります。
しかし、フロントエンドの開発者になるためには、基本的なJavaScriptだけでなく、最も一般的なJSライブラリ(jQuery)も理解する必要があります。
ニース・トゥ・ハーブ
基本を落とした後、これは他にも持っているスキルです。 MVフレームワークは、コードを整理して圧縮するのに役立ちます(999ページ)。
MV *(またはMVC)オプションが提供される限り、そこには30種類あります。最も人気のある2つのバックボーンです。 jsおよび角度。 js。
間違いなく、JSフレームワークを学ぶことは、真のフロントエンド開発者になるための最も難しい部分ですが、スキルを次のレベルに引き上げる最良の方法です。
CSSツール
上記のJavaScriptフレームワークと比較して、以下のCSSツールは比較的簡単に学習できます。探すには3種類あります:
プリコンパイラ:
プリコンパイラ(またはプリプロセッサ)を使用すると、コード・クリーナーから組織のメンテナンスまで、多くの利点があります。それはCSSを書く簡単な方法であり、DRY(あなた自身を繰り返さない)原則を促進します。一般的なCSSプリコンパイラは、Sass、Less、およびStylusです。あなたがちょうど出発している場合は、学習に固執してください。
CSSフレームワーク:
CSSフレームワークは、組み込みのグリッドやその他のCSSコンポーネントを使用してワークフローを最適化するのに役立ちます。 2つのポピュラーな例は、BootstrapとFoundationです。
レスポンシブなデザイン:
今日、あなたのサイトがすべてのものに適応できるように、さまざまな種類のデバイスがあります。レスポンシブなデザインは、デスクトップ、タブレット、スマートフォンなどのすべての画面サイズで動作するサイトを構築するのに役立ちます。 BootstrapやFoundationのようなフレームワークは応答性の高いデザインを内蔵しています。 フロントエンドビルドツール
開発者は、ファイルサイズの最適化とワークフロー効率を管理できる必要があります。これらのツールは役に立ちます。 パッケージ管理:
特に大規模なプロジェクトやチームと一緒に作業しているプロジェクトの場合は、ライブラリや資産などをすべて整理するのが難しい場合があります。 Bowerのようなパッケージマネージャを使用して、すべてを整理して更新情報を記録します。
Yeoman。 io:
プロジェクトを地面から離れにくくすることがある場合は、Yeomanを使ってプロジェクトを迅速に開始し、生産性を維持してください。これはコマンドラインで実行されます。
タスクランナー: コマンドラインで実行されるGruntまたはGulpを使用して、ファイルを圧縮し、ワークフローを最適化します。 SassやLessのプリプロセッサ用のコンパイラとしても機能し、他の機能を誇る幅広いプラグインを持っています。結論
素敵な人はたくさんいるように見えるかもしれませんが、時間をかけて追加するスキルと考えてください。あなたが知る必要がある主なものは、HTML、CSS、およびJavaScriptです。
他のウェブスキルがあれば、たとえフロントエンドに関連していなくても、テーブル、デザイン、ビデオ編集、SEOなどに持ち込むことができます。 そして、何を推測しますか?あなたは完璧にフィットするかもしれません。