chevron_left 簡単なjQuery実装編【イシジマミキのデザイン実践ゼミ】

簡単なjQuery実装編【イシジマミキのデザイン実践ゼミ】

PREMIUM
第1回

簡単なjQuery実装編【イシジマミキのデザイン実践ゼミ】

2014年10月6日 90min

会員登録して、全てのスライドを見よう

1 / 10

授業の概要

いよいよ、最後となりました。イシジマミキのデザイン実践ゼミ。今回はHTML,CSSを離れてjQueryです!HTML,CSSは理解できていてもjQueryとなるとソースコードをコピペするくらいしか…。という人は多いのではないでしょうか?

本授業ではそういった方々に向けて、本当に基礎の基礎の怖くないjQueryの部分を丁寧に解説していきます。

最初はBootstrapで同梱されているjsを使って簡単なモーダルウィンドウなどを実装していきましょう。それができたらスクロールバーを固定表示させる方法について解説していきます。どちらも意外に簡単なのですよ。

最後にコードを管理する上で欠かせない、gitについても解説。覚えるものは5つだけなので非常に簡単です。※あらかじめご自身の環境にgitをインストールしておいてくださいね。

必要なもの

* git (授業ではコンソール(黒い画面)で解説します。)
コンソールを利用します。インストールは下記を参考にしてください。
http://www.backlog.jp/git-guide/intro/intro2_1.html
※外部のリンクになります

授業中に使うデータ

学べること

* フレームワークとjQueryを活用したインターフェイスの実装
* 簡単なjQueryコードで実践できる便利な機能
* いつでも戻せる安心なバージョン管理システム gitの利用方法

■デザイン実践ゼミ全3回

レスポンシブコーディング編【イシジマミキのデザイン実践ゼミ】
デザインツール利用編【イシジマミキのデザイン実践ゼミ】
簡単なjQuery実装編【イシジマミキのデザイン実践ゼミ】

こんな人にオススメ

Webサイト制作を効率化したい方

授業で使用する教材

※授業以外での使用は禁止します