講座案内

ほんきでJavaScript

簡単な記述でWebページに様々な効果や動きを加えるjQueryの登場以降、今やJavaScript/jQueryはWebサイト制作において欠かせないスキルになってきています。

本講座では、HTML/CSSの基礎的な知識を習得されている方を対象に、JavaScript/jQueryを基礎からしっかり学べる2ヶ月コースをご用意しました。

便利なライブラリであるjQueryの使い方はもちろん、JavaScriptそのもののプログラミングも基礎からしっかり学べますので、将来的にはプラグインに頼らない、自力での実装も目指せるようになります。

JavaScriptは難しい、となかなか踏み出せない方、ステップアップしたいHTMLコーダーの方、HTML5/CSS3と組み合わせてJavaScriptでインタラクティブコンテンツを作ってみたい方にオススメのコースです。

授業の様子はこちらです。

講座概要

講座名 ほんきでJavaScript
講師 松村 慎
期間 2ヵ月間(週1回 x 8週、計40時間)14:00〜19:00(1回5時間)
定員 〜12名(最低開催人数:4名)
受講料

120,000円(税込:129,600円)

  • ※過去にクスールの他講座を受講された方は、受講生割引がございます。
  • ※分割払い、学割もございます。詳しくはお問い合わせください。



JS授業の様子

対象者

  • ・HTML/CSSを使ったマークアップが出来る方
  • ・これからJavaScript/jQueryを本格的に学びたい方
  • ・独学で学んだJavaScript/jQueryの基礎部分で躓いている方
  • ・JavaScriptを使ったインタラクティブコンテンツを作成したい方

スケジュール

カリキュラム

1週目

JavaScriptとは?~JavaScriptプログラミング:基礎

JavaScriptの歴史や開発環境など、学習していくにあたり必要な概論を説明します。その後、変数、if文などプログラミングの基礎を一から学んでいきます。授業の最後には、この講座で作る作品の課題発表を行います。

[授業内容]

JavaScript概論/開発環境/onclick/変数/if文/function

2週目

企画発表、JavaScript:DOMの扱い方

1回目の課題をもとに各自で企画したものを発表していただきます。JavaScriptではDOMの概念を学び、HTMLやCSSをJavaScriptから操作する方法を学びます。

[授業内容]

企画発表/DOMとは?/getElementById/getElementsByTagName/appendChild/HTML、CSSの操作

3週目

JavaScriptプログラミング:応用

1~2回目で学んだ技術をさらに応用し、少し複雑なプログラミングを組んでいきます。forループや配列などを使い、複数のデータを表示したり、並べ変えたりする方法を学びます。

[授業内容]

戻り値/引数/for/配列、など

4週目

jQueryの使い方:基礎

JavascriptのライブラリのひとつであるjQueryを学びます。jQueryを使うと、DOMの扱いが簡単にできるので、HTML、CSSの複雑な操作方法を重点的に学びます。また、アニメーションやフェードインなど、演出の部分も学んでいきます。

[授業内容]

jQuery概論/セレクタの使い方/HTML、CSSの操作/animate/fadeIn,Out、など

5週目

演習

これまでに学習した技術を使い、プラグインを使用せずに、簡単なフォトビューアを一から作成していきます。ロジック部分はJavaScriptを使い、表現部分はjQueryを使うなど、この演習を通じて、全体的なプログラムの組み方を学びます。

[授業内容]

配列を使った画像管理/forループを使った複数画像表示/animateを利用した動きのある画面の実装

6週目

jQueryの使い方:応用

jQueryの使い方をさらに深く解説し、よりインタラクティブなページの作成方法を学びます。同一画面内でのページ遷移や、外部データの取得など、HTML、CSSだけでは実現できないところを学んでいきます。

[授業内容]

on/each/ajax/プラグインの使い方/外部HTMLの読み込み

7週目

作品制作

今まで学習した内容を応用し、2回目で発表した企画をもとに作品を仕上げていきます。受講生ひとりひとりが違う作品を作るため、使用する技術も各人で違ってきますが、講師が個別にアドバイスや技術サポートを行いますので、ご安心ください。

[授業内容]

課題作品制作フォロー

8週目

作品発表

最終回は、受講生が制作した課題作品の発表会を行います。実際に書いたコードを見ながら、講師や他の受講生からのフィードバックを受けます。作品は受講生全員でシェアし、他の受講生のコードも参考にしながら、今後の自主学習~スキルアップにつなげてください。

※カリキュラムは、受講生の技術レベル、またはご希望により変更となる場合がございますのでご了承ください。

お申し込み・お問い合せ 03-6457-8191 随時ご相談、見学を承っております。お気軽にお問い合わせください。