ドメイン・IPアドレス・DNS・サーバー・HTTPリクエストの流れを把握。「URLを入力してからページが表示されるまで」を理解することで、後の学習がスムーズになります。

企画・デザイン・コーディング・公開まで5つのステップを理解。どんな職種が関わるのかを知ることで、自分が目指すゴールが明確になります。

3つの言語が何を担当しているかを学びます。「骨格・見た目・動き」という整理で、Webの基本構造が頭に入ります。Hello Worldを書いて動かすところまで体験します。

無料のコードエディタ「VS Code」をインストールして基本操作を習得。拡張機能の設定からHTML/CSS演習まで、実際に手を動かしながら覚えます。

タグ・要素・属性の基本から、見出し・段落・リスト・画像・リンクなどWebページを構成するHTMLを体系的に学びます。

セレクタ・プロパティ・値の書き方から、詳細度・カスケード・ボックスモデルまで。「なぜそのスタイルが効くのか」を理解することが上達の近道です。

Webサイトの構成・meta要素・フォルダ管理・CSS初期設計を実践形式で学習。「ページ1枚を作りきる」体験がスキル定着の鍵です。

現代のCSSレイアウトの主役、FlexboxとCSSグリッドを習得。ボックスモデルの理解からはじめて、複雑なレイアウトも組めるようになります。

position・transform・animationなどの応用テクニックを習得。擬似クラスも含め、インタラクティブなデザイン表現ができるようになります。

メディアクエリ・ブレイクポイント・モバイルファーストの考え方を学習。スマホ対応は今や必須スキルです。

ここまで学んだ内容を総復習。よくあるコーディングのミス・セマンティックタグの使い分け・SEOとの接点を整理します。

DOM操作・イベント・アニメーションの基礎を習得。「クリックしたら動く」「スクロールで変わる」などインタラクションの仕組みを理解します。

スライドショーや各種UIを簡単に実装できるjQueryプラグインの導入・活用方法を学びます。現場でよく使うプラグインの探し方も解説。

検索結果に表示されるタイトルと説明文の書き方を学びます。クリック率に直結する重要な要素です。

h1〜h6の正しい使い方、SEOと読みやすさを両立する見出し設計を理解します。コーディングと直結するSEO知識です。

alt属性・ファイル名・WebP変換など、HTMLを書く際に同時に意識したい画像のSEO対策を学びます。

静的サイトのXMLサイトマップを手動・自動で作成し、Search Consoleへ送信する手順を学びます。公開後にすぐ取り組みたい施策です。