Как соотносятся примеры из книг и реальная разработка? [закрыт]

Если при начальном изучении языка вам давать примеры из реальной разработки, то вы просто ничего не поймёте и перестанете учить язык.

Примеры специально составляются так, чтобы каждый пример максимально ясно демонстрировал одну какую-то тему/нюанс/приём. Для этого пример и делают максимально очищенных от посторонних смыслов, которые бы только отвлекали.

Это как в первом классе буквы и слоги учат по "Мама мыла раму" а не по "Критике чистого разума" Канта.

Для фронт-энда важна инженерная часть и визуальная часть, которая строиться с помощью тэгов html и стилей CSS. js/jq бывает необходим для функций/технической части, например: свайп, кнопки по нажатию которых что-то происходить (добавление класса) и т.д. Иначе говоря «Сценарный Язык» необходим собственно для разных сценариев. Я никому не рекомендую загружать сайты js, использовать только минимум, иначе сайт может стать тяжелым. Кроме того, если позволяют серверные языки обходиться без js, то лучше использовать их (php например). В остальном изобилие js создают тормоза/зависания.

Дополню про условия... if, else, elseif... это всё условия для создания разных вариантов, которые зависят от идей и их реализации. Такие условия используются не только в js, но и в: php, smarty..

Если ты, друг, хочешь заниматься конкретно визуальной частью, то начни с идеи. Поставь себе вопрос - Что нужно построить? После этого уже - Как? Анализируй варианты, если есть несколько разных способов решений, выбирай эффективный с твоей точки зрения. Да,да, - формируй свой взгляд, свой опыт. Реализовывай.

https://habr.com/ru/post/341626/