Где и как можно начать коммерческую деятельность фронтендеру (верстальщику)?

evg_96, человек, который толком ничего не умеет и еще и не хочет уделять делу более 16 часов в неделю вряд ли где будет нужен. На фрилансе можно под опытного и трудолюбивого закосить.
Лучший вариант идти на full-time в компанию. Либо, как писал выше, попробовать пробиться во фриланс. Остальное с таким уровнем знаний и требованиями без вариантов, может только если сильно повезет.

Где и как можно начать коммерческую деятельность фронтендеру (верстальщику)?

Если так хотите во фриланс, то можно сверстать пару типовых сайтов: лендинг и простой корпоративный, заодно придет понимание о том, а как вообще верстать, это вам не примитивные формы. Выложить на хостинг. Купить домен. Добавить в портфолио. Оплатить профиль на бирже и пробовать получить первый заказ.

Как правильно составить резюме если нет опыта работы?

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

Почему не получается повесить required на кнопку, которая имеет в себе уже слушателя?

Код слушателя покажите.

Как убрать отступы у заголовка?

Так посмотрите стили в панели разработчика браузера. Скорей всего line-height

Как выровнять before внутри div?

Роман,

flex в данном случае не работает, так как мне нужно расположить блоки индивидуально - каждый, а flex - херачит всё под одну гребёнку

Вам стоит изучить спецификацию flex, прежде чем делать такие громкие заявления.
Тут он отлично подходит и не будет никакого смещения.
Примерная структура:

<li>
  <div class="flex-container">
    <a>link</a>
    <div class="button"></div>
  </div>
  <ul><!-- list --></ul>
</li>

Как вставлять команды в консоль на сервере через VNC?

pixal, должен быть доступ по ssh.

Как выровнять before внутри div?

Роман, я для скриншота не использовал абсолютное позиционирование. Там relative. И все прекрасно работает.
Вы проблему не там ищите.
Выпиливайте float: left и отрицательный маргин.
Вынесите a и div в отдельный контейнер с display: flex;
Отрицательный маргин это в большинстве случаев костыли, старайтесь таких приемов не использовать.
float в подобных кейсах уже года как три зазорно использовать, flex решает все эти задачи и гораздо удобней, читаемей и гибче в использовании.

Как выровнять before внутри div?

Роман, у вас видимо какой-то особый глазомер или вы проблему не там ищите.
Вот ваши кнопки с кодом из моего ответа:

Я не вижу смещения, да его и быть не должно. То, что я кнопки выстроил по правому краю не обращайте внимания, только для эксперимента.

Чем конкретно отличается специальность Информатика и вычислительноя техника от Информационных систем и технологий?

Посмотрите программу обоих специальностей и выбирайте что ближе. А работать разработчиком можно и без профильного образования.

Почему ссылка замыкается на последний элемент экземпляра?

civaru, тут подробнее.

Почему ссылка замыкается на последний элемент экземпляра?

civaru, смотрите. extend расширяет объект передаваемый первым аргументом свойствами объекта передаваемого вторым. При этом вложенные объекты не копируются, а ваш объект лишь получает на них ссылки.
То есть получается, что options у вас копирует все примитивные свойства из прототипа message и type, а в случае с elements это объект, он не копируется, экземпляр лишь получает ссылку на elements из прототипа. То есть все экземпляры ссылаются на один и тот же объект.

Почему ссылка замыкается на последний элемент экземпляра?

civaru, можно написать так:

this.elements = {};
this.elements.link = this.html.querySelector('.ns-box-link');
this.elements.link.addEventListener('click', function() {
  console.log($this.elements.link);
  console.log($this);
});

Почему ссылка замыкается на последний элемент экземпляра?

civaru, извиняюсь. Я все перепутал) Вы же предаете в extend первым аргументом пустой объект.
А вот объект elements у вас берется из прототипа и во всех экземплярах один и тот же.

Как разграничить работу JS?

Что-то мне подсказывает, что там дублирование кода, ошибки проектирования и непонимание базовых принципов JavaScript.

Можно поставить на один ПК через виртуальную машину два виртуальных полноценных компьютера?

Зачем разные комплекты то? Что-то подсказывает, что будет не очень удобно. Разве не удобней через VB работать одной мышью и одной клавиатурой и на любом мониторе в гостевой ОС? Да еще и с общим буфером обмена.
Или вы хотите один системник вдвоем использовать? Такое решение плохо тем, что если откажет комп, то работа обоих будет парализована. Сам работаю из дома, у меня рабочий Macbook Pro и полностью настроенный запасной ноутбук на случай отказа основного.

Какая из малых операционных систем перспективнее?

Причем тут React?

Как определить темное фото или светлое?

Возможно лучшим решением будет использовать text-shadow + linear-gradient. Посмотрите, например, на сайт Медузы, выглядит здорово и хорошо читается на любом фоне.

Как решить проблемы с клавиатурой MacBook Pro 2017?

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

Как можно сделать такой эффект?

TheMoth, у вас все элементы должны находиться в блоке с фиолетовым фоном. И это не "схлопывание"