Webアプリは、役割の異なる2つの側が連携して動いています。
フロントエンド は、ブラウザ 上で ユーザーが直接見て触れる表側 です。HTML・CSS・JavaScript でできています。
バックエンド は、サーバー 側で データの処理・保存・認証などを担う裏側 です。データベース とやり取りし、フロントエンドからの求めに応じます。
flowchart LR U[ユーザー] --> FE["フロントエンド（ブラウザ）"] FE -->|"API経由でお願い"| BE["バックエンド（サーバー）"] BE --> DB[(データベース)] BE -->|"結果を返す"| FE
レストランにたとえると、注文を受けて料理を運ぶ店員がフロントエンド、厨房や在庫管理がバックエンドです。両者は主に Web API（多くは REST API）を通じてやり取りします。この分担があるおかげで、表側と裏側を別々に開発・改善できます。