Айнур Ярулин

Повлияет на читабельность и поддерживаемость, больше ни на что не повлияет.

req.session.isAuth = true // не понимаю, что это за строчка и для чего она нужна

Пишет в сессию значение. https://xsltdev.ru/nodejs/tutorial/sessions/

Cannot POST /routes/register.js

Потому что action это не путь к файлу. а путь к роуту.

Поэтому нужно или удалить action (потому что uri не меняется, а меняется роут).

или прописать action="/register"

Ошибка возникает из-за того, что роута POST /routes/register.js не существует, потому что существует:
GET /register
POST /register

О чем и сообщается.

Вот этот https://www.myfonts.com/fonts/font-fabric/code-pro/lc/

Всякие идеи можно подсмотреть на Dribbble и Behance.
Но там может страдать UX, т.к. большинство дизайнеров делают "красиво", но не всегда "удобно"

Учите css он все же каскадный. И то что ниже перекрывает то что выше,

судя по вопросу вы верстаете сайты для себя, как только вы столкнетесь с итеграцией с какой либо cms половина вопросов отпадет сама собой. Сайты обычно динамические, почти всегда хедер и футер вынесен в отдельные файли и используется на всем сайте. Стили в зависимости от системы могут подключатся по разному, но вам придется выдумывать кактие-то проверки, чтобы подключать конкретные стили к конкретным страницам.
И что значит стараетесь не прописывать классы? применяете стили напрямую к тегам, типа header {display: block}? так это неправильно. ID для стилизации не используется, это плохая практика.

Создание нового css-файла для каждой страницы, подразумевает что в данном файле вы будете описывать классы и стили, которые будут использоваться только на данной странице. То есть вы заведомо не повторяете свой код, выделяете схожие элементы на странице, создаете конкретный класс, описывающий данные элементы на странице. В таком случае никаких пробле при использовании "фиговины, которая объединяет все CSS файлы в один", не будет.

Кроме того, эта "фиговина", а на самом деле простой сборщик, просто собирает все ваши css-файлы в один последовательно, то есть реальной вашей проблемой при повторяющемся коде может быть только переопределение уже написанных вами классов.

В switch не стоит этого делать, он для точных значений. Логические операторы стоит использовать в if - это правильнее и в разы быстрее. Ну а так

const num = 10;

switch (true) {
  case (num <= 5):
    console.log('Num меньше или равна 5')
    break;
  case (num >= 5):
    console.log('Num больше или равно 5')
    break;
  default:
    console.log('Num не известно')
}
// Num больше или равно 5

Говнокод! Не повторять!

на примере букмекера

Лучше юзать то что, что лучше подходит данной задачи.
Вы напоминаете мне многих новичков которые думаю, что есть какой-то ультра четкий план - тип делай так и так и будешь топ

Технология называется WebSocket. Гуглите. Язык тут мало что решает.

у Вас пока нет понимания, что тут две разных вещи
фронт и бакенд
В обоих случаях php и node часть, которая работает на компьютере (телефоне) посетителя будет почти одинакова
ждать ввода и слушать сокет .
нужно отправить - передали на сервер.
Через сокет пришло сообщение - добавили в дом html страницы

так вот в броузере у нас используется html,css,js

а про то что Вы спрашиваете - это серверная часть.

А страничка, которую сперва показывается клиенту, может лежать хоть в виде статических файлов

Если основы PHP и JS уже есть. Самый простой вариант, ajax long-polling.

PDO примерно в 10 раз удобнее, чем mysqli, поэтому по возможности лучше выбирать его.
Тем более что у пдо только объектный стиль, и нет проблемы выбора стиля.

Чисто ради буквального ответа на вопрос
Как подключиться к Mysql через PDO
Как подключиться к Mysql через mysqli

PDO и mysqli - это драйверы подключения к СУБД. ООП и процедурный стиль - это методология и стиль написания кода.
Из драйверов чаще всего используется PDO. Во первых, он универсальный для разных СУБД, во вторых интерфейс работы с ним написан более грамотно и современно. Обычно, рекомендуется использовать именно PDO.

Как вариант соседний сервис - https://freelance.habr.com/

document.querySelectorAll('input').forEach(item => item.addEventListener('input', функция));

for (const input of document.querySelectorAll('input'))
  input.addEventListener('input', функция)