結論：フロントエンドは「利用者が見て触れる画面側」、バックエンドは「裏でデータを処理・保存するサーバー側」です。 画面づくりが好きならフロント（HTML/CSS/JavaScript）、仕組みやデータ処理が好きならバック（サーバー言語＋データベース）から。どちらも当サイトはブラウザでそのまま動かせます（無料・環境構築なし）。
フロントエンド：画面をつくる側
利用者がブラウザで見る見た目・操作を担当します。土台は HTMLコース（最初の一歩）で構造を作り、JavaScriptコース（はじめの一歩）で動きをつけ、規模が大きくなったら Reactコース（入門）などのフレームワークへ。型で安全にするなら TypeScriptコース（入門）、別のフレームワークとして Angularコース（入門）もあります。いずれもブラウザで実行できます。
バックエンド：裏側で処理する側
リクエストを受け取り、計算し、データを保存して返す側です。サーバー言語の例として Pythonコース（はじめの一歩）、Webフレームワークの Djangoコース（入門）でリクエスト処理を体験できます。データの保存・取り出しは SQL（データ操作）コース（SELECT入門）、テーブル設計は SQL（テーブル設計）コース（なぜ表を分けるのか）で学べます。
どちらから学ぶ？
「まず動くものを見たい」ならフロント（HTML→CSS→JavaScript）から始めると成果が目に見えて続けやすいです。「データ処理や仕組みが好き」ならバック（Python＋SQL）から。最終的に両方をつなげて1つのWebアプリになります。フルスタックを目指すなら、片方に軸足を置いてからもう片方へ広げるのがおすすめです。