Robert-critical-thoughts

У меня нет высшего образования и совсем нет желания его получать. Вообще и совсем.

В большинстве больших компаний, есть дурацкая система отбора персонала по критериям наличия высшего образования, обычно эти позиции пишут на уровне поиска работы мидла\сеньора(руководителя). Т.к как работа уже связана с архитектурой и computer since. Сам получил вышку заочно, знал всю программу вуза(нет, но она была старая и не нужна), т.к до этого учился в колледже, и ничего нового там для себя не подчерпнул. Но корочка пригодилась в поиске работы, когда искал руководящую должность.

Возможно вы посоветуете что совсем не пригодится если я буду идти именно в web?

Web понятие растяжимое, работа с UI\UX, работа с данными, архитектура приложений, и еще много чего, всё это входит в веб. Высшее образование никак не поможет вам влиться в веб, т.к как обычно курсы вышки устарели еще в 1999 году, и никаких JS, HTML, CSS на достойном уровне вам на блюде не подадут, но вышка имеет и свои плюсы - математика работает напрямую с вашим мозгов, т.к как наука не терпящая идиотизма и оперирующая истинной. Информатика даст вам ту базу, которая нужна норм программисту, как раз те алгоритмы и паттеры, которые нужны если вы хотите расти.

В любом случае всё это можно добрать и не ходя в Вуз, но отсутствие корочки рано или поздно аукнется, если вы конечно не уедите из России, где вашим дипломом будут подтираться. Если это не какой нибудь НМУ.

Оптимизация iframe
В статье приведен ваш пример.

Все что вы скинули, всего лишь прикладные инструменты, учить их не нужно, это не фундаментальные вещи, такие как паттерны и алгоритмы.
webpack\gulp - вы будете настраивать 1-2 раза, и дальше работать с ними(достаточно понять принцип работы, взять готовые решения, переписать код с готовых решений что бы понять что он делает и тд). Все остальное - не учится в отрыве от проектов которые вы можете делать на досуге, что бы поднимать свой скилл. Условно вы приходите на работу, где люди пользуются webpack - скорее всего внутри компании он уже настроен под конкретный продукт или решение, и вам даже настраивать его не дадут) Так что в порядке ознакомления.
Одназначно ознакомьтесь с git(который у вас не написан), вот он вам 100% пригодится в любом месте.

2 меню на сайте - это признак криворукости. Правильный путь - переверстать и сделать меню одним для всех разрешений.

Ваш путь - делаете обертку для вашего меню в стиле ~ lg-menu - и как только у вас подходит к нужному вам разрешению, допустим

@media screen and (max-width: 900px) { lg-menu: dispay: none;}

Следовательно алгоритм мобильного меню вам должен быть понятен,

.mobile-menu \ @media screen and (max-width: 900px) { lg-menu: dispay: flex;}

Нужный вам скрипт подключить\отключить в зависимости от разрешения -

<script>
If (document.body.clientWidth>768){
  document.write('<script src=...>')
}
</script>