Егор Живагин

Если ты не можешь на это повлиять, то смирись. На самом деле, то что ты описал, и как ты это описал, должно делаться еще на уровне самого SQL запроса, и возвращаться должны готовые для употребления данные. Вот эти все сравнения идентификаторов должна делать субд на основе пришедшего к ней SQL запроса. А тебе должно быть достаточно сделать запрос вроде getMenu(params), где params это и локализация, и прочие нужные поля.

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

Когда происходит клик, то i берется из внешнего LexicalEnvironment.
К моменту клика цикл завершился, последнее значение было i=2.
В результате значение всегда равно 2.
С переменной let не так.

Каждому повторению цикла соответствует своя независимая переменная let. Если внутри цикла есть вложенные объявления функций, то в замыкании каждой будет та переменная, которая была при соответствующей итерации.

Подробнее

Пишите код.

Ну тут надо уточнить, что дизайн сайтов/приложений не является продуктом. Это услуга.
"Картошка" - это продукт. "Доставка картошки" - это услуга. Вы предоставляете услуги, соответственно ставить вопросы надо исходя из понимая этого.

Бизнес выбирает поставщика услуг по нескольким пунктам:

1. Доступность - важно что бы было легко вас найти.
   
2. Понимание проблем клиента - важно что бы поставщик услуг четко понимал как его деятельность скажется на нашем бизнесе.
   
3. Скорость реакции сотрудников и их вежливость - тут думаю все понятно, если на email отвечают неделями и на от*бись, то такой поставщик услуг не получит заказ.
   

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

1. Увеличение продаж - на этот пункт вы влияете очень косвенно (ниже объясню почему). Потребитель больше будет смотреть на цену и скорость доставки, чем на форму кнопочки "Перейти в корзину".
2. Привлечение внимания - это тоже не ваша работа. Привлекают внимание маркетологи. Клиент даст рекламу в директ, и она будет привлекать внимание. Если вы занимаетесь дизайном рекламных баннеров, то тогда можно говорить о привлечении внимания, но в контексте вашей деятельности вы привлечением внимания к продукту/услуге заказчика не занимаетесь.
3. Большая конкурентоспособность/отстройка от конкурентов - это тоже не про вас. Конкурентоспособность никак не соотносится с визуальной составляющей. Вы можете сделать идеальную упаковку для пиццы, но если её везут 3 часа, то никакой конкурентоспособности быть не может.
Отстройка от конкурентов - это тоже не про вас. Немного погуглите про то что такое "отстройка от конкурентов", и поймете это. Отстраиваются на уровне позиционирования и бизнес процессов. Например вы открыли магазин продуктов возле дома. Через пол года рядом открывается пятерочка. Вы начинаете проседать по доходам, потому что пятерка дает лучшую выходную цену для клиента, и тогда вы решаете отстроится от конкурента, убираете весь ассортимент и становитесь магазином "Колбасы от Васи". И расставляете на прилавке 1 вид продукта, но в широком ассортименте, который пятерочка никак не может себе позволить, потому что им не выгодно иметь широкий ассортимент одной товарной позиции. Вот это и есть отстройка.

А теперь к важному. Продавайте "Повышение конверсии". И только это.
Бизнес делает рекламу, тратит на это деньги, и тут появляетесь вы и говорите, мы можем сделать новый дизайн вашего сайта, уменьшить "боль" потребителя от использования, что повысит вашу конверсию на N процентов + увеличит кол-во повторных заказов от существующих клиентов. Повышение конверсии даст большую эффективность вашим рекламным затратам, потому что вы можете потратить 100500 миллионов денег, но если вся реклама будет вести на непродуманный, некрасивый и абсолютно неюзабельный лендинг - ваши деньги вылетят в трубу. Такая постановка вопроса будет очень понятна любому бизнесу.

Так что вывод - переимуйте абстрактный пункт "Увеличение продаж" в более конкретный "Увеличение конверсии", и продавайте его.

window.onload

window.onload = function () { // ... loaded }

загрузка DOM и всех картинок

link

const objError = {
  BrowserNotSupported: "Your browser does not support HTML5 file uploads!",
  TooManyFiles: "Too many files! Please select 5 at most! (configurable)",
  FileTooLarge: `${file.name} is too large! Please upload files up to 5mb (configurable).`
}
alert(objError[err])

function lol()  {
...
}
elem.addEventListener("click", lol);
elem.addEventListener("keydown", lol);

Зачастую nginx перед nodejs используют когда нужно настроить фильтрации/ограничения/настройки ssl и прочие, что уже доступно в nginx из коробки, а в nodejs требует докачки модулей и настройки их. Найти специалиста, который настроет это на nginx быстрее и дешевле, чем человека который сделает это на nodejs.

Не нужен, но часто используется.
Во первых для кэширования запросов, во вторых для балансировки между несколькими нодами (точками/серверами), в третьих для отдачи статики.
Ну и иногда reverse proxy для разделения доменов на одном сервере.

Я так понимаю апач и nginx создавались в те времена, когда почти не было серверных языков?

Как круто вы смешали 2 совершенно разных, как исторически - так и идеологически, веб-сервера.
Апач релизили как исправления к еще более древнему продукту, а только потом прикрутили модулями сторонние языки.
ЭнжинИКС - отечественная разработка, позиционируется как быстрый и легкий сервер, преимущественно для статического контента. И он действительно быстр.

Подскажите, нужен ли ноду nginx?

nginx в любом случае будет отдавать статический контент быстрее при меньших потребляемых ресурсах, чем нода.

let wall1 = [          
 { color: '#5A6FDA', range: [0, 25] },
 { color: '#52DA33', range: [26, 35] },
 { color: '#DA2278', range: [36, 56] },
 { color: '#B955DA', range: [57, 79] },
 { color: '#2D1ADA', range: [80, 102] },
 { color: '#33B9DA', range: [103,152] },
 { color: '#DA6E15', range: [153, 200] }
]

let wall2 = {
 { 0: { '#5A6FDA': [0, 25] } },
 { 1: { '#52DA33': [26, 35] } },
 { 2: { '#DA2278': [36, 56] } },
 { 3: { '#B955DA': [57, 79] } },
 { 4: { '#2D1ADA': [80, 102] } },
 { 5: { '#33B9DA': [103,152] } },
 { 6: { '#DA6E15': [153, 200] } }
}

Какая разница между .item.active и .item .active ?

.item.active значит, что у одного элемента есть классы .item и .active
.item .active значит, что внутри элемента с классом .item есть вложенный элемент с классом .active

Какая разница между #ul, .ul, ul? (непосредственно в Jquery)

#ul ищет элемент с id="ul"
.ul ищет элемент с class="ul"
ul ищет элемент ul

1:
.item.active
<div class="item active"></div>

.item .active

<div class="item">
  <div class="active"></div>
</div>

2:
#ul
<div id="ul"></div>

.ul
<div class="ul"></div>

ul
<ul></ul>

На беке сделать запрос в БД - группировки / сортировки / limit'ы, привести к нормальному виду, чтобы без манипуляций на фронте скормить данные графикам
На фронте просто брать эти данные и выводить в графике

Отрисовывать - то на фронте, естественно.
А сами данные на бэке привести в более-менее отрисовываемый вид - отфильтровать нужный диапазон, сгруппировать что нужно и т.п.