Front-end ve back-end farkı nedir?

Merhabalar, bir sorum olacaktı yalnız yanlış bir başlık altında açtım ise konuyu affola.
Öncelikle ben Udemy üzerinden web programlana, Full stack developer kursu aldım ve öğreniyorum ancak front-end ve back-end arasındaki olayı tam anlayamadım.

Front-end arayüz tasarlar. Kullanıcıların gördüğü kısımları yaparlar. Back-end ise arka plan işlemlerini yaparlar. Mesela üye girişi. Para transferi gibi işlemler.

Frontend, örneğin bu sayfayı tasarlar. Bu sayfanın yukarısında ki ana sayfa, sosyal, blog vs. olduğu yeri tasarlar. Renk verir, boyunu ayarlar, telefonda da düzgün olmasını sağlar falan falan. Backend ise o anasayfaya basıldığında ne olacağını belirler.

Frontendin tek görevi tasarlamak değildir. Örneğin backend bir web servis yazar. Web serviste konu başlıklarını döndürür. Bunu genelde json formatında frontende gönderir. Frontend ise bunu (bu sayfanın sağındaki konu listesi gibi) ekrana basmakla yükümlüdür.

Hatta frontend tasarlar demek yanlış olur. Bu sayfayı tasarlayan ayrı UX / UI tasarlayıcıları vardır. Bu ayrı bir iştir. Frontend tasarlanan tasarımı koda döker.