JavaScript講座JavaScript講座

西畑一馬のJavaScript/jQuery入門講座

講座レベル3

最近のwebサイト作成では、JavaScriptが必須のスキルとなりつつあります。JavaScriptを利用することで、HTML+CSSでは表現ができなかったユーザーの操作に応じたインタラクティブなコンテンツやFlashのようなアニメーション表現が可能になります。

西畑一馬

JavaScriptと聞くと難しそうですが、人気のJavaScriptライブラリ「jQuery」を利用すればCSSの知識+αで様々な表現が可能になります。

本講座では、JavaScriptの基礎とjQueryの使い方を学びながら様々なユーザーインターフェイスを作成する方法を学びます。


修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

  • jQuery/JavaScriptの基本が理解できるようになる
  • クライアントのニーズに答えられる独自のユーザーインターフェース(UI)の作成が可能になる

カリキュラム概要

  1. JavaScriptの基礎
    • JavaScriptとは?
    • JavaScriptの基礎
  2. jQueryの基礎
    • 様々なセレクタ
    • HTML/CSSの操作
    • イベント
  3. jQueryでさまざまなUIを作成
    • ストライプテーブル
    • ギャラリー
    • アコーディオンパネル
    • タブパネル
西畑一馬

*カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。


使用アプリケーション
Google Chrome、Atom
講師
西畑一馬
定員
6名
対象
HTML/CSSのマークアップ・設計ができる方
千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方
本ページ下の 受講対象レベルチェック問題 を理解できる方
会場
ロクナナワークショップ
東京都渋谷区神宮前1-1-12 原宿ニュースカイハイツ 204号室
JR山手線「原宿駅」・東京メトロ副都心線「北参道駅」から徒歩7分

受講料

29,800円(税込み)

受講料には、テキストやノートPCの使用料金などを含んでおります。入会金などは一切必要ありません。

最大30%OFFまでの割引あります

  • 早割30
  • 早割10
  • 遠方割
  • 学割
  • 主婦割

開講日・お申し込み

2017年07月06日(木)11:00~18:00残り6席

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。


受講対象レベルチェック問題

全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

問1: 次のタグを赤色で表示するCSSを答えてください。

<p class="sp">スマートフォン</p>

問2: 次のHTMLの間違いを答えてください。

<p>lesson<a href="index.html>1</p></a>

問3: p要素に対してセレクタの優先度が高い準に並べてください。

(1) #container .content p { color: red; }
(2) p { color: red; }
(3) div#container div.content p { color: red; }
(4) .content p { color: red; }

答1:

p.sp{
  color:red;
}

答2: href属性の"(ダブルクオーテーション)がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。

<p>lesson<a href="index.html">1</a></p>

答3: (3),(1),(4),(2)



受講者の声

わかりやすかったです。これから頑張って復習&実践しようと思いました。

一般企業勤務 契約社員

実際に業務に生かせそうな内容が多く、とても勉強にまりました。

正社員

JavaScript初心者でしたが、短時間で概念から、実際の実装方法まで学習できてとても充実できました。

Web制作会社 正社員

私には少し難しかったです。でもこういう感じというのがわかったので、自分でも勉強できると思います。

一般企業勤務 その他

本を読んで勉強するよりも、短い時間でしたがお話をお聞きして、ためになったとおもいます。

一般企業勤務 派遣社員

本を買っても何から勉強したらいいのか分からない状態だったのが、今後どのように勉強をしていけばいいのか分かってきたような気がします。

フリーランス

具体的・実践的内容が多いように感じましたので ある程度の知識レベル・実務経験がある人にとっては有意義な講座だったかと思います。

一般企業勤務 正社員

HTML/CSSベースのサイト制作を行いながら少しづつ今回学んだことを取り入れて復習していきたいと思います。

その他

とてもわかりやすく教えてくださり感謝です。内容の濃い講座でした。ありがとうございました!!!

フリーランス その他

おもしろかったです。先生の教え方も親切でよかった。 本を読んでもいまいちわからずにいた部分が少しわかるようになって、自分でチャレンジするきっかけになったと思います。ありがとうございました。

Web制作会社勤務 正社員

既存のライブラリ等で現場作業していますが、ちゃんとした基礎知識がないのでデバックに無駄な時間を割いてしまうことが何度かありました。なんとなくフィーリングで作業していたことも、今回の講座で学んだことを活かして作業していけそうです。しかし、ちゃんと理解し飲み込むまで時間がかかってしまうので、もっと時間がほしいと感じました。

一般企業勤務 正社員

様々な機能を自分の手で実装できたのでとても勉強になりました。

Web制作会社勤務 正社員

JavaScriptの基本から説明していただいたので、 初心者の方には大変わかりやすい内容だったと思います。

Web制作会社勤務・正社員

  • Twitter
  • Instagram
  • Facebook