Andrey Shock

d = new Date();
monthA = 'января,февраля,марта,... и т.д.'.split(',');
monthA[d.getMonth()]

vscode или webstorm, другие варианты выкиньте.

vscode - как vim, текстовый редактор, простой. Может превратиться в мощную машину через плагины. Кажется идеальным вариантом в Вашем случае.

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

sirenko, Для первого раза не плохо.
Но есть ряд нюансов:
1) Дивы нельзя вкладывать в списки. Это не валидно
2) Вы хардкодите значения для каждого элемента. Это лишнее.
3) Если текста будет другое количество, то всё поплывёт.
4) Не нужно два псевдоэлемента, чтобы нарисовать 2 линии. Достаточно одного для длинной линии и другого для цифры поверх.

Переписал на скорую руку (какие то стили для Вас могут оказаться лишними. Прописаны исключительно для демки):

Те, кто знают Vue, могут написать проекты любой сложности на Vue.
Те, кто знают React, могут написать проекты любой сложности на React.
Использовать нужно то, что вы знаете или хотите изучить.

pogugli.com/?384653 --> https://www.impressivewebs.com/animate-display-blo...

https://qna.habr.com/search?q=%D0%BA%D0%B0%D0%BA+%...

Правила сервиса

2.2 Убедиться в том, что в сети Интернет, и на страницах Сервиса в частности, отсутствуют ответы на данный вопрос. Специально для этого талантливые IT-специалисты создали и развивают поисковые системы Яндекс и Google.

const sumNumbers = (from, to) =>
  (from + to) * (Math.abs(to - from) + 1) / 2;

Вы были близки.
.closest() ищет исключительно вверх по дереву, начиная с самого элемента. А .text не является родительским элементом для картинки.

Таким образом, нужно сначала найти общего родителя между картинкой и .text, и в этом общем родителе найти .text:

-const message = event.target.closest('.text').textContent;
+ const message = event.target.closest('.message_container').querySelector('.text').textContent;

Мое решение:

let arr = ['a', 'b', 'c', 'd', 'e'];
let obj = {};
for (let i = 0; i <= arr.length; i++) {
obj[i + 1] += arr;
}
console.log(obj);

Ну Вы были относительно близко.
1. Зачем Вы делаете += ? Вы же не плюсуете к чему то, а назначаете значение. То есть

- obj[i + 1] += arr;
+ obj[i + 1] = arr;

2. Зачем Вы прибавляете весь arr, когда Вам нужен элемент массива, а не весь массив. То есть:

- obj[i + 1] = arr;
+ obj[i + 1] = arr[i];

3. Цикл выполнится 6 раз, так как у Вас от нуля до длины массива - 5. То есть, 0,1,2,3,4,5. Вместо этого можно начать с 1, и в итоге тогда:

let arr = ['a', 'b', 'c', 'd', 'e'];
let obj = {};
for (let i = 1; i <= arr.length; i++) {
obj[i] = arr[i-1];
}
console.log(obj);

Ну и как уже сказали выше, можно через reduce. Тогда будет значительно короче:

let arr = ['a', 'b', 'c', 'd', 'e'];
let obj = arr.reduce((a, c, i) =>  (a[i+1] = c, a), {});
console.log(obj);

курс по созданию telegram-бота

clickOnButton() -> clickOnButton

Вы должны передавать функцию, а не ее выполнение.

Откройте раздел Keymap в настройках и там в Editor Actions настройте дополнительно для Down любое удобное вам сочетание клавиш.
Например, можете забиндить перемещение курсора на Shift + (W,A,S,D), по крайней мере в моих настройках эти сочетания ни с чем не пересекаются. Заодно левый мизинец раскачаете.

P.S. Насчёт Shift+WASD, я, конечно, фигню сморозил - как заглавные-то писать :)

const removeTodoFromStorage = (id) =>
  localStorage.setItem(
    'todoList',
    JSON.stringify(
      JSON
        .parse(localStorage.getItem('todoList') ?? '[]')
        .filter((item) => item.id !== id),
    )
  );

const chars = [' ', '#'];
const size = 8;
str = '';
for (let i = 0; i < size; i++) {
  for (let j = 0; j < size; j++) {
    str += chars[(i + j) % 2];
  }
  str += '\n';
}
console.log(str);

Как понять, что ты уже middle front-end developer?

Когда просыпаешься от лучиков солнца, а не от заказчика который говорит что твоя верстка поплыла

Чем junior отличается от middle front-end?

Джуниора контролят на каждом этапе и дают небольшую волю, мидла могут отпустить на вольные хлеба

Что такого знает middle, чего не знает junior front-end developer?

JS, какой-то фреймворк возможно на базовом уровне немного бэка

Как происходит процесс повышения до middle front-end developer в компаниях?

Как и процесс повышения зарплат

Чем отличаются обязанности junior и middle front-end developer?

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

По каким критериям сравнивают?

Умение находить ответы на вопросы и я больше не знаю прям таковых важных

Набор скилов для middle front-end developer?

Своя чашка кофе, аккаунт на тостере с достаточным вкладом, и свой ноутбук.

Как стать middle front-end developer?

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

ul {
  counter-reset: item;
}

ul li {
  counter-increment: item;
}

ul li::marker {
  content: counter(item, lower-alpha) ") ";
}

const index = arr.findIndex(n => n.id === id);
if (index !== -1) {
  arr.splice(index, 1);
}

или, если нужен новый массив:

const newArr = arr.filter(n => n.id !== id);

Если же id имеют не уникальные значения, то создание нового массива остаётся без изменений, а модификация существующего может выглядеть так:

for (let i = arr.length; i--;) {
  if (arr[i].id === id) {
    arr.splice(i, 1);
  }
}

или так (да, reduceRight используется не совсем по назначения, как и оператор &&):

arr.reduceRight((_, n, i, a) => n.id === id && a.splice(i, 1), null);

или так:

let countDeleted = 0;

for (let i = 0; i < arr.length; i++) {
  arr[i - countDeleted] = arr[i];
  countDeleted += arr[i].id === id;
}

arr.length -= countDeleted;

или так:

arr.splice(0, arr.length, ...arr.filter(n => n.id !== id));

Если я правильно понял, то это должно помочь, правда не всеми браузерами поддерживается

.class {
  -webkit-tap-highlight-color: transparent;
}

Для чего заменять?
Флекс у вас должен использоваться для построения самих карточек, а внутри карточки уже отдельная история. Пусть завголовок будет блочным, параграф инланй, а картинку во float left. И будет вам обтекание. Только clearfix не забудьте.
Тыц