HTML: すべてのウェブページの背後にある言語
HTMLはウェブの構造的基礎です — すべてのブラウザタブ、フォーム送信、埋め込まれたビデオはマークアップから始まります。このトラックは、有効なドキュメントを支配するルールから、モダンな本番環境のサイトで使用されるブラウザAPIとコンポーネントモデルまで、HTMLの本当の流暢性を構築します。目標は単にタグを書くだけでなく、各要素が存在する理由と、それがブラウザ、支援技術、検索エンジンに何を信号するかを理解することです。
学べること
ドキュメント構造、テキストコンテンツ、リンク、画像、リストから始めて、テーブル、フォーム、フォーム検証属性へと進みます。このトラックはセマンティックHTML5要素、<head>とメタデータ、オーディオとビデオ、ARIAロールと属性を含むアクセシビリティの基礎をカバーします。その後のコースではカスタムデータ属性、HTMLテンプレート、CanvasとSVG要素、Web Storage、ドラッグ・アンド・ドロップAPI、SEOとソーシャルメタタグ、HTMLメールテンプレートに対応します。高度なセクションでは、Shadow DOM、Web Componentsとカスタム要素、HTMLモジュールとインポートマップ、プログレッシブエンハンスメント、国際化、セキュリティ、HistoryとNavigation API、Intersection Observer、Progressive Web AppのためのHTMLの構築について深掘りします。
学習パス
40のコースはA1からA2、B1からB2へと進み、HTMLスケールに関するC1キャップストーンで完了します。A1およびA2コースは必須要素 — ドキュメント構造、セマンティック要素、フォーム、メタデータを確立します。B1ではアクセシビリティ、ARIA、Canvas、SVG、ブラウザストレージを導入します。B2が最大ブロックで、Web Components、Shadow DOM、パフォーマンス、セキュリティ、国際化、Intersection Observerをカバーします。最終的なC1コース、HTML at Scaleは、HTMLが大規模なコードベース全体で作成、テスト、メンテナンスされる場合に重要なパターンと制約に対応します。
仕組み
各コースは短く、実践的なレッスンに分かれており、組み込みコードエディタでリアルタイムフィードバック付きで完了します。困ったときはいつでもAIチューターが利用でき、自分のペースで進むことができます — 各レッスンは自己完結しているため、後で任意のトピックをリファレンスとして戻って参照できます。