HTML5プロフェッショナル認定試験 Level 2 Ver.2.5
HTML5プロフェッショナル認定 レベル2 学習教材一覧
全108教材を、学習ロードマップに沿って選べます。
STEP 1 高度なJavaScript
STEP1 高度なJavaScriptでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- let・constとスコープの全体像基礎・約8分
- letを理解する基礎・約9分・必須
- constとスコープを理解する基礎・約9分・必須
- let・constとスコープの違いと使い分け本番レベル・約10分
- let・constとスコープのブラウザ挙動/実装演習標準・約12分
- クロージャを理解する基礎・約9分・必須
- クロージャのブラウザ挙動/実装演習標準・約12分
- thisを理解する基礎・約9分・必須
- thisのブラウザ挙動/実装演習標準・約12分
- prototypeとclassを理解する基礎・約9分・必須
- prototypeとclassのブラウザ挙動/実装演習標準・約12分
- 継承を理解する基礎・約9分・必須
- 継承のブラウザ挙動/実装演習標準・約12分
- 例外処理を理解する基礎・約9分・必須
- 例外処理のブラウザ挙動/実装演習標準・約12分
- モジュールを理解する基礎・約9分・必須
- モジュールのブラウザ挙動/実装演習標準・約12分
- 分割代入・スプレッドの全体像基礎・約8分
- 分割代入を理解する基礎・約9分・必須
- スプレッドを理解する基礎・約9分・必須
- 分割代入・スプレッドの違いと使い分け本番レベル・約10分
- 分割代入・スプレッドのブラウザ挙動/実装演習標準・約12分
- Map・Setの全体像基礎・約8分
- Mapを理解する基礎・約9分・必須
- Setを理解する基礎・約9分・必須
- Map・Setの違いと使い分け本番レベル・約10分
- Map・Setのブラウザ挙動/実装演習標準・約12分
- Iterator・Generatorの全体像基礎・約8分
- Iteratorを理解する基礎・約9分・必須
- Generatorを理解する基礎・約9分・必須
- Iterator・Generatorの違いと使い分け本番レベル・約10分
- Iterator・Generatorのブラウザ挙動/実装演習標準・約12分
STEP 2 非同期処理と通信
STEP2 非同期処理と通信では、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- イベントループを理解する基礎・約9分・必須
- イベントループのブラウザ挙動/実装演習標準・約12分
- コールバックを理解する基礎・約9分・必須
- コールバックのブラウザ挙動/実装演習標準・約12分
- Promiseを理解する基礎・約9分・必須
- Promiseのブラウザ挙動/実装演習標準・約12分
- async・awaitの全体像基礎・約8分
- asyncを理解する基礎・約9分・必須
- awaitを理解する基礎・約9分・必須
- async・awaitの違いと使い分け本番レベル・約10分
- async・awaitのブラウザ挙動/実装演習標準・約12分
- Fetch APIを理解する基礎・約9分・必須
- Fetch APIのブラウザ挙動/実装演習標準・約12分
- XMLHttpRequestを理解する基礎・約9分・必須
- XMLHttpRequestのブラウザ挙動/実装演習標準・約12分
- WebSocketを理解する基礎・約9分・必須
- WebSocketのブラウザ挙動/実装演習標準・約12分
- Server-Sent Eventsを理解する基礎・約9分・必須
- Server-Sent Eventsのブラウザ挙動/実装演習標準・約12分
- CORSを理解する基礎・約9分・必須
- CORSのブラウザ挙動/実装演習標準・約12分
- JSONを理解する基礎・約9分・必須
- JSONのブラウザ挙動/実装演習標準・約12分
STEP 3 ブラウザAPI
STEP3 ブラウザAPIでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- DOMとイベント伝播を理解する基礎・約9分・必須
- DOMとイベント伝播のブラウザ挙動/実装演習標準・約12分
- Web Storageを理解する基礎・約9分・必須
- Web Storageのブラウザ挙動/実装演習標準・約12分
- IndexedDBを理解する基礎・約9分・必須
- IndexedDBのブラウザ挙動/実装演習標準・約12分
- History APIを理解する基礎・約9分・必須
- History APIのブラウザ挙動/実装演習標準・約12分
- Geolocationを理解する基礎・約9分・必須
- Geolocationのブラウザ挙動/実装演習標準・約12分
- Web Workersを理解する基礎・約9分・必須
- Web Workersのブラウザ挙動/実装演習標準・約12分
- Service Workersを理解する基礎・約9分・必須
- Service Workersのブラウザ挙動/実装演習標準・約12分
- Notificationsを理解する基礎・約9分・必須
- Notificationsのブラウザ挙動/実装演習標準・約12分
- Drag and Dropを理解する基礎・約9分・必須
- Drag and Dropのブラウザ挙動/実装演習標準・約12分
STEP 4 グラフィックス・メディア
STEP4 グラフィックス・メディアでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- Canvas 2Dを理解する基礎・約9分・必須
- Canvas 2Dのブラウザ挙動/実装演習標準・約12分
- SVGを理解する基礎・約9分・必須
- SVGのブラウザ挙動/実装演習標準・約12分
- WebGLの基礎を理解する基礎・約9分・必須
- WebGLの基礎のブラウザ挙動/実装演習標準・約12分
- Audio・Video APIの全体像基礎・約8分
- Audioを理解する基礎・約9分・必須
- Video APIを理解する基礎・約9分・必須
- Audio・Video APIの違いと使い分け本番レベル・約10分
- Audio・Video APIのブラウザ挙動/実装演習標準・約12分
- メディア制御を理解する基礎・約9分・必須
- メディア制御のブラウザ挙動/実装演習標準・約12分
- 座標と描画を理解する基礎・約9分・必須
- 座標と描画のブラウザ挙動/実装演習標準・約12分
- アニメーションrequestAnimationFrameを理解する基礎・約9分・必須
- アニメーションrequestAnimationFrameのブラウザ挙動/実装演習標準・約12分
STEP 5 高度なWebアプリ設計
STEP5 高度なWebアプリ設計では、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- フォームとConstraint Validationを理解する基礎・約9分・必須
- フォームとConstraint Validationのブラウザ挙動/実装演習標準・約12分
- セキュリティとXSSを理解する基礎・約9分・必須
- セキュリティとXSSのブラウザ挙動/実装演習標準・約12分
- CSRFの考え方を理解する基礎・約9分・必須
- CSRFの考え方のブラウザ挙動/実装演習標準・約12分
- CSPを理解する基礎・約9分・必須
- CSPのブラウザ挙動/実装演習標準・約12分
- パフォーマンス計測を理解する基礎・約9分・必須
- パフォーマンス計測のブラウザ挙動/実装演習標準・約12分
- キャッシュ戦略を理解する基礎・約9分・必須
- キャッシュ戦略のブラウザ挙動/実装演習標準・約12分
- オフライン対応を理解する基礎・約9分・必須
- オフライン対応のブラウザ挙動/実装演習標準・約12分
- アクセシビリティを理解する基礎・約9分・必須
- アクセシビリティのブラウザ挙動/実装演習標準・約12分
- レスポンシブ設計を理解する基礎・約9分・必須
- レスポンシブ設計のブラウザ挙動/実装演習標準・約12分