以下是對於TypeScript和Angular初學者尋求幫助的網站的概要整理,以便更容易地理解

大约半年前开始,我参与了使用TypeScript/Angular的工作。
(我主要负责前端开发,但也在服务器端和命令行工具的创建中使用了TypeScript。)

在半年前,TypeScript和Angular似乎变得稍微懂一些,但最近却回到了完全不懂的阶段。对于Angular我完全不懂。

然而,为了整理出自己目前掌握的一些知识,以及今后会继续借鉴的藏书(或者说是藏在网站中的资源),我打算把它们整理起来。
希望对其他像我一样作为 TypeScript 和 Angular 初学者的人有所帮助。

谢谢一直以来对我有帮助的网站。

Angular.io 可以被改写为 “角度点”。

Angular.io(日本語版)

这是Angular的官方网站。它涵盖了关于Angular的所有信息,包括入门指南、各种指南以及API规范。还提供有日语网站,非常方便。

由于Angular本身具有相当庞大而复杂的世界观,所以官方文档给人的印象就像是一本厚重的参考书。举个例子,对于初学者来说,比如说“在模板中如何使用if或for循环?”这样的简单问题,很难立刻从侧边菜单中找到答案。与Vue.js或React等的官方文档相比,可以感受到在设计理念方面存在一些差异。

一开始从教程开始,当对沉重的话题感到疑惑时可以考虑留待以后了解。
(我自己在教程之后还没有完全理解。)

Angular 教程之后

Angular学完教程后

这个解释网站是由Angular日本用户组组织者@lacolaco先生提供,针对完成教程的用户,提供的设计指南。与官方的参考手册相比,它更加实践性强,内容也不那么沉重,更容易上手。

此外,我也非常感谢lacolaco先生的博客等等关于Angular的高质量日文信息。

Angular Material (角度材料)

Angular 材料

这是一个按照Material Design设计的Angular组件集。我们在工作中使用它们。

使用CDK(组件开发工具包)作为基础,您可以自己制作组件。不仅组件本身很有用,而且作为官方组件的实现,源代码也非常有参考价值(GitHub)。

Angular Material的官方网站本身也是由Angular(GitHub)构建的,作为Angular的使用示例非常值得参考。

Angular CLI 可以进行角度命令行接口

Angular CLI
Angular命令行接口

被用于Angular开发的官方CLI工具。基本上,推荐在Angular开发中使用CLI工具,所以除非有特殊情况,我们应该会使用ng命令。

虽然 ng 命令也是有用的,但也可以作为通过 TypeScript 实现的 CLI 工具的参考(GitHub)。例如,ng generate 就是实现了利用外部 Schematics 来执行命令的方式。

Angular 圣诞日历

2018年
2017年
2016年
2015年

关于Angular的圣诞日历。它似乎不仅包括了TypeScript版的Angular,还包括了旧版本的AngularJS以及Dart版的AngularDart。不过大部分内容应该是关于TypeScript版的。
由于Angular和RxJS的版本可能会稍有不同的写法,所以不清楚旧信息到底能否适用至今,但根据文章的撰写年代可以比较容易地注意。

学习 RxJS

学习 RxJS

关于RxJS的说明网站,它被用作Angular的核心。对于不太理解RxJS官方文档中所展示的箭头图的人来说,通过示例源代码进行各种管道的解释是很容易理解的。虽然似乎没有进行日语本地化,但示例源代码很简单,所以应该没有问题。

深入探索 TypeScript

TypeScript 深入篇 (日本語版)

这是一个关于TypeScript各种规范说明的网站。
特别是对于TypeScript类型相关的规范进行了简明易懂的解释。
由于TypeScript的类型系统非常灵活,因此可能会变得非常复杂,所以我觉得最好在掌握规范的同时尽量简单地运用它们。

最终来说

在整理这篇文章的过程中,我再次确认了有些网站上还有一些完全还没读到的部分。
特别是Angular官方文档,似乎还有很多值得阅读的内容。

如果除了这里介绍的网站外,还有其他推荐的网站可以完全理解TypeScript和Angular,务必请在评论中提供!