stasov1

Ваш подход биться над подобной задачей несколько часов безумно глуп. Программирование, особенно фронтенд (вам же не шейдеры писать на С++), требует базовых понятий в логике, конечно да, но намного больше требует умения искать ответы. Не знаешь как сделать элемент галереи, криво ездит анимация? Составляй запросы в Google с применением site:stackoverflow.com

Если вам действительно очень хочется выработать у себя логику для решения подобных задач — наберите 10-20 штук подобных. Если с первой будут проблемы — посмотрите решение, постарайтесь выделить шаблонный алгоритм решения и после этого примените его на оставшихся примерах. Суть не в том, чтобы выдумать велосипед своей головой, суть в том, чтобы помнить (знать, где быстро найти) и уметь применять best practices, а для этого нужно просто повторять.

В чем проблема с учебой программированию?

Бьюсь над задачей пару часов, пока не посмотрю в ответы, и понимаю как же это было на самом деле просто.

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

Программисты часто "курят" чужой код, прежде чем писать свой. И хоть какие-нибудь костыльные варианты для начала придумывают. В твоём случае с шахматной доской подошло бы для начала такое

console.log("#  #  #  #  #");
console.log("  #  #  #  #  ");
console.log("#  #  #  #  #");
console.log("  #  #  #  #  ");
console.log("#  #  #  #  #");
console.log("  #  #  #  #  ");

Это не сложное решение визуально даёт нужный результат :)

С моей точки зрения, с готовым решениями можно работать двумя способами:
1. решить и проверить своё решение
2. в случае тупика посмотреть решение, понять его, закрыть браузер и идти и повторять по памяти
Можно заучить наизусть, как билеты по ПДД :) Но не копипастить и не переписывать.

Примеры из жизни.
1. Университет. Первый год на "Технологии программирования" учились читать чужой код ("что будет выведено в результате исполнения этого алгоритма") и писать свои алгоритмы по 5-10 строк (найти сумму чётных элементов массива). Ну простейшие же задачи, а целый год.
2. Я умудрился уже четыре раза делать "стену", как вКонтакте на личной странице, для разных проектов. Все каждый раз становились только лучше.
3. Я написал несколько одинаковых мини-проектов (pet project) на разных языках или диалектах.

Так что не стесняйся костыльных решений, пиши код, учись.

Если трудно – значит, на этом учишься. Так и должно быть. Можно учиться на абстрактных задачах, можно на реальных – была бы разница «до» (– Не знаю, как вообще к этому подойти!) и «после» решения (– Ха! Так вот, как оно делается, совсем не сложно!).

Попробуйте себя в тех задачах, которые лично вам близки и интересны. Может, это генеративный арт – когда скрипт генерирует какие-то оригинальные узоры, рисунки, анимации, GIF'ы, которые потом все расшаривают в сетях. А может, реальные задачи, за которые платят.

Не важно, как – целиком своим умом, или с помощью коллеги, соседа, StackOverflow или Toster'а вы в итоге решите задачу – главное, решите, и уже будете понимать, как подобное делать.

Поэтому работать лучше там, где вы по началу даже чуть-чуть не дотягиваете до уровня вакансии, где коллеги кругом все круче вас – это для вас идеальное место, где вы будете расти наиболее быстро.

Что касается примера с выводом в консоль. Как и с любой другой необъятной, «сложной» и непонятной задачей – бейте её на более мелкие, отбивайте кусочки, которые можете решить сразу самостоятельно. Вывод в консоль – можете вывести "Hello world?". Отлично, сделано. Вывести первую строку. Прекрасно! Вывести вторую? Мега. Теперь, может, что-то оптимизируем – ведь 1-я и вторая по сути очень похожи? И так далее, пока не образуется решение в одну строку, а вы отправитесь пить кофе, почитая себя гением на сегодня. : )

Вакансия.
Поставщик геометрических фигур ищет опытного JS программиста, для разработки консольного ПО в цех производства треугольников

Это задачи на алгоритмы. Конкретно к JS они отношения не имеют.

Как ни странно программистам, в частности в веб, не всегда нужны нетривиальные алгоритмы. Даже напротив, довольно редко. Да, навыки в них всегда полезны, но вам сейчас нужнее практические навыки. Решайте задачи на алгоритмы, когда есть желание размять мозги, для общего развития.

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

Ты ниасилил прям "вноль", не понимая с чего начать или твой код в принципе правильный, но не работает из-за 1-2 однотипных ошибок?

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

Судя по задачам ты учишься по "Выразительный Javascript"

читай учебник на Javascript.ru, решай задачи, которые дал уважаемый OnYourLips и попроси, чтоб кто-нибудь тебя зарегистрировал на Codewars. Там очень классные задачи в неограниченных количествах.

Умение программировать - это не тоже самое, что владение одним или несколькими языками программирования. Мы все (кто как) владеем русским языком, но это не делает нас писателями автоматически. Об этом не упоминают авторы книг по ЯП, что их прочтение не сделает программиста из читателя, как учебник русского языка ни из кого еще не сделал писателя. Одно дело - уметь писать код, другое - уметь программировать. Задачи, на которые вы натолкнулись, требуют именно программирования, а не просто выражения в программном коде некоторой последовательности действий, описанной естественным языком.

Надеюсь, вы воспримете это без обид. Я сам не считаю себя великим программистом. И многие конкретно программистские задачи у меня тоже вызывают закипание мозга, несмотря на хорошее владение ЯП и достаточный опыт. Просто не всем русскоговорящим (т.е. русскопишущим в интернете) быть великим русскими писателями, и не всем кодерам быть великим программистами.

Думаю здесь абсолютно нет никакой проблемы, и это временное явление все, пока опыта и знаний по соответственной тематики нормально не подчерпнете)

Значит у вас проблемы с логикой и мысленным представлением. Поищите книги каие-нибудь... Ну или будете просто кодить по указке)

<header class="page-header">
    <div class="logo page-header__logo">
      ...
    </div>
    <nav class="menu page-header__navigation">
      ...
    </nav>
    <ul class="page-header__social social-list">
      ...
    </ul>
</header>