2. Я собираюсь в Офисной Планете брать.)

Вот есть дизайнеры, тестировщики, фронтендеры...

Дизайнер рисует макет: где расположены какие элементы страницы и т.п.
Фронтенд верстает этот макет, т.е. пишет код на html, css и javasсript, чтобы, например, при нажатии на элемент (кнопка, ссылка и т.д.) происходило нужное действие.
Есть еще Бэкенд, он отвечает за серверную часть (например, откуда какие данные подтянуть), они пишут, например, на php, питоне и т.д.
Тестировщики соответственно тестрируют, т.е. проверяют нет ли каких ошибок в продукте. C этой частью работы я знакома меньше всего и не могу подсказать, какими средствами они это делают.

1. Если очень грубо:
Дизайнеры разрабатывают прототипы и реализуют UI макеты продукта (PhotoShop, Sketch, etc). На выходе даётся картинка и макеты в соответствующей программе.
Фронтендеры оживляют эти картинки (верстают сайт, пишут клиентские скрипты и пр). Всё, что вы видите на дайри (именно видите) - это работа фронтенд-разработчика: стили блоков, всплывающие окна, фильтры и т.д. Редактор, в котором вы набираете текст, тоже сделан фронтенером.
Бэкенд-разработчик организует связь фронтенда с сервером (отправка постов и комментариев на сервер, хранение ваших данных, реализация регистрации/входа на сайт и пр).
Тестировщик проводит ручное и автоматическое тестирование продукта, пишет нагрузочные и стресс-тесты, проверяет, точно ли всё работает, как должно.
Ну а вообще функции различаются в зависимости от сферы.