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