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

株式会社博展 - 東芝実績動画

フロントエンド開発者が知って理解するための鍵となるものを探すために求人情報をオンラインで閲覧する。重要なことが3つあります。交渉不可です。

そして彼らは：

これらが基本です。幸いなことに、まだ知っていなければこれらのスキルを習得できる無料または手頃な価格のオンライン学習プラットフォームが多数あります。

HTML

ハイパーテキストマークアップ言語（HTML）は、インターネット上のすべてのWebサイトの主要な構成要素です。ジェニファーキルニンが言うように、

「Webページの言語、つまりブラウザがWebページをレンダリングするために読むマークアップ言語です。」

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

CSSとHTMLは連携して動作します。CSSはHTMLにスタイルを追加します。私はHTMLが顔のようであり、CSSが化粧のようであるというアナロジーを使用するのが好きです。

CSSはWebサイトをオンラインにするために必要ではありませんが、基本的にすべてのWebサイトをオンラインにすることで何らかのスタイルを使用します。

さもなければ、それはかなり退屈でしょう。最新バージョンのCSSを使用すると、これまでJavaScriptまたはFlashでしか可能でなかったアニメーションや高度なスタイル設定などを行うことができます。

JavaScript（JS）はここ数年で急速に進歩しています。今日では多くの目的があり、フロントエンドまたはバックエンドで使用できます。

フロントエンド開発に関しては、JSはWebページをインタラクティブにするのに役立つので重要です。世論調査、クイズ、フォーム送信など、素晴らしいことができます。今日では、Webページを次のレベルに進めるためのオンラインのJSライブラリーが数多くあります。

しかし、フロントエンド開発者になるためには、基本的なJavaScriptと最も人気のあるJSライブラリー（jQuery）を理解する必要があります。

基本を習得した後、これらは持っているのがいいです他のスキルです。（そして多くのフロントエンド開発の仕事が彼らを探しています。）

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

MV *（またはMVC）オプションに関する限り、そこには30のものがあります。最も人気のある2つがbackbone.jsとangular.jsです。

間違いなく、JSフレームワークを学ぶことは真のフロントエンド開発者になるための最も難しい部分ですが、それはあなたのスキルを次のレベルに引き上げるための最善の方法です。

上記のJavaScriptフレームワークと比較して、以下のCSSツールは比較的習得が容易です。探すべき3種類があります：

プリコンパイラ プリコンパイラ（またはプリプロセッサ）を使用することには、コードをクリーンにすることから編成を維持することまで、多くの利点があります。 CSSを書くのは簡単な方法で、DRY（Don't Repeat Yourself）の原則を推進するものです。人気のCSSプリコンパイラはSass、Less、Stylusです。あなたが始めたばかりの場合は、それを学ぶことに固執してください。
CSSフレームワーク： CSSフレームワークは、組み込みのグリッドや他のCSSコンポーネントを使ってワークフローを最適化するのに役立ちます。一般的な例としては、BootstrapとFoundationがあります。
レスポンシブデザイン： 最近では、非常に多くの種類のデバイスがあるため、サイトはそれらすべてに適応できるはずです。レスポンシブデザインは、デスクトップ、タブレット、スマートフォンなど、あらゆる画面サイズで機能するサイトを構築するのに役立ちます。 BootstrapやFoundationなどのフレームワークにはレスポンシブデザインが組み込まれているので、そのいずれかを習得すれば準備は完了です。

開発者としては、ファイルサイズの最適化とワークフローの効率性を管理できるはずです。これらのツールは役に立ちます。

パッケージ管理 特に大規模なプロジェクトやチームで作業しているプロジェクトでは、すべてのライブラリ、アセットなどを整理するのが難しい場合があります。 Bowerのようなパッケージマネージャを使って、すべてを整理してアップデートのログを保存してください。
Yeoman.io： プロジェクトをうまく実現できない場合がある場合は、Yeomanを使用してプロジェクトを迅速に開始し、生産性を維持してください。コマンドラインで実行されます。
タスクランナー： ファイルを圧縮してワークフローを最適化するには、GruntまたはGulpを使用します。これらもコマンドラインで実行されます。それらはSassまたはLessプリプロセッサ用のコンパイラとして振る舞うことができ、また他の機能を誇る幅広いプラグインを持っています。