Workshop

中村享介のJavaScript/jQuery入門講座

最近のWeb制作では、(X)HTMLとCSSによるWeb標準に基づいた設計が普通になっています。新規に制作されるウェブサイトはすべて(X)HTML+CSSといっても過言ではないでしょう。
そんな中で1歩進んだウェブサイトでは(X)HTML+CSSに加えてJavaScriptを利用することが多くなっています。

この講座ではJavaScriptをどのようにWeb制作に生かしていくのかを学びつつ、jQueryという今もっとも人気のあるAjaxライブラリを使い、簡単で実際の現場でも使えるスクリプトを学習します。

講座レベルlevel1

■カリキュラム概要

  • 1.JavaScriptとは

    • (X)HTML、CSSとの関係と役割
    • JavaScriptを試す
  • 2.ライブラリとは

    • JavaScriptのライブラリ
    • jQueryの特徴
  • 3.タブ機能

    • ウインドウシェードを作ってみる
    • タブでの切り替えを実現する
  • 4.ロールオーバー

    • 実装を考える
    • カスタムする
    • 特定画像を切りかえる
  • 5.リンクの装飾

    • 外部リンクを見分ける
    • 画像への直接リンクを見分ける

*カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用アプリケーション
Firefox, Firebug, EmEditor
講師
中村享介
定員
6名
対象
(X)HTML,CSSを理解して書けるマークアップエンジニア、ウェブデザイナー
本ページ下の 受講対象レベルチェック問題 を理解できる方。
料金
29,800円(税込み)

2010年3月24日(水)11:00~18:00残り5席

お申し込み:2010年3月24日(水)

2010年4月22日(木)11:00~18:00残り5席

お申し込み:2010年4月22日(木)

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。

■受講対象レベルチェック問題

*全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

問1:

id属性にheaderとつけられたdiv要素の中にある、li要素を選択するセレクタを答えてください。

問2:

dl要素の直下に置いてよい要素を答えてください。

問3:

class="hide"に対して、表示させず、そこになかったかのようにするCSSを答えてください。

答1:

div#header li

答2:

dt, dd

答3:

.hide{
  display:none;
}

Information

写真:中村享介

Instructor中村享介

フロントエンドエンジニア、Webデザイナー、ディレクター

プロフィールを見る

voice

受講頂いた方からのコメントをご紹介しています。

実際に業務に生かせそうな内容が多く、とても勉強にまりました。

正社員

JavaScript初心者でしたが、短時間で概念から、実際の実装方法まで学習できてとても充実できました。

Web制作会社 正社員

【「複数割」受講チケット最大23%OFFキャンペーン】有効期限はお買い求め日から1年間。募集中の全ての講座にご利用いただけます!!キャンペーンの詳細はこちら

【10,000円キャッシュバックキャンペーン】 2講座受講の方に10,000円のキャッシュバック!!キャンペーンの詳細はこちら

受講料全額無料プレゼント!!

Adobe Creative Suite 4をご購入の方に、67WSを無料で受講いただけるキャンペーンを実施中です!


トップページに戻る

ページ先頭へ戻る