「1日で分かるJavaScript・jQuery講座」を開催します

この講座は現在開催しておりません。新しい講座として以下の講座が動画受講できますので、以下をご検討ください。
新JavaScript基礎講座(動画講座)受講生募集中!

開催の背景

Webページを制作していると、どうしてもHTMLやCSSだけではできないこと、やりづらいことがあります。
例えば写真を一定時間ごとに切り替えるとか、スマートフォンでメニューボタンを押すとメニューが展開されるなどです。

そういった時JavaScript、jQueryライブラリを使用するとやりたいことを実現できます。

例えば、jQueryプラグインをコピーペーストするだけでもやりたいことは実現できるかもしれません。しかしそれでは、「表現方法を変えたい」とか「アニメーションのタイミングを変更したい」といった時に対応できないかもしれません。

この講座では、HTMLはわかるけどプログラミングの経験は全く無い方向けに、JavaScriptの基礎から、jQueryライブラリの使用方法、jQueryスクリプトの書き方をお話し、写真を一定時間ごとに切り替えたり、メニューボタンクリックするとメニューが展開されるなど、スマートフォンでよく使用されるjQueryスクリプトを「自分で理解して書ける」ようになることを目的としています。

対象となる方

この講座は、HTMLや、CSSの基礎が分かっている方向けに開催します。
WindowsやMacへのアプリケーションのインストール、ファイル操作(ファイルの移動、コピー等)もできる必要があります。

※HTML・CSSが分からない方は、「スマートフォン時代のWebコーディングスクール」の受講をご検討ください。「スマートフォン時代のWebコーディングスクール」にはJavaScript・jQuery講座の内容も含まれています。

Webコーディングスクール 体験レッスン受付中

受講に必要なもの

WindowsノートPCまたはMacBookをお持ちください。

講座ではオープンソースで無料のテキストエディターを使用します。Adobe CC は不要です。

講座の内容

  • JavaScriptはどんな用途に使えるのか
  • JavaScriptの基本的な書き方
  • jQueryライブラリ、jQueryスクリプト、jQueryプラグインとは何か
  • jQueryスクリプトを書いてみよう
  • クリックすると別の要素に何かが起きるようにするには
  • クリックすると内容が切り替わるタブを作る
  • メニューボタンをクリックするとメニューが開くようにする
  • 一定時間ごとに画像が切り替わるようにする
  • jQueryプラグインを導入する方法
  • jQueryプラグインを作成する方法

デモ動画

こちらは実習で制作するもののデモ動画です。

  1. 一定時間ごとに写真を切り替える
  2. タブをクリックするとコンテンツの内容を切り替え
  3. スマートフォンでメニューボタンをクリックするとメニューを開く

3つの作例を1つの動画にまとめています。

講師紹介

庄崎大祐

このブログを執筆している人です。「スマートフォン時代のWebコーディングスクール」などのHTML・CSSコーディングスクールや「WordPressカスタマイズ講座」などの講師をしています。

以下の本の執筆もしています。

以下のイベントで講演しています。どれも現役Web制作者向けのセミナーとして人気のあるものです。

  • CSS Nite(テーマ: Webデザインで使うPhotoshop)
  • WordCamp(テーマ: WordPressでブログをデザインするときに気をつけていること)

場所

渋谷駅より徒歩7分の Stocker.jp / Space にて行います。

住所: 東京都渋谷区桜丘町11-11 ライオンズマンション桜丘 403号室(Google マップ

Stocker.jp / Space 渋谷
スクール形式で最大29名座ることができます。
奥のスクリーンは、約150インチのワイドスクリーンです。

カフェスペース

これは、奥から入口側を撮影した写真です。入口側はカフェスペースとなっており、色々なドリンクが飲めるほか、Web関係の書籍を読んだり、講師に1対1で質問したり相談するときなど、ゆっくり話せるようにしています。

募集人数

10名〜20名程度を予定

受講料金

2万円(税込)

※ 受講料金は現金にて会場払いです。

特定商取引法に基づく表示

お申込み

現在はお申し込みを受け付けておりません。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。
Index