Webページを制作していると、どうしてもHTMLやCSSだけではできないこと、やりづらいことがあります。
例えば写真を一定時間ごとに切り替えるとか、スマートフォンでメニューボタンを押すとメニューが展開されるなどです。
そういった時JavaScript、jQueryライブラリを使用するとやりたいことを実現できます。
例えば、jQueryプラグインのようなものをコピーペーストするだけでもやりたいことが実現できるかもしれませんしかしそれでは、表現方法を変えたいとかアニメーションのタイミングを変更したいと言った時に対応できないかもしれません。
この講座では、HTMLはわかるけどプログラミングの経験は全く無い方向けに、JavaScriptの基礎から、jQueryライブラリの使用方法、jQueryスクリプトの書き方をお話し、写真を一定時間ごとに切り替えたり、メニューボタンクリックするとメニューが展開されるなどスマートフォンでよく使用されるjQueryスクリプトを自分で理解して書けるようになることを目的としています。
■講座の内容
・JavaScriptはどんな用途に使えるのか
・JavaScriptの基本的な書き方
・jQueryライブラリ、jQueryスクリプト、jQueryプラグインとは何か
・jQueryスクリプトを書いてみよう
・クリックすると別の要素に何かが起きるようにするには
・メニューボタンをクリックするとメニューが開くようにする
・一定時間ごとに画像が切り替わるようにする
・jQueryプラグインを導入する方法
・jQueryプラグインを作成する方法
■ご注意
この講座は「HTML・CSSを使用してWebサイトを制作できる方」向けの講座です。
HTML・CSSを書いたことがない方、自信がない方は入門講座である「スマートフォン時代のWebコーディングスクール」をご検討ください。
「スマートフォン時代のWebコーディングスクール」にはこのJavaScript・jQuery講座の内容も含まれています。
https://www.street-academy.com/myclass/12383参加には、ノートPC(Windows PCまたはMacBook)が必要です。
制作する予定のスクリプトが動作するデモの動画など、下記ブログ記事に書いております。(お申し込みはストアカよりお願いします)
https://stocker.jp/diary/javascript-jquery-lesson/?rel=sa