JavaScript基礎/実践講座　Eラーニング 録画配信

HTML/CSSを習得したWebデザイナーやフロントエンドエンジニアを目指すマークアップエンジニア・Webコーダーの方にとって、JavaScriptは身につけておきたい技術の1つです。

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

※基礎編・実践編別々でも購入可能です。
▼内容詳細は以下をご参照ください。

■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以上推奨）

お問い合わせ