情報メディアサイトコーディング課題

LP制作からステップアップし、より実践的な開発力を身につけた方に最適な総合課題です。

【実装ポイント】

• 複数ページサイトの構築： 
  共通パーツ（ヘッダー/フッター）を意識した、効率的なサイト全体の設計と実装フロー。
• 多様なカードレイアウト： 
  グリッドレイアウトを駆使した、情報量の多い記事一覧カードのスタイリング。
• インタラクティブなUI：
   JavaScriptライブラリ（例: Swiper.js）を使った、記事スライダーの実装。
• サイトの基本機能： 
  記事一覧ページで必須となる「ページネーション」や、記事詳細ページの「目次」といった、サイトの利便性を高める機能の実装。

【課題の仕様】

• 難易度： ★★★★☆～★★★★★ (中級〜上級者向け)
• ページ構成：4ページ（トップ / 記事一覧 / 記事詳細 / 検索結果）(PC / SP)
• 学習時間の目安：45〜80時間
  ※複数ページ制作とJavaScriptでのスライダー実装まで含めた場合の目安です。ご自身のスキルや学習ペースによって時間は変動します。
• スキル： HTML / CSS (BEM等のCSS設計) / JavaScript (スライダーライブラリなど)/Figma/（WordPress）