HTML5プロフェッショナル認定試験 Level 1 Ver.2.5
HTML5プロフェッショナル認定 レベル1 学習教材一覧
全104教材を、学習ロードマップに沿って選べます。
STEP 1 Webの基礎
STEP1 Webの基礎では、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- HTTPの基本を理解する基礎・約9分・必須
- HTTPの基本のブラウザ挙動/実装演習標準・約12分
- HTTPSとTLSを理解する基礎・約9分・必須
- HTTPSとTLSのブラウザ挙動/実装演習標準・約12分
- URLとURIを理解する基礎・約9分・必須
- URLとURIのブラウザ挙動/実装演習標準・約12分
- DNSを理解する基礎・約9分・必須
- DNSのブラウザ挙動/実装演習標準・約12分
- HTTPメソッドとステータスコードを理解する基礎・約9分・必須
- HTTPメソッドとステータスコードのブラウザ挙動/実装演習標準・約12分
- Cookieを理解する基礎・約9分・必須
- Cookieのブラウザ挙動/実装演習標準・約12分
- キャッシュを理解する基礎・約9分・必須
- キャッシュのブラウザ挙動/実装演習標準・約12分
STEP 2 HTML
STEP2 HTMLでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- HTML文書構造を理解する基礎・約9分・必須
- HTML文書構造のブラウザ挙動/実装演習標準・約12分
- セマンティック要素を理解する基礎・約9分・必須
- セマンティック要素のブラウザ挙動/実装演習標準・約12分
- 見出し・段落・リストの全体像基礎・約8分
- 見出しを理解する基礎・約9分・必須
- 段落を理解する基礎・約9分・必須
- リストを理解する基礎・約9分・必須
- 見出し・段落・リストの違いと使い分け本番レベル・約10分
- 見出し・段落・リストのブラウザ挙動/実装演習標準・約12分
- リンクと画像を理解する基礎・約9分・必須
- リンクと画像のブラウザ挙動/実装演習標準・約12分
- tableを理解する基礎・約9分・必須
- tableのブラウザ挙動/実装演習標準・約12分
- formと入力要素を理解する基礎・約9分・必須
- formと入力要素のブラウザ挙動/実装演習標準・約12分
- メタデータを理解する基礎・約9分・必須
- メタデータのブラウザ挙動/実装演習標準・約12分
- アクセシビリティを理解する基礎・約9分・必須
- アクセシビリティのブラウザ挙動/実装演習標準・約12分
- レスポンシブ画像を理解する基礎・約9分・必須
- レスポンシブ画像のブラウザ挙動/実装演習標準・約12分
STEP 3 CSS
STEP3 CSSでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- CSSセレクタを理解する基礎・約9分・必須
- CSSセレクタのブラウザ挙動/実装演習標準・約12分
- カスケードと詳細度を理解する基礎・約9分・必須
- カスケードと詳細度のブラウザ挙動/実装演習標準・約12分
- ボックスモデルを理解する基礎・約9分・必須
- ボックスモデルのブラウザ挙動/実装演習標準・約12分
- displayを理解する基礎・約9分・必須
- displayのブラウザ挙動/実装演習標準・約12分
- positionを理解する基礎・約9分・必須
- positionのブラウザ挙動/実装演習標準・約12分
- Flexboxを理解する基礎・約9分・必須
- Flexboxのブラウザ挙動/実装演習標準・約12分
- Gridを理解する基礎・約9分・必須
- Gridのブラウザ挙動/実装演習標準・約12分
- レスポンシブデザインを理解する基礎・約9分・必須
- レスポンシブデザインのブラウザ挙動/実装演習標準・約12分
- Media Queriesを理解する基礎・約9分・必須
- Media Queriesのブラウザ挙動/実装演習標準・約12分
- 色・背景・フォントの全体像基礎・約8分
- 色を理解する基礎・約9分・必須
- 背景を理解する基礎・約9分・必須
- フォントを理解する基礎・約9分・必須
- 色・背景・フォントの違いと使い分け本番レベル・約10分
- 色・背景・フォントのブラウザ挙動/実装演習標準・約12分
- アニメーションとトランジションを理解する基礎・約9分・必須
- アニメーションとトランジションのブラウザ挙動/実装演習標準・約12分
STEP 4 JavaScriptの基礎
STEP4 JavaScriptの基礎では、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- JavaScriptの役割を理解する基礎・約9分・必須
- JavaScriptの役割のブラウザ挙動/実装演習標準・約12分
- 変数と型を理解する基礎・約9分・必須
- 変数と型のブラウザ挙動/実装演習標準・約12分
- 演算子を理解する基礎・約9分・必須
- 演算子のブラウザ挙動/実装演習標準・約12分
- 条件分岐を理解する基礎・約9分・必須
- 条件分岐のブラウザ挙動/実装演習標準・約12分
- 繰返しを理解する基礎・約9分・必須
- 繰返しのブラウザ挙動/実装演習標準・約12分
- 関数を理解する基礎・約9分・必須
- 関数のブラウザ挙動/実装演習標準・約12分
- 配列とオブジェクトを理解する基礎・約9分・必須
- 配列とオブジェクトのブラウザ挙動/実装演習標準・約12分
- DOM操作を理解する基礎・約9分・必須
- DOM操作のブラウザ挙動/実装演習標準・約12分
- イベントを理解する基礎・約9分・必須
- イベントのブラウザ挙動/実装演習標準・約12分
- フォームバリデーションを理解する基礎・約9分・必須
- フォームバリデーションのブラウザ挙動/実装演習標準・約12分
STEP 5 Web技術・性能・セキュリティ
STEP5 Web技術・性能・セキュリティでは、HTML/CSS/JavaScript/APIを別々に暗記せず、ブラウザでいつ何が起きるかを結び付けることを中心に学ぶ。学習時は「リクエスト/入力 → ブラウザ処理 → DOM/状態/通信 → 表示 → セキュリティ・性能確認」の順に整理すると、用語の暗記だけで終わりにくい。
- Web Storageを理解する基礎・約9分・必須
- Web Storageのブラウザ挙動/実装演習標準・約12分
- CORSを理解する基礎・約9分・必須
- CORSのブラウザ挙動/実装演習標準・約12分
- Same-Origin Policyを理解する基礎・約9分・必須
- Same-Origin Policyのブラウザ挙動/実装演習標準・約12分
- Content Security Policyの概念を理解する基礎・約9分・必須
- Content Security Policyの概念のブラウザ挙動/実装演習標準・約12分
- Webフォントを理解する基礎・約9分・必須
- Webフォントのブラウザ挙動/実装演習標準・約12分
- 画像・動画・音声の全体像基礎・約8分
- 画像を理解する基礎・約9分・必須
- 動画を理解する基礎・約9分・必須
- 音声を理解する基礎・約9分・必須
- 画像・動画・音声の違いと使い分け本番レベル・約10分
- 画像・動画・音声のブラウザ挙動/実装演習標準・約12分
- パフォーマンス最適化を理解する基礎・約9分・必須
- パフォーマンス最適化のブラウザ挙動/実装演習標準・約12分
- SEOの基本を理解する基礎・約9分・必須
- SEOの基本のブラウザ挙動/実装演習標準・約12分
- PWAの入口を理解する基礎・約9分・必須
- PWAの入口のブラウザ挙動/実装演習標準・約12分