講座概要

このトレーニングは、HTML/CSSでのマークアップを理解している方を対象に、JavaScriptの記述方法・読み方、仕組みを理解し、わからない箇所は自分で調べることができるようになるまでのスキルを習得することを目的としたトレーニングです。

FLASHのSWFによる表現が終焉を迎え、HTML5やCSS3での表現に加えて各種Webブラウザの高速化から、よりJavaScriptを使った表現が求められるようになってきています。

JavaScriptを使用すると、HTMLやCSSだけでは難しい、Webサイト全体に様々な機能や振る舞いを追加することが可能になります。JavaScriptは、Webブラウザやスマートフォンでの活用はもちろん、HTML5の新機能となるさまざまなAPIを扱う上で必要な知識になり、Adobe製品を使っている方は、IllustratorやAfterEffects、Animateなどでも使用できる言語です。
このトレーニングでは、まったくJavaScriptを使ったことがない、という方を対象に、主にWebブラウザと連動して使うJavaScriptの学習をメインに、どのようなことができるか？また、どんなことを覚えておけばいいかを知り、書いてあることが読めるようになり、今後、JavaScriptについて自分で調べていく力を身につけられるようにすることを目的にしています。

JavaScriptの学習は、初めてプログラム言語を学習する方にとって、やはりそれなりの学習と時間が必要になりますが、前提となる知識として、特にHTML/CSSでのタグ、属性、プロパティ、セレクタ、マークアップ等の理解が最低限必要となります。HTML/CSSの理解に不安がある方は、「HTML/XHTML/CSSの基礎知識」（オンライン受講（ライブ配信））のご受講後に、このトレーニングをご検討いただけますようお願いいたします。

期待される効果

  • JavaScriptの書き方、読み方、仕組みが理解できるようになります。
  • JQueryのベースとなる部分、またHTML5などと組み合わせて使用するJavaScriptの基礎を理解することで、今後JavaScriptに関して、自分で調べられる力が身につくようになります。

受講対象者

  • HTML/CSSの基本的なタグ、属性、プロパティ、セレクタ、マークアップの理解がある方（必須）
  • 外部CSSを活用する方法に理解のある方（必須）
  • アプリケーションの操作経験や操作に関する知識は問いません

受講者へのメッセージ

JavaScriptを使用すると、画像を入れ替えたり、ブラウザウインドウへの様々な操作を加えたり、背景色・テキスト・日付や時刻などの操作、Webサイトに訪れた方の回数や情報の取得などが可能になります。いずれの機能もブラウザの上で、ユーザーがクリックなどの操作、または一定の時間の経過で、その機能が発動します。このトレーニングでは、これら見栄えのする機能の元となる、JavsScriptの書き方・読み方の部分を習得します。

なぜ、Webサイト上で、このような機能が動作しているか？を、プログラミングとして読み取れるようになることを目的としていますので、今後さまざまなJavaScriptを使う上でのベースとなるトレーニングになります。

講師紹介

伊藤　和博

株式会社デジタルスケープ
キャリア開発グループ・トレーニングディレクター

講師歴27年。講座開発数200以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。
現在は、デジタルスケープにて一般受講者および法人を対象としたWeb、ビデオ、AdobeCCを中心としたトレーニングの企画・講師および、Webクリエイターとしての就労を目的に、求職者向けに厚生労働省管轄・求職者支援訓練の企画・講師を務める。Adobe認定エキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。ウェブデザイン技能士。

開催日時

平日の10:00〜17:00に開催いたしますので、お問合せフォームよりご希望の受講日をご連絡願います（土日・祝祭日、年末年始、お盆、ゴールデンウィーク等の期間、国の研修を実施している期間（要お問い合わせ）は除きます）。

会場

オンライン研修または出張トレーニングによる開催のため、ご自宅またはお勤めの社内にてご受講いただく形となります。出張トレーニングをご希望の場合には、受講人数に合わせて別途お見積もりいたしますので、お問い合わせフォームよりお問い合わせください。

カリキュラム

    はじめに
    • JavaScriptとは
      JavaScriptの書き方
      • HTML表示
      • コメント
      ブラウザの設定
      データ型
      • 基本型と参照型
      イベントハンドラ
      処理の結果を確認する
      関数・変数・定数について
      • 関数
      • 変数
      • 定数
      • 書き間違えた場合
      値の入力を促す
      変数の演算
      • 使用する演算子
      • 単項・対項・三項
      • インクリメントとデクリメント
      配列
      引数
      繰り返し処理
      条件分岐
      処理の中断
      戻り値
        オブジェクトモデル
        • BOMとDOM
        • 要素の生成
        • CSSの操作
        • フォントの操作
        • 画像の操作
        • 時刻・日付の操作
        • フォームの操作
        • 一定の間隔で繰り返し処理を実行する
        • クッキーの操作
        クエリーストリング
        • テキストを使ったクエリーストリング
        • 画像を使ったクエリーストリング
        パーサ
        JavaScriptライブラリ
        他

        テキスト

        オリジナルテキストを使用。受講料に含まれているのでお得です！

        使用アプリケーション・バージョン

        • VSCode（WindowsおよびMac）（フリーウェア）
        • さくらエディタ（Windows）（フリーウェア）
        • Crescent Eve（Windows）（フリーウェア）
        • mi(Mac) （フリーウェア）
        • Google Chrome
        • Firefox
        • Safari
        • Edge

        テキストエディタは、HTML/CSSの入力に最適化されたフリーのエディタを使用いたします。普段使い慣れたエディタがある場合は、そちらでご受講いただくことができますので、お問い合わせください。

        使用端末

        MacintoshまたはWindowsにてご受講いただけます。講師はMacintoshにてトレーニングを実施いたしますが、Windowsでのキー操作も含めて解説いたしますので、Windowsでご受講の方もご安心ください。

        受講料金

        • 41,800円：一般（2日間・税込・iPadレンタル込）別途保険料＋配送料をご選択
        • 39,600円：一般（2日間・税込・iPadレンタル無）
        • 22,000円：学割（2日間・税込・iPadレンタル込）別途保険料＋配送料をご選択
        • 19,800円：学割（2日間・税込・iPadレンタル無）

        受講者の声

        ニックネーム内容評価日付