Как начать изучать TypeScript с нуля?

Всем привет! Я начинающий разработчик, который хочет перейти с JavaScript на TypeScript, но не знаю, с какой стороны подойти к изучению. Пробовал читать официальную документацию, но она показалась слишком сухой и перегруженной терминами. Пытался смотреть видео на YouTube, но большинство туториалов предполагают, что зритель уже знаком с TypeScript на базовом уровне.

Мой текущий стек: знаю основы JS (ES6+, промисы, async/await), немного работал с React. Есть небольшой проект на чистом JS (список задач с localStorage), который я хочу переписать на TypeScript, чтобы понять разницу на практике.

Вот пример моего кода, который я пытаюсь типизировать:

function addTask(text) {
  const task = { id: Date.now(), text, completed: false };
  tasks.push(task);
  render();
}

Я ожидаю, что TypeScript подсветит ошибки, если я случайно передам число вместо строки в параметр text, или если попытаюсь вызвать несуществующий метод у объекта task. Но пока не понимаю, как правильно описывать интерфейсы и типы для таких простых случаев.

Подскажите, пожалуйста, с чего начать новичку? Может быть, есть какой-то структурированный роадмап или книга/курс, где объясняют именно с нуля? Какие темы освоить в первую очередь: типы, интерфейсы, дженерики? Или лучше начать с настройки tsconfig и базовых правил? Буду благодарен за любые советы и ссылки на проверенные ресурсы.