第4回｜デザインパターン基礎 -CSSとjQueryを使ったプルダウンの実装-

この授業では、Web制作におけるPCサイト及びスマートフォン（スマホ）サイトのデザインパターンとコーディングテクニックを学びます。

CSSのみで実装できるものからjQueryを用いて表現するものまで、Webサイトを作る上で最低限必要になってくる表現方法を抜粋して紹介していきます。

「HTMLとCSSの知識はあるけれど、レスポンシブ実装は勘でやっている」
「jQueryの実装の仕組みがいまいちよくわからない」

今まで“なんとなく”で実装していたコーディングを“確実”なものにするために、根拠のある知識をつけましょう。

第4回目の授業は、クリックやタップをするとメニュー一覧が登場するプルダウンについて学びます。3回目で学んだハンバーガーボタンを応用して実装していきましょう。

■授業のアジェンダ（予定）

・とりあえずCSSだけ作ってみる
・jQueryを導入して実際に動かしてみる
・動作の確認