商品情報
![](https://d19rqd1z75bnnc.cloudfront.net/2031/63f5ac2f68ef5.jpg?Expires=1722164590&Signature=Ca-CRXn~z3cELlVpky~LqZqn2SBRJQNVSDFjKw83RvKPOYILQ0--XLiu645TjAFSCCWx5lwvOhlgxwc~~vuh0ibQr6wGIW4rBXKFLdNlybsJjw09yHuzG2e~2nU0RvTnCQrCZUn6ySKv7KHVwvQxkwRwSoVPw8I5FQ6PGfiZrLyAoMagX5AIQ0QE6uYs4AzPAlpOhCWJLjP1cgiKf93gustHmoKSVNKtJtzZHliuDWjFC3hOiiJ1fxP02PyVlX-YP0E5-Fx168iYH0jPm385ZXygjdjcYoXtrJ5MyA8cnrrf-1gGyLM20YG6wMxv0Gc9ITNOR~1C4b1UA0KWNlPiDQ__&Key-Pair-Id=KQT9E1ZATG7Y0)
HTML/CSSを習得したWebデザイナーやフロントエンドエンジニアを目指すマークアップエンジニア・Webコーダーの方にとって、JavaScriptは身につけておきたい技術の1つです。
JavaScriptを使った具体的な画面へのインタラクション付与に興味のある方に特にオススメです。
※2023年1月作成
■購入方法■
「カートに追加」をクリックし、当サイトにログインするためのアカウント作成し、購入に進んでください。
(すでにアカウント作成された方は、ログインへお進みください。)
クレジット決済に対応しています。
決済後、受講を開始いただけます。
■JavaScript実践講座 主な講義内容(7:00:54)
(1)タイマーやDOMを組み合わせたアニメーションの利用方法を習得(1:41:01)
タイマーの利用
DOM処理との併用によるアニメーション処理
HTML要素の追加、削除
画像をアニメーション表示するプログラムの作成・変数の扱い
(2)ユーザーからのデータを受け取って処理を行う方法を取得(1:46:19)
フォームを利用したデータの取得
プロンプトダイアログの表示と処理
バリデーションの必要性と実装
簡単な計算機プログラムの作成
クイズの作成
(3)外部ライブラリーを利用して、複雑な処理を簡単に扱う(1:46:54)
ライブラリーを使う点のメリット
ライブラリーの利用方法
NPMの利用方法(パッケージマネージャーの利用)
NPMからのライブラリー導入方法
イメージスライダーの導入「Swiper.js」
グラフ表示を行う「Chart.js」
(4)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:41:01)
- JavaScript JavaScript実践講座 第2回(1:46:19)
- JavaScript JavaScript実践講座 第3回(1:46:54)
- JavaScript JavaScript実践講座 第4回(1:46:40)