HTMLを学ぶ - コーディング講座 — ポケットに入れて持ち歩ける、ライブプレビューエディター付きHTMLコース

HTMLを学ぶ - コーディング講座は、最初のタグから高度なトピックまでHTMLを学べるiPhoneとAndroid向けアプリです。40の短いコースに加え、HTMLエディタとライブプレビュー、20のガイド付きプロジェクト、20のデバッグミッション、AIメンターを搭載しています。無料で始められ、22言語に対応しています。

はい。HTMLを学ぶ - コーディング講座のエディタにはHTML、CSS、JavaScriptのタブがあり、プレビューにはマークアップから生成されたページが表示されます。タグは短いため、スマートフォンはHTMLに必要な集中した練習に適しています。一度に多数のファイルを扱うようになったときだけ、大きな画面が便利になります。

いいえ。学習パスはHTMLドキュメントの組み立て方から始まり、それぞれの用語を使う前に、わかりやすい言葉で説明します。HTMLには最初に学ぶべきループや変数がないため、HTMLを学ぶ - コーディング講座では完全な初心者を例外ではなく標準的な利用者として想定しています。

HTMLはページに何があるか、そして見出し、リンク、フォームフィールドなど、それぞれの部分が何を意味するかを定義します。CSSは色、余白、レイアウトなど、見た目を定義します。このアプリではまずHTMLを学び、エディタでCSSファイルを追加できるため、役割を混同せずに2つが連携する様子を確認できます。

見出し、段落、リンク、画像、リスト、基本的なフォームという中核要素は少ないため、ほとんどの人は短いセッションを数回行えば、シンプルで正しいページを書けるようになります。アクセシビリティ、セマンティック構造、Web Componentsなど、より深い内容には時間がかかります。ここでのレッスンは数分で終えられるように作られているため、毎日の習慣に無理なく取り入れられます。

20のガイド付きプロジェクトには、レシピボックスのページ、問い合わせフォーム、フォトギャラリー、ナビゲーションバー、アクセシブルな料金表などがあります。それぞれを一歩ずつ作成します。短時間で完了し、コードを保存済みスニペットとして残せるよう、意図的に小規模にしています。

はい。かなり詳しく扱っています。フォームには、基礎、高度なコントロール、バリデーション属性を扱う3つのコースがあります。アクセシビリティには、基礎、ARIAロール、高度なARIAパターンを扱う専用コースがあります。デバッグミッションには、誰もタップできないラベルなどの不具合も含まれているため、これらのトピックを抽象的ではなく実践的に学べます。

無料でダウンロードしてすぐに始められます。最初のコース、最初のガイド付きプロジェクト、2つのミッション、ライブエディタに加え、毎日のAIメンター利用枠が含まれています。Proでは、すべてのコース、全プロジェクトとミッション、修了証試験、AIメンターへの質問無制限が利用でき、広告もなくなります。