В чем различия frontend и backend разработки?

Фронтенд (frontend) - это то, что вы видите непосредственно в Вашем браузере. Это клиентская часть веб-приложения, весь код которой выполняется в браузере. А это значит, что его производительность зависит от устройства, на котором выполняется, будь то компьютер или мобильное устройство. Все элементы сайта, включая навигацию, всплывающие окна, кнопки, выпадающие списки, то есть все элементы интерфейса создает frontend разработчик. Он определяет их отображение и поведение. Но не стоит заблуждаться, что frontend определят то, как будет выглядеть сайт, нет, дизайн разрабатывается дизайнером, а разработчик уже реализует его отображение в браузере.
Бекенд (backend) - это обратная сторона сайта, сервер, который определяет, какие данные отдать в ответ на запрос браузера. Сервер находится обычно где-то далеко от пользователя и код, исполняемый там, не зависит от компьютера пользователя.
А как же они общаются?
Например, всем известна команда в телефоне на запрос своего счета. Вы набираете *100#, а в ответ вам приходит смс с суммой на вашем счету. И существует несколько таких “команд” для телефонных операторов, которые выполняют определенное действие. Так же и клиент отправляет “сообщение” серверу, сервер читает это “сообщение”, понимает, что его спросили о лицевом счете и отправляет в ответ данные о нем на клиент. Такой интерфейс называется - API.