「HTML・CSSは分かるけどJavaScriptやjQueryがよく分からない」という方向けに、1日でJavaScriptやjQueryの基礎が分かる講座を開催します。
開催日時: 2019年12月21日（土）13:45-19:00
開催の背景
Webページを制作していると、どうしてもHTMLやCSSだけではできないこと、やりづらいことがあります。
例えば写真を一定時間ごとに切り替えるとか、スマートフォンでメニューボタンを押すとメニューが展開されるなどです。
そういった時JavaScript、jQueryライブラリを使用するとやりたいことを実現できます。
例えば、jQueryプラグインをコピーペーストするだけでもやりたいことは実現できるかもしれません。しかしそれでは、「表現方法を変えたい」とか「アニメーションのタイミングを変更したい」といった時に対応できないかもしれません。
この講座では、HTMLはわかるけどプログラミングの経験は全く無い方向けに、JavaScriptの基礎から、jQueryライブラリの使用方法、jQueryスクリプトの書き方をお話し、写真を一定時間ごとに切り替えたり、メニューボタンクリックするとメニューが展開されるなど、スマートフォンでよく使用されるjQueryスクリプトを「自分で理解して書ける」ようになることを目的としています。
対象となる方
この講座は、HTMLや、CSSの基礎が分かっている方向けに開催します。
WindowsやMacへのアプリケーションのインストール、ファイル操作（ファイルの移動、コピー等）もできる必要があります。
※HTML・CSSが分からない方は、「スマートフォン時代のWebコーディングスクール」の受講をご検討ください。「スマートフォン時代のWebコーディングスクール」にはJavaScript・jQuery講座の内容も含まれています。
受講に必要なもの
WindowsノートPCまたはMacBookをお持ちください。
講座ではオープンソースで無料のテキストエディターを使用します。Adobe CC は不要です。
講座の内容
- JavaScriptはどんな用途に使えるのか
- JavaScriptの基本的な書き方
- jQueryライブラリ、jQueryスクリプト、jQueryプラグインとは何か
- jQueryスクリプトを書いてみよう
- クリックすると別の要素に何かが起きるようにするには
- クリックすると内容が切り替わるタブを作る
- メニューボタンをクリックするとメニューが開くようにする
- 一定時間ごとに画像が切り替わるようにする
- jQueryプラグインを導入する方法
- jQueryプラグインを作成する方法
デモ動画
こちらは実習で制作するもののデモ動画です。
- 一定時間ごとに写真を切り替える
- タブをクリックするとコンテンツの内容を切り替え
- スマートフォンでメニューボタンをクリックするとメニューを開く
3つの作例を1つの動画にまとめています。
講師紹介
庄崎大祐
このブログを執筆している人です。「スマートフォン時代のWebコーディングスクール」などのHTML・CSSコーディングスクールや「WordPressカスタマイズ講座」などの講師をしています。
以下の本の執筆もしています。
以下のイベントで講演しています。どれも現役Web制作者向けのセミナーとして人気のあるものです。
- CSS Nite（テーマ: Webデザインで使うPhotoshop）
- WordCamp（テーマ: WordPressでブログをデザインするときに気をつけていること）
場所
渋谷駅より徒歩7分の Stocker.jp / Space にて行います。
住所: 東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室（Google マップ）
スクール形式で最大29名座ることができます。
奥のスクリーンは、約150インチのワイドスクリーンです。
これは、奥から入口側を撮影した写真です。入口側はカフェスペースとなっており、色々なドリンクが飲めるほか、Web関係の書籍を読んだり、講師に1対1で質問したり相談するときなど、ゆっくり話せるようにしています。
募集人数
10名〜20名程度を予定
受講料金
2万円（税込）
※ 受講料金は現金にて会場払いです。
お申込み
お申し込みではなくご質問のみある方は、以下のお申込みフォームではなく お問い合わせフォーム よりお願い致します。
1日で分かるJavaScript・jQuery講座
お申込みはこちら。受講料は2万円です。
授業は 2019年12月21日（土）13:45-19:00 の全5時間です。
