フロントエンド開発者のためのマスターへのコアスキル

ジョブの投稿は、フロントエンドの開発者が求めるものとは異なります。 一部の企業は、応募者がRuby 、Git、デザインツール、ビデオ編集のようなものを知りたがっていて、そのリストが続くことを望んでいます。

しかし、フロントエンドの開発作業に必要なスキル(コアのスキル)と、レパートリーへの追加を真剣に検討すべきいくつかのスキルがあります。

あなたが知る必要があるもの

フロントエンドの開発者が知って理解していることを見つけるためにオンラインで求人情報を閲覧する。 3つの重要なことがあります。

交渉可能でない。

そして彼らは:

  1. HTML
  2. CSS
  3. JavaScript (jQuery)

これが基本です。 幸いなことに、 無料で手ごろな価格のオンライン学習プラットフォームがたくさんあります。これらのプラットフォームでは、それらのスキルがまだ分かっていない場合にこれらのスキルを学ぶことができます。

HTML

ハイパーテキストマークアップ言語(HTML)は、インターネット上のすべてのウェブサイトの主要な構成要素です。 ジェニファー・キリン(Jennifer Kyrnin)

「これはWebページの言語です.Webページを表示するためにブラウザが読むマークアップ言語です。」

WebページはHTMLなしでは存在できません。

CSS

CSSとHTMLは連携します:CSSはHTMLにスタイルを追加します。 HTMLは顔のようなもので、CSSはメイクのようなものであるというアナロジーを使いたいと思っています。

CSSはウェブサイトをオンラインにする必要はありませんが、基本的にどのサイトでもスタイリングを使用しています。

そうでなければ、それはかなり退屈だろう。 CSSの最新バージョンでは、過去にJavaScriptやFlashでのみ可能だったアニメーションや高度なスタイリングなどが可能です。

JavaScript

JavaScript、JSは、長年にわたって急速に発展してきました。 今日は多くの目的があり、フロントエンドまたはバックエンドで使用できます。

フロントエンドの開発に関しては、WebページをインタラクティブにするためにJSが重要です。 世論調査、クイズ、フォーム提出などの素晴らしいことができます。

今日、あなたのウェブページを次のレベルに導くために、オンラインで数多くのJS図書館がオンラインになっています。

しかし、フロントエンドの開発者になるためには、基本的なJavaScriptだけでなく、最も一般的なJSライブラリ(jQuery)も理解する必要があります。

ニース・トゥ・ハーブス

基礎を崩した後、これは他にも持っているスキルです。 (多くのフロントエンド開発職がそれを求めています。)

MV * JavaScriptフレームワーク

JavaScriptフレームワークは、コードを整理し、圧縮するのに役立ちます。

MV *(またはMVC)オプションが出る限り、そこには30種類あります。最も人気のあるものは、backbone.jsとangular.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などに持ち込むことができます

そして、何を推測する? あなたは完璧にフィットするかもしれません。