Какой ноутбук выбрать?

Василий Банников, а зачем 120 герц, если сэкономили на видеокарте?)

Какой ноутбук выбрать?

Поддерживаю.
Так же добавлю, что у браво 120 герцовый экран что должно было бы быть плюсом, но по факту является скорее всего минусом, т.к. ноут дешевле прочих 2ух с примерно теми же хар-ками, но у них 60Гц, а значит поставить действительно хороший экран они не могли.

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

Grizar,

и спрашиваю - может есть решение проще,

w('.itek', [5, 3, 2]);

Как описать и JS файлы с данной программой?

Не понял, что мешает поставить данный пекедж?
Хотя судя по тексту ты вообще просто js/tsdoc использовать хочешь. Тогда тем более в чём проблема?

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

Нужно писать не максимально коротко, а максимально понятно.
Тем более непонятно, в одном примере ты используешь ванилу, а в другом жквери. С тем же успехом можно написать свою функцию для конкретно данной задачи и тогда код можно сократить до:
w('.itek', [5, 3, 2]);

Как сделать повторяющуюся анимацию?

Мне день разбираться с основной проблемой, но тут ужасно написано:

let styles = [];
  for (let i = 0; i < properties.length; i++) {
    styles.push({
      color: `${properties[i].color}`,
    });
  }

// =>

const styles = properties.map((p) => ({ color: p.color }));

Как поместить созданный блок внутрь HTML кода в return?

2021. Сложение строк. Ты бы ещё вары использовал.

Как правильно сделать регулярку?

Данил, только правильнее так:
/^кубик(?:\s[1-6])?$/
Кубику незапоминающие скобки ненужны, как пробелу с числом запоминающие ненужны.

Хватит ли данного ноутбука для комфортной веб разработки?

rPman, ты про 8 и 4 шутишь или серьёзно? Для работы сегодня 16 ─ это минимум. Тем более для веба, которому одновременно нужно постоянно держать как минимум иде + браузер открытыми.

В общем, kaori_el, для твоих задач 16 минимум (обязательно в двухканале), rPman из другой сферы и для его задач, возможно, хватает и меньше.

Хватит ли данного ноутбука для комфортной веб разработки?

Оперативы хотя бы 16 надо.
Обязательно как минимум 2умя плашками.

Каким образом лучше реализовать такую карту на canvas?

Alixx,
скайп: med88ved
vk: id178690188

Каким образом лучше реализовать такую карту на canvas?

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

И да, раз у нас такое активное общение, может перейдём на более удобные для этого площадки, а то я уже устал мотать вниз каждый раз... :/

Каким образом лучше реализовать такую карту на canvas?

Alixx,

document.createElementNS("http://www.w3.org/2000/svg", "svg");

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

Каким образом лучше реализовать такую карту на canvas?

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

Удалили акк Upwork с деньгами, что делать?

viacheslav228, их же отправили назад заказчику, попробуй с ним связаться напрямую и объяснить ситуацию, возможно перечислит тебе напрямую.
Впрочем, с твоим красноречием я сомневаюсь в положительном результате.)

Как защитить сайт от прямых ссылок на изображения со вставками изображений на других сайтах?

Автор же спрашивают про защиту от хотлинкинга, причём здесь тут бред, что ты написал?

Каким образом лучше реализовать такую карту на canvas?

практики во фронте у меня мало, поэтому многое по факту уже смотрю, тестирую

Alixx, забавно, я сам нод жс бекендер, поэтому с фронтом тоже много дел не имею.) Так что с этим:

когда до дела дойдёт, только тогда смогу понять, чё подходит, а что нет

полностью согласен.

Чёто сколько сегодня читаю про свг, тем больше он меня пугает.

Меня он тоже пугает местами, честно говоря, но по факту он довольно простой и лаконичный. Path непростой, да, но есть лайфхак, как получить легко и быстро все точки необходимой области. Когда дойдёшь до этого, расскажу, а то там много расписывать, а сейчас мне лень.)

Каким образом лучше реализовать такую карту на canvas?

Foint

Alixx, опечатка же.)

Почему же здесь так же не получится?

Если так, то да, но тогда, имхо, лучше сделать наоборот, свг держать дисплей нон и когда надо диплей блок/флот/что угодно. Причём можно сделать визабилити хайден или опасити 0, чтобы даже теоретического мерцания не было.

Каким образом лучше реализовать такую карту на canvas?

Почему? А elementfrompoint разве не подойдёт?

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

Но! Не получится для фона загружать картинки целиком - они весят десятки мб и размером 20000х10000px (примерно пишу). Не каждый слабый комп/ноут такое потянет. Поэтому такие картинки нарежу на квадраты и буду подгружать по мере надобности.

Разумно. Так же предложу дополнительно сжать изображения, до 90-95%, если речь о жпг, глазом не отличишь от оригинала.

А как с свг? Его можно загрузить целиком, да, но спозиционировать и уменьшить масштаб под текущий размер фона можно?

Естественно.

Как собрать из массива объект, разбивая каждый элемент массива на ключ/значение по разделителю "="?

Или map + Object.fromEntries.