正文

掌握TypeScript，从这50个社区与资源开始学习

/0 浏览量
0706

TypeScript 是 JavaScript 的一个超集，它通过引入类型系统、接口、模块和更多的 ES6+ 特性，让 JavaScript 开发变得更加安全、健壮和易于维护。为了帮助你更好地学习和掌握 TypeScript，以下是 50 个值得关注的社区和资源，涵盖了从入门到进阶的各个方面。

入门与基础

  1. 官方文档 (https://www.typescriptlang.org/docs/)

    • TypeScript 的官方文档，提供了最权威的入门教程和详细文档。

  2. TypeScript for Beginners (https://www.typescriptlang.org/docs/handbook/typescript-for-beginners.html)

    • TypeScript 初学者指南，适合初学者快速入门。

  3. TypeScript by Example (https://typescriptbyexample.com/)

    • 通过实际的代码示例来学习 TypeScript。

教程与课程

  1. egghead.io TypeScript courses (https://www.egghead.io/courses/typescript)

    • egghead.io 提供了一系列 TypeScript 的视频教程。

  2. freeCodeCamp TypeScript Tutorials (https://www.freecodecamp.org/news/typescript-tutorials/)

    • freeCodeCamp 提供了一系列免费 TypeScript 教程。

  3. TypeScript Bootcamp (https://www.typescript-bootcamp.com/)

    • 一系列完整的 TypeScript 课程，从基础到高级。

社区与论坛

  1. TypeScript Community Forum (https://community.typescriptlang.org/)

    • TypeScript 的官方论坛，是获取帮助和交流的地方。

  2. Stack Overflow TypeScript tag (https://stackoverflow.com/questions/tagged/typescript)

    • 在 Stack Overflow 上搜索 TypeScript 相关问题。

  3. Reddit TypeScript community (https://www.reddit.com/r/typescript/)

    • Reddit 上的 TypeScript 社区，可以找到很多讨论和资源。

工具与插件

  1. Visual Studio Code TypeScript Extension (https://marketplace.visualstudio.com/items?itemName=Microsoft.TypeScript)

    • Visual Studio Code 的 TypeScript 扩展，提供语法高亮、智能提示等功能。

  2. WebStorm TypeScript Support (https://www.jetbrains.com/webstorm/typescript/)

    • WebStorm 的 TypeScript 支持，提供强大的代码编辑和调试功能。

编程练习

  1. TypeScript Koans (https://github.com/basarat/typescript-koans)

    • TypeScript Koans 是一个基于测试的 TypeScript 学习工具。

  2. TypeScript Exercism (https://exercism.io/tracks/typescript)

    • Exercism 提供了 TypeScript 的编程练习。

高级资源

  1. TypeScript Deep Dive (https://www.typescriptlang.org/docs/handbook/deep-dive-intro.html)

    • TypeScript 深入指南，适合进阶学习。

  2. Advanced TypeScript (https://kristianschrock.com/advanced-typescript/)

    • 高级 TypeScript 指南，包括泛型、高级类型系统等。

实践项目

  1. TypeScript for the Real World (https://realworldtypescript.com/)

    • 通过实际的代码示例来学习 TypeScript。

  2. TypeScript by Example (https://typescriptbyexample.com/)

    • 包含了多个真实世界的 TypeScript 示例。

博客与文章

  1. TypeScript Daily (https://typescriptdaily.com/)

    • TypeScript 每日更新，包括教程、技巧和新闻。

  2. Medium TypeScript category (https://medium.com/tag/typescript)

    • Medium 上的 TypeScript 文章。

软件包与库

  1. DefinitelyTyped (https://github.com/DefinitelyTyped/DefinitelyTyped)

    • 包含大量 TypeScript 定义文件。

  2. TypeScript All-in-One (https://typescript-all-in-one.com/)

    • 包含了 TypeScript 相关的库和工具。

书籍

  1. TypeScript Handbook (https://www.typescriptlang.org/docs/handbook/)

    • TypeScript 官方手册。

  2. Programming TypeScript (https://www.manning.com/books/programming-typescript)

    • 一本关于 TypeScript 的全面指南。

工具与资源

  1. TypeScript playground (https://www.typescriptlang.org/play/)

    • 在线 TypeScript 编译器和运行环境。

  2. TypeScript compiler (https://www.typescriptlang.org/tools/compiler/)

    • TypeScript 编译器的命令行版本。

教程与示例

  1. TypeScript Examples (https://www.typescriptlang.org/docs/handbook/2/everyday-type-script.html)

    • TypeScript 的常见示例。

  2. TypeScript in Action (https://www.manning.com/books/typescript-in-action)

    • 一本关于使用 TypeScript 进行实际项目开发的书籍。

实时新闻与动态

  1. TypeScript News (https://www.typescriptnews.com/)

    • TypeScript 相关的新闻和动态。

  2. TypeScript Blog (https://blog.typescriptlang.org/)

    • TypeScript 官方博客。

插件与扩展

  1. IntelliJ IDEA TypeScript Support (https://www.jetbrains.com/idea/typescript/)

    • IntelliJ IDEA 的 TypeScript 支持。

  2. NuGet TypeScript Packages (https://www.nuget.org/packages?type=SearchCriteria&filter=Typescript)

    • NuGet 上的 TypeScript 包。

实践项目与案例

  1. TypeScript with React (https://react-typescript-cheatsheet.netlify.app/)

    • 使用 TypeScript 与 React 一起开发的指南。

  2. TypeScript with Angular (https://angular.io/guide/setup-local)

    • 使用 TypeScript 与 Angular 一起开发的指南。

进阶学习

  1. TypeScript Advanced Features (https://www.typescriptlang.org/docs/handbook/advanced-types.html)

    • TypeScript 的高级类型功能。

  2. TypeScript Generics (https://www.typescriptlang.org/docs/handbook/2/generics.html)

    • TypeScript 泛型的详细介绍。

资源列表

  1. TypeScript Resources (https://www.typescriptlang.org/resources/)

    • TypeScript 资源列表。

  2. TypeScript Cheatsheet (https://www.typescriptlang.org/docs/handbook/cheatsheet.html)

    • TypeScript 速查表。

教程与示例

  1. TypeScript Tutorials (https://www.typescriptlang.org/docs/handbook/2/generics.html)

    • TypeScript 教程和示例。

  2. TypeScript Examples (https://www.typescriptlang.org/docs/handbook/2/generics.html)

    • TypeScript 示例。

社区与论坛

  1. TypeScript Community Forum (https://community.typescriptlang.org/)

    • TypeScript 社区论坛。

  2. Stack Overflow TypeScript tag (https://stackoverflow.com/questions/tagged/typescript)

    • Stack Overflow 上的 TypeScript 标签。

软件包与库

  1. DefinitelyTyped (https://github.com/DefinitelyTyped/DefinitelyTyped)

    • DefinitelyTyped。

  2. TypeScript All-in-One (https://typescript-all-in-one.com/)

    • TypeScript All-in-One。

工具与插件

  1. Visual Studio Code TypeScript Extension (https://marketplace.visualstudio.com/items?itemName=Microsoft.TypeScript)

    • Visual Studio Code TypeScript 扩展。

  2. WebStorm TypeScript Support (https://www.jetbrains.com/webstorm/typescript/)

    • WebStorm TypeScript 支持。

实践项目

  1. TypeScript with React (https://react-typescript-cheatsheet.netlify.app/)

    • TypeScript with React。

  2. TypeScript with Angular (https://angular.io/guide/setup-local)

    • TypeScript with Angular。

教程与课程

  1. egghead.io TypeScript courses (https://www.egghead.io/courses/typescript)

    • egghead.io TypeScript 课程。

  2. freeCodeCamp TypeScript Tutorials (https://www.freecodecamp.org/news/typescript-tutorials/)

    • freeCodeCamp TypeScript 教程。

  3. TypeScript Bootcamp (https://www.typescript-bootcamp.com/)

    • TypeScript Bootcamp。

通过这些社区和资源，你可以系统地学习和掌握 TypeScript。记住，实践是学习编程语言的最佳途径，所以多写代码，多参与项目，你会更快地成为 TypeScript 的专家。

-- 展开阅读全文 --