Максим

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

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

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

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

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

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


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

const getTableData = ({ rows: [ head, ...rows ] }) =>
  rows.map(function({ cells: c }) {
    return this.reduce((obj, key, i) => (
      obj[key] = c[i].innerText,
      obj
    ), {});
  }, Array.from(head.cells, n => n.innerText));


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