Vera__Vera

Начните с понимания что такое веб-сервер. Его можно поставить на домашнем компе и создавать свой сайт на нем.

Хостинг - это просто арендованное место на уже настроенном веб-сервере провайдера, чтобы не держать домашний комп все время включенным.
Начать нужно с изучения программирования и как работает HTTP на базовом уровне.

Если очень вкратце, то:
1) Собственно, сервер (свой или выделенный, физический или виртуальный). Вы на нем царь и Бог. Сами ставите удобную для вас ОС (Linux, Windows Server или что-то еще). Сами разворачиваете службу (IIS, Apache и пр.), которая будет отвечать на запросы пользователей(обычно по портам 80/443 http/https, если речь о WEB'е) . Если у вас одиночный сервер, то запиливаете сюда же и базу данных по своему вкусу. Конфигурируете это все, настраиваете брандмауэр и еще всякую фигню. Когда сервер работает - вы публикуете свои сайты/приложения в папки (физические и виртуальные) службы (IIS, Apache).
2) Хостинги. То же самое, что и пункт 1: только всю работу по настройке (выбор платформы, БД и пр.) берет на себя провайдер, а вам предоставляет доступ (обычно через WEB-интерфейс, FTP и SSH) ТОЛЬКО на закрепленную за вами папку в службе (IIS, Apache) и ТОЛЬКО к вашей схеме/каталогу БД.

Это что касается размещения вашего приложения. Сама же работа довольно таки простая: Браузер шлет запрос серверу (для простоты рассмотрим GET HTTP по порту 80). Сервер принимает запрос через службу, которая денно и нощно прослушивает требуемый порт на наличие запросов. Получив запрос, служба парсит его, выделяет из заголовков нужную информацию (тип, кому предназначена, зачем вообще нужна) и перенаправляет далее. Уже зная какое приложение/сайт нужно запросу, запускается выполнение. В IIS, например, для этого используют так называемые Application Pools - выделенные мощности на сервере (обычно, память), внутри которых крутятся приложения/сайты и если сайт/приложение крашится, то кладет оно не всю службу IIS, а лишь свой пул. Ну и между пулами нельзя общаться - типа защита и все такое. Наконец-таки запрос доходит до самого сайта/приложения, где обрабатывается по логике, заложенной программистом.

По пути, естественно, может случаться всякое: не найдена страница - возвращаем 404, не авторизован пользователь (а в настройках службы/пула/приложения стоит, что неавторизованных шлем подальше) -401 ошибка и пр...

Не надо никаких рекурсивных таймаутов. Просто один вызов.

window.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth',
});

Не знаю, из-за этого или нет. У меня, когда был бесплатный аккаунт разработчика, приложения жили на телефоне примерно 5 дней, а потом так же падали. Я просто перекомпилировал их и они опять жили несколько дней, и так по кругу. Нестрашно для тестирования, тем более, когда начинаешь, Не знаю, это у вас или нет.

без лишних слов www.itmathrepetitor.ru/zadachi-po-programmirovaniyu
ps. Язык не имеет значения

Думаю если ничего не понял из задачи, то тема нихр#на не усвоена.

Вы, конечно, правы. НО, если вы реально решили научиться программировать, то вам придется свыкнуться с этим ощущением и работать над собой дальше. Потому как такие недопонимания будут возникать ооочень часто. Если вы чего-то еще не поняли, значит еще до этого не доросли (тут нужно правильно понимать). Не отчаивайтесь. Работайте дальше. Это же не уравнение или задача, где не узнав одно неизвестно невозможно решить задачу. В этом месте у вас будет пробел, но программировать вы все равно сможете. А когда наткнетесь на задачу, где нужно понять замыкания, то у вас будет реальная мотивация для этого.

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

.purchase__button { border: none; outline: none; }

Как ни странно, так и не придумал, как решить эту задачу в лоб, под ваши условия.

Если сделать float:right то во-первых нужно поменять блоки местами, обратный порядок вывода элементов, про него часто забывают, во-вторых нужно будет каким-то образом опустить блок до нижнего угла. Что проблема, т.к. если сделать это марджином, то текст не будет обтекать.

Дальше у нас куча хаков, в зависимости от вашей задачи.

Если это просто нарисованный уголок, то лучше всего задать его background-position:bottom right.

Или можно задать контейнеру абсолют, тогда можно будет воспользоваться right: 0 и bottom: 0, задав красному квадрату тоже абсолют. Правда обтекания все равно не будет.

Сейчас еще подумаю.

задачи html/css + задачи по программированию

Вот отличные уроки по верстке/фронтэнду с объяснениями. Можно и самому делать и у автора учиться.
webdesign-master.ru
Меня в своё время очень смотивировало, хотя уже много лет как в теме + нашел много интересного и полезного.

У HTML Academy есть ежемесячная рассылка с новостями и ссылками на статьи, в которую входят три свежих макета - https://htmlacademy.ru/email