Максим

Из того, что часто может пригодится в вебе

• Паралакс
  
• слайдер
  
• генерацию таблиц из js
  
• сортировку таблиц
  
• общение с сервером
  
• Плеер (аудио/видео)
  
• Работа со временем (momentjs)
  
• Подгрузка постов при скроле
  
• Движение блоков при скроле
  
• Пагинация
  
• Модалка
  
• Взаимодействие с изображениями (фильтр, обрезка, ...)
  
• Кастомные селекты, датапикеры
  
• Табы
  

+ можешь поискать топ сайтов и попробовать повторить интересные штуки из них
+ jQuery
+ фрейморки, например Vue
+ node js

Разбейте сложную задачу на составные простые и решайте их по одной.

Например, для начала получите не объект, а массив строк таблицы.

Или, когда имеется в распоряжении DOM объект строки, как из него вытащить все ячейки?


В вашем коде первая ошибка: не представляете, что хотите получить в итоге. Наверное, не объект, а массив массивов? Там же упорядоченный набор строк, в каждой строке упорядоченный набор ячеек.
Вторая ошибка, document.querySelector('tr') всегда будет возвращать самую первую строку в самой первой таблице в документе.

function getTableData(table) {
  const [ head, ...rows ] = table.querySelectorAll('tr');
  const keys = Array.from(head.cells, n => n.innerText);

  return rows.map(tr => keys.reduce((obj, key, i) => {
    obj[key] = tr.cells[i].innerText;
    return obj;
  }, {}));
}


const tableData = getTableData(document.querySelector('table'));