Workshop

西畑一馬のJavaScript/jQuery入門講座

※2012年2月より、講座内容が新しくなりました。

最近のWebサイト作成では、JavaScriptが必須のスキルとなりつつあります。JavaScriptを利用することで、HTML+CSSでは表現ができなかったユーザーの操作に応じたインタラクティブなコンテンツやFlashのようなアニメーション表現が可能になります。

JavaScriptと聞くと難しそうですが、人気のJavaScriptライブラリ「 jQuery 」を利用すればCSSの知識+αで様々な表現が可能になります。

本講座では、JavaScriptの基礎とjQueryの使い方を学びながら様々なユーザーインターフェイスを作成する方法を学びます。

講座レベルlevel3

■カリキュラム概要

  • 1.JavaScriptの基礎

    • JavaScriptとは
    • JavaScriptの基礎
    • DOMの基礎
    • Ajaxの基礎

  • 2.jQueryの基礎

    • 様々なセレクタ
    • HTML / CSSの操作
    • イベント

  • 3.jQueryでさまざまなUIを作成

    • ストライプテーブル
    • ギャラリー
    • アコーディオンパネル
    • タブパネル
    • Ajaxを利用したデータ読み込み

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

使用アプリケーション
Firefox、TeraPad
講師
西畑一馬
定員
6名
対象
HTML/CSSのマークアップ・設計ができる方
「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方
本ページ下の 受講対象レベルチェック問題 を理解できる方
料金
29,800円（税込み）

2012年3月23日（金）11:00～18:00残り5席

お申し込み：2012年3月23日（金）

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

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

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

問1：

次のタグを赤色で表示するCSSを答えてください。

<p class="sp">スマートフォン</p>

問2：

次のHTMLの間違いを答えてください。

<p>lesson<a href="index.html>1</p></a>

問3：

p要素に対してセレクタの優先度が高い準に並べてください。

(1) #container .content p { color: red; }
(2) p { color: red; }
(3) div#container div.content p { color: red; }
(4) .content p { color: red; }

答1：

p.sp{
  color:red;
}

答2：

href属性の"（ダブルクオーテーション）がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。

<p>lesson<a href="index.html">1</a></p>

答3：

(3),(1),(4),(2)

Information

写真：西畑一馬

Instructor西畑一馬

to-R代表、Webクリエイター

プロフィールを見る

voice

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

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

正社員

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

Web制作会社 正社員

67WS channel

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

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

安心サポート始めました 一度ご受講された講座に、6ヶ月間無料で再受講できます

イメージ：Webデザイン・フォーラム 10人のプロが教える原則と経験則
Webデザイン・フォーラム 10人のプロが教える原則と経験則

イメージ：JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために

イメージ：jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践
jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践

イメージ：Web制作の現場で使う jQueryデザイン入門
Web制作の現場で使う jQueryデザイン入門

トップページに戻る