ホーム > 集合研修 分野別検索 > 集合研修 コース検索一覧(カテゴリ:Webデザイン/Web開発/モバイル開発) > イマドキなWebページ作成に役立つJavaScriptライブラリー9選 ~jQuery、Bootstrap、AngularJSなど~

イマドキなWebページ作成に役立つJavaScriptライブラリー9選 ~jQuery、Bootstrap、AngularJSなど~

  • キャンペーン
    キャンペーン対象コース
  • Select6
    Select6

コース基本情報

コースタイトル イマドキなWebページ作成に役立つJavaScriptライブラリー9選 ~jQuery、Bootstrap、AngularJSなど~
コースコード WSC0079G  
コース種別 集合研修 形式 講義+実機演習
期間 1日間 時間 9:30~17:30 価格(税抜) 50,000円(税抜)
主催 トレノケート
日程 会場 空席状況 実施状況 選択

2017年12月8日(金) ~ 2017年12月8日(金)

新宿LC

  キャンセル待ち

実施確定

2018年1月19日(金) ~ 2018年1月19日(金)

新宿LC

  空席あり

2018年3月9日(金) ~ 2018年3月9日(金)

新宿LC

  空席あり

2018年6月11日(月) ~ 2018年6月11日(月)

新宿LC

  空席あり

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。

詳しくはお問い合わせください。

ワンポイント

リッチなユーザーインタフェースや、スマートフォンやタブレットに対応した「レスポンシブWebデザイン」を効率よく実現する方法を学びたい方にお勧めです。


Buy One Get One 50% OFFキャンペーン対象コース
対象コースから2コースお申し込みいただくと1コースが半額に!
対象103コースからお好きな組み合わせでご受講いただけます。


対象者情報

対象者
・これからJavaScriptライブラリーを利用した開発を行う開発者
・Webサイトを運営・構築している部門の方
・Webディレクターの方
前提条件
・WWW(World Wide Web)の基礎知識
・HTML/CSSの基本的な知識
・プログラミング言語の基本的な知識

あるいは以下のコースを受講のこと
「1日でわかる!Webテクノロジー」(WSC0016G)

学習内容の詳細

コース概要
ここ数年、JavaScriptを利用した動的なWebサイト構築は標準的になってきています。Ajaxと呼ばれる非同期通信の他、メニューのプルダウンや「ここにキーワードを入力」といったヒント表示も行うなどリッチなユーザーインターフェイスを実現します。パターン化された動作のJavaScriptはライブラリーを利用すると効率よく開発可能です。
本コースではクライアントサイドスクリプトで有名な「jQuery」というライブラリーの特徴や動作を中心に、レスポンシブWebデザインに効果的な「Bootstrap」、AngularJSやNode.jsといった大規模な開発向きのライブラリーやサーバーサイドスクリプトの動作を確認し、JavaScriptの利用範囲や実現できる動作の体験を行います。
学習目標
● JavaScriptライブラリーの利用範囲を説明できる
● jQueryの組み込み方が理解できる
● 大規模なWebサイトにも対応できるJavaScriptライブラリーの適切な使い分けができる
学習内容
1. JavaScriptの利用目的
  - Webページを構成する要素
  - JavaScriptの基本文法
  - Ajaxによる動的ページ更新
  - JSON形式によるデータ
  - JavaScriptライブラリー

2. ユーザーインターフェースの操作
  - DOM(Document Object Model)とは
  - jQueryの基礎
  - jQuery UIを利用したアコーディオンメニュー
  - jQuery Mobileによるモバイルパーツの作成
  - jQueryのAjax通信で、好きなタイミングでデータを表示する

3.効率的なWebサイト開発へ
  - MVC/MVVMとは
  - Single Page Application(SPA)を実現する
  - AngularJSによるWebサイト作成
  - KnockOut.js/Backbone.jsとの比較
  - Bootstrapを使ったレスポンシブWebデザインの実現

4. サーバーサイドJavaScript
  - サーバーサイドJavaScriptとは
  - Node.js+Express.jsによるWebサイト

実習/演習内容詳細

ソフトウェア/ハードウェア
Windows 8.1
Internet Explorer
Google Chrome
Mozilla fiefox
実習/演習/ デモ内容
・jQueryを使ってみよう
タブメニューや画像ギャラリーの動作を確認します
・AngularJSを使ってみよう
シングルページアプリケーションの動作を確認します
・Bootstrapを使ってみよう
スマートフォンとPCの画面構成を確認します

ご注意・ご連絡事項

・コースの内容は変更される可能性があります。