如何从零开始学习 TypeScript？

大家好！我是一名初级开发者，想从 JavaScript 转向 TypeScript，但不知道从何入手学习。我尝试阅读官方文档，但觉得它太枯燥且术语过多。也试着看 YouTube 上的教程，但大多数教程都假设观众已经对 TypeScript 有基础了解。

我目前的技术栈：了解 JS 基础（ES6+、promises、async/await），稍微用过 React。有一个纯 JS 的小项目（带 localStorage 的任务列表），我想用 TypeScript 重写它，以便在实践中理解差异。

以下是我尝试添加类型的代码示例：

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

我希望 TypeScript 能在我意外向 text 参数传入数字而非字符串时，或尝试调用 task 对象上不存在的方法时，高亮显示错误。但目前还未能实现。