ITエンジニアのキャリア相談サイト > フリーエンジニアの求人案件 > フリーランス大学 > コラム > やる気さあれば独学できる!無料でjQueryが学べるサイト・記事8選

2017-02-28

やる気さあれば独学できる!無料でjQueryが学べるサイト・記事8選

01


フロントエンドエンジニアやwebデザイナーにとって、オブジェクト指向プログラミング言語であるJavaScriptは、webサイトを動的にかつ円滑に動かすために必ずマスターしておかなければならない言語です。

そのJavaScriptの習得にあたって、jQueryを使用し少ない記述でプログラミングを行うことはもはや常識とされており、jQueryに関する知識の習得は欠かせません。

そこで今回はjQueryについて、無料で簡単に学べるサイトをいくつかご紹介します。

jQueryを使うメリット

そもそもjQueryとはどのような働きをするものなのでしょうか?

わかりやすくいうと、jQueryはJavaScriptでのプログラミングをより簡単にするための補助機能であり、一般的にはライブラリと呼ばれる働きをします。ライブラリを使うと何十行に渡るプログラムをほんの数行で済ませることができるなど、JavaScriptでのプログラミングをより簡素化させることができるのです。

主な使い道ですが、webサイトの特定のオブジェクトに「マウスオーバーしたらアニメーションが動く」であるとか、「クリックしたら別の画像に差し替える」などの動きを持たせる際にjQueryを活用します。

jQueryが学べるサイト・記事8選

このようにフロントエンドエンジニアやwebデザイナーにとってメリットのあるjQueryを効率的に学ぶには、まずは無料サイトを活用して一通り基礎を習得するのが好ましいでしょう。以下、jQueryを学べるサイトやjQueryの基礎をわかりやすく理解できる記事をピックアップしましたので、参考にしてください。

1. jQuery入門 / ドットインストール

2-1
公式サイト

ドットインストールは各種プログラミングをわかりやすく学べるサイトとして定評があります。jQueryについては入門編として全20回のコースが設定されており、概要から実践的なレッスンまで一通り学べるため便利です。

また、入門編以外にもjQueryプラグインやjQuery Mobileについてのコースも用意されており、jQuery全般について深く学べる学習サイトとなっています。

2. 40分で覚える!jQuery速習講座 / ASCII.jp

2-2
公式サイト

「40分で覚える」とある通り、jQueryの要点を的確に学ぶことができるサイトです。セレクター、イベント、アニメーション効果など順を追って解説しており、それぞれのバリエーションは追って習得するというカリキュラムになっています。

基本的な概念はここで一通り習得することができるので、初心者には向いているといえるでしょう。

3. CODEPREP

2-3
公式サイト

HTMLやCSSをはじめ、多くの言語を基礎から学べる無料のプログラミング学習サービスのCODEPREPにも、初心者向けjQueryコースが用意されています。あらかじめjQuery環境を用意することなくブラウザ上で学べるため初心者にやさしく作りこまれています。

ただし、事前に「はじめてのJavaScript」をマスターしておかなければ理解できない部分もあるためご注意ください。

4. Progate

2-4
公式サイト

Progateは初心者でもわかりやすく独学できるレッスンを提供しています。jQueryは初級編、中級編、上級編、実践編に加え中級道場コースも用意されており、段階的に詳しく掘り下げた内容を学びつつ実際に使えるレベルになるまでじっくりと学べるカリキュラムが特徴です。

学習時間は各コース3時間~8時間となっているため、時間に余裕のある時にじっくりと取り組みたいですね。

5. OZPAの表4

2-5
公式サイト

デザイン会社勤務のブロガーOZPA(おつぱ)氏によるブログです。親しみやすい文章でjQueryについてやさしく解説しているため、全くの初心者でもすっと頭に入ってきます。

ブラウザで稼働するデモページも用意されているため、順を追って読んでいけばいつの間にか知識が身についていたという結果になることもあるでしょう。初心者目線での疑問点とその解説がとてもわかりやすいと評判のサイトです。

6. jQueryってなに?超初心者向け入門講座

2-6
公式サイト

ウェブマーケティング支援会社である株式会社WEB企画によるjQueryの概要を説明する記事です。

実践ではなく概要を掴むためのサイトですが、jQueryでできることやjQueryの記述のイロハについて丁寧に書かれているため、これからjQueryを学ぼうとする初心者はまずここを読むと良いでしょう。

7. ノンプログラマーのためのjQuery入門

2-7
公式サイト 

講義風のスライド形式でjQueryについて学べるサイトです。jQueryの基礎や記述方法についてわかりやすく解説していますが、ある程度JavaScriptを理解している人向けです。

8. 少しのコードで実装可能な20のjQuery小技集

2-8
公式サイト

一通りjQueryをマスターした人向けのTips記事です。jQueryを実際に使用したイメージを膨らませるには最適であり、「テーブルの偶数・奇数の行の色を変える」や「アコーディオン」といった動きのある記述など、すぐに使える小技を集めています。

おわりに

独学でjQueryを学べるサイトは他にもたくさんあります。有料講座も含めればさらに多くの学習機会が提供されており、やる気さえあればいつでも学習を開始することができます。

これからwebデザイナーやエンジニアを目指す方は、ぜひ積極的にこれらのサイトを活用し知識とスキルを身につけてくださいね。


カテゴリー

このサイトについて

ITエンジニア専門のキャリア相談コミュニティ【FUTURIZM】が運営するIT・Web業界で活躍するエンジニアのための情報サイトです。日々の開発に役立つ技術情報からキャリア、ガジェットまで、エンジニアに役立つ記事を発信中。求人案件/仕事情報を探しているフリーエンジニアの方はこちらへどうぞ。

人気の記事

最新記事

運営会社