商品情報

JavaScript基礎/実践講座　Eラーニングは、「基礎編」全4回と「実践編」全4回からなるプログラムで、基本的な概念の習得から具体的な画面へのインタラクション付与まで、演習用データを使って記述をしながらレクチャーしていきますので、JavaScriptの基礎をしっかり学べる内容となっています。

※2023年1月作成

■購入方法■
「カートに追加」をクリックし、当サイトにログインするためのアカウント作成し、購入に進んでください。
（すでにアカウント作成された方は、ログインへお進みください。）
クレジット決済に対応しています。
決済後、受講を開始いただけます。

■JavaScript基礎講座 主な講義内容(6:58:01)
（１）JavaScriptの最低限知っておくべきこと、基本的な概念の習得(1:45:07)
文字列の操作方法について
JavaScriptの利用箇所
ブラウザー、スマートフォン、サーバーサイド
JavaScriptのバージョン
変数の扱い
文字の扱い
数値の扱い
画面への表示

（２）プログラムを記述するときに必要な制御文、繰り返し文などの習得(1:45:12)
条件分岐の扱い
配列、オブジェクト
変数からのオブジェクト
演算子の利用
繰り返し処理の利用
BMIの計算プログラムを作成

（３）JavaScriptでは必須になる関数の扱い方、エラー時の確認方法(1:44:48)
関数の扱い
アロー関数式
Dateオブジェクト、Mathオブジェクトの利用
エラー時の扱い
生まれた日は何曜日か表示するプログラムを作成

（４）ブラウザー表示を変更するDOMの扱い方の習得(1:42:54)
DOMの利用
要素ノードの取得
要素の書き換え
CSSの適用、除去
イベントの利用（addEventListener）
クリックしたら画像が差し替わるプログラムを作成

▼受講にあたり必要なこと
※HTML、CSSの基礎知識がある
※VisualStudioCode時点最新版と機能拡張・GoogleChromeがインストールされているパソコンがあること（Windows10以上、macOS バージョン11以上推奨）

■JavaScript実践講座 主な講義内容(7:00:54)
（１）タイマーやDOMを組み合わせたアニメーションの利用方法を習得(1:41:01)
タイマーの利用
DOM処理との併用によるアニメーション処理
HTML要素の追加、削除
画像をアニメーション表示するプログラムの作成・変数の扱い

（２）ユーザーからのデータを受け取って処理を行う方法を取得(1:46:19)
フォームを利用したデータの取得
プロンプトダイアログの表示と処理
バリデーションの必要性と実装
簡単な計算機プログラムの作成
クイズの作成

（３）外部ライブラリーを利用して、複雑な処理を簡単に扱う(1:46:54)
ライブラリーを使う点のメリット
ライブラリーの利用方法
NPMの利用方法（パッケージマネージャーの利用）
NPMからのライブラリー導入方法
イメージスライダーの導入「Swiper.js」
グラフ表示を行う「Chart.js」

（４）GSAPを用いたアニメーションおよび制御(1:46:40)
外部ライブラリーGSAPの使い方
GASPによるアニメーション利用
連続アニメーションの指定および利用
GSAPプラグインによる機能拡張
スクロール連動アニメーションの利用

▼受講にあたり必要なこと
※HTML、CSSの基礎知識がある
※VisualStudioCode時点最新版と機能拡張・Node.jsのLTS版時点最新版・GoogleChromeがインストールされているパソコンがあること（Windows10以上、macOS バージョン11以上推奨）

■講師
関口 和真（せきぐち・かずま）
株式会社コムセント取締役 CTO

サイトデザイン、HTMLのコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリの作成、ウェブサーバーの実装、運用などトータルでウェブサイトの作成を行う。テクノロジーを理解し、デザインやコーディング、サーバー運用やサービス運用のアドバイスをトータルで行える点が強み。
株式会社コムセント(Web制作会社)のCTOとしてWebサイト作成、システム開発及びプログラム開発に従事。ECサイトのカスタマイズ、フルスクラッチによるWebシステム開発、映像配信システムや映像配信、配信用スマートフォンアプリ作成を主に手がける。
大学・専門学校にて、Web制作の授業を担当（非常勤）。イベントやセミナーの登壇経験も豊富。 Dreamweaver等の著書も。

商品内容

JavaScript　Eラーニング

• JavaScript JavaScript基礎講座 第1回（1:45:07）

• JavaScript JavaScript基礎講座 第2回（1:45:12）

• JavaScript JavaScript基礎講座 第3回（1:44:48）

• JavaScript JavaScript基礎講座 第4回（1:42:54）

• JavaScript JavaScript実践講座 第1回（1:41:01）

• JavaScript JavaScript実践講座 第2回（1:46:19）

• JavaScript JavaScript実践講座 第3回（1:46:54）

• JavaScript JavaScript実践講座 第4回（1:46:40）