この講座は現在開催しておりません。新しい講座として以下の講座が動画受講できますので、以下をご検討ください。
新JavaScript基礎講座(動画講座)受講生募集中!
開催の背景
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万円(税込)
※ 受講料金は現金にて会場払いです。
お申込み
現在はお申し込みを受け付けておりません。