JavaScript学習者が始めるjQuery入門3週間カリキュラム

入門

JavaScript学習者が始めるjQuery入門3週間カリキュラム

更新日時:

jquery-カリキュラム

JavaScriptのライブラリの一つとして、簡単なコードでJavaScriptを実行させてくれる「jQuary」。JavaScriptを学習した人やWebデザインの勉強をしている人の多くが習得したいと考えているのではないでしょうか?

今回は、jQuary初心者が学習を始めるのに最適なチュートリアルを3つ紹介します。3週間でjQueryを位置から体系的に学べるようにカリキュラムを組んでいます。3週間後には、jQuaryを利用したWebデザインを自分で作成しましょう!

jQuery入門のための3つのチュートリアルサイト

各チュートリアルでは次の4つの項目で紹介しています。

  • 対象:チュートリアルの対象読者
  • 時間:終えるのにかかる目安時間
  • スタート:どの学習地点から始まるか
  • ゴール:最終的になにを学習できるのか

【1日目】これから始める人のためのjQuery入門

スクリーンショット (71)

リンク「これから始める人のためのjQuery入門

  • 対象:プログラミング初心者で、これからjQueryを学ぶ人
  • 時間:1時間
  • スタート:jQuaryとは?
  • ゴール:jQuaryの概要を知る

動画学習サイト「schoo」では、なんと1時間でjQuaryの概要を学ぶことができます。入門編ではありますが、動画の最後にはハンズオンとしてUIの作成にも挑戦しており、講義形式で学べるという動画ならではの学び方ができます。プログラミング初心者向けのものではありますが、ある程度知識がある人が観ても良い復習になるはずです。

【2~4日目】イモムシでjQuery入門

スクリーンショット (73)

リンク:「イモムシでjQuery入門

  • 対象:JavaScript学習済みで、これからjQueryを学ぶ人
  • 時間:3日
  • スタート:イモムシの解説
  • ゴール:jQuaryの基本的知識を身に付ける

1で紹介したような動画でjQuaryの基礎を学んだら、今度は実際に手を動かしていきましょう。「イモムシでjQuary入門」では、JavaScript習得者向けに、jQuaryの基礎を「マイベストイモムシ」を作りながら解説しています。自分の「イモモ」を成長させながら、自身のスキルまで成長させてくれるユニークなチュートリアルになっています。

【5~21日目】設計力を学ぶデザインドリル」

スクリーンショット (72)

リンク:「設計力を学ぶデザインドリル

  • 対象:HTML, CSS, JavaScriptなどを既に学習した人
  • 時間:2週間
  • スタート:jQuaryのメリット
  • ゴール:jQueryを実際のコンテンツ作りに使えるようになる

ここでは、「イモムシでjQuary入門」よりも更に実践的な、jQuaryを実際のコンテンツ作りに利用するのに必要な知識をまとめています。「jQuaryはJavaScriptよりも簡単だ!」という衝撃的な言葉から始まり、jQuaryを実務に利用できるようになるまでを、細かい項目に分けて丁寧に解説しています。このチュートリアルを全て理解できれば、jQuaryの習熟度はかなり上がっているはずです。

jQueryで思い思いのプロダクトを作ろう!

いかがでしたか?内容が進むにつれて1度読むだけでは理解しにくくなってくるかもしれませんが、分からなくなった時は初心者向けのチュートリアルに戻って復習しましょう。そして、無事一通り学習をすることができたら、今度はjQuaryを利用して自分でコンテンツを作ることに挑戦してみてくださいね!

関連タグ

アクセスランキング

《最大6つの質問で診断完了!》
Facebook Messenger
経由で
あなたにマッチした転職を診断します。

今スグ診断(無料)

《最大6つの質問で診断完了!》
Facebook Messenger
経由で
あなたにマッチした転職を診断します。

今スグ診断(無料)