HTML/CSS、JavaScript、TypeScript、フォーム入力の基礎を使って UI 実装の土台を作る段階。
カリキュラムスタートできるようになること
HTML/CSS基礎とレイアウト
1 ファイルのプロフィールカードを作り、ブラウザの DevTools で Box Model・Cascade・hover を自分の手で壊しながら観測する
JavaScript基礎（Pythonとの対比）
Python経験者がJavaScriptの主要な概念と構文上の違いを素早く習得するための対照学習ガイド
TypeScript基礎（型システムとPythonとの対比）
Pythonの型ヒントと対比しながらTypeScriptの型システムを理解し、型安全な開発の感覚を身につける
フォーム検証（React Hook Form + Zod）
React Hook Form で入力管理を行い、Zod スキーマを共有してクライアント・サーバー両方で同じバリデーションを適用する方法