Sergey Mukhin

`background-size`. Он есть в твоём списке.
Тут с примерами https://doka.guide/css/background-size/

Размытый вопрос. Если именно во фронтенде попрактиковаться и нужны идеи, то можно взять понравившееся публичное API и создать web-приложение с его использованием.

Куча публичных API: https://github.com/public-apis/public-apis

Флаг -p номер_порта

Если код лежит локально, в Chrome можно зайти в Devtools/Sources, слева на вкладке Filesystem, нажать + (Add folder to workspace) и выбрать корневую папку.
После этого манипуляции в Devtools будут вноситься в исходники.

body-parser не понимает multipart/form-data.
Запросы с form-data нужно пропускать через мидлвар способный его понять. Посмотри multer — https://www.npmjs.com/package/multer

Размеры в браузере будут /2 по отношению к разрешению (при стандартной настройке).
Я не думаю что здесь нужно что-то специально тестировать.

Скрин как раз с MacBook 13 c Retina разрешением:


А вот с изображениями уже можно поработать.

Если абстрагироваться от JQuery, то в голом JS символ $ просто можно использовать в идентификаторах. Используют его потому что он заметный.

В чистом JS этот символ используется в шаблонных строках

const number = 15
const str = `Шаблонная строка №${number}`

В вашем случае символ $ относится не к самому JS, а именно JQuery. Вместо него могли бы быть другие символы или даже слова, если бы авторы JQuery решили иначе.

Простейший путь использовать шаблонизатор. К примеру pug. Выглядит примерно так (слева части, справа результат):

Нужно чтобы изображение всегда было от левого края до правого, а высота пропорционально изменялась?
Придётся высоту блока высчитывать и изменять через js.
Или используйте img с width: 100% как подкладку.

Но тут всегда будут противоречия, нужно решить что в приоритете для размера блока по высоте: изображение или другое его содержимое.

Я знаю, что сайт с www - это один и тот же сайт, что и без www.

Нет. Это нужно явно настроить.
www.site.com и site.com могут быть совершенно разными сайтами и вести на разные IP.

Делаем 360 снимки. Обычно это камера на специальном штативе, но есть камеры которые сразу 360 делают. Запоминаем какое фото с какого места сделано.
Берём библиотеку которая натягивает панорамные фото на сферу (например https://pchen66.github.io/Panolens/ ).
Добавляем точки которые будут находятся примерно там где делались снимки.
При нажатии на точку текстура на сфере перегружается на соответствующее фото и получается что мы как-бы переходим в другое место.

Не факт, а может даже и медленнее быть. Нужно смотреть по выделяемым в тарифе ресурсам. Это переезд с одного виртуального сервера на другую виртуальную машину.
Но у VPS больше возможностей. На виртуальном хостинге обычно вам дают управлять базами данных и выделенным местом. А на VPS подконтрольная вам операционная система.

хотя значение одно и тоже

Не одно и тоже. Смотря что ты хочешь, включить в сборку или сослаться на стороннее изображение.

В первом случаи файл подхватывает сборщик.
Во втором получишь строку как есть (открой исходный код результата, посмотри).

:src="user.photo" нужно использовать, если у тебя например изображения на API сервере.

13" дисплей маловат для работы с 3D. Можно, но не комфортно.
И ПО 3D какое? Популярного 3dsmax на macOS например нет.

Если json это просто файл, то достаточно статичного хостинга куда этот файл можно положить. Но на сервере отдающим этот файл нужно настроить CORS, иначе если клиент и сервер на разных адресах/портах будет ошибка.

Попробовал закидывать голый js в формате json на GH, ничего не вышло.

А что в консоле браузера при этом? Обычно ответ там