首先，作为我在接触JS框架时选择的第一个Angular框架的原因，我整理了我当时最想要的建议和信息。标准是

• HTML,CSS:多分触れる

 

• JavaScript:よわよわ（ES6なにそれ？）

 

TypeScript:はじめまして、おてやわらかに

这篇文章是基于一个连基础都不掌握的水平，提出了与Angular迅速熟悉的最短路径。

我也想同时提醒一下关于Angular的优缺点，以及可能普遍存在的框架陷阱等注意事项。

虽然可能没有马上会用Angular这个奇特的框架的人，但是如果有和我一样的人，我希望你们能尽快与Angular成为朋友，所以我写了这篇文章。

学习初期搜索信息时意识到的事情

在JS框架中，Vue、React和Angular被视为三大框架进行比较，但在其中，Angular似乎经常被忽视。或许是因为使用者较少吧。

即便如此，我还是会不断寻找相关信息，但好像很少看到从学习Angular的人的观点来写的优缺点。

我虽然还算新手，学习了一段时间Angular后，我想先介绍一下“正因为学习了Angular，所以……”。

学习Angular的优缺点

优点编

当你能够应用它时，“一口气”的好处很大。
虽然这也适用于缺点，但由于一开始就以TypeScript为基础，无论如何都会积累TypeScript的经验。官方网页的教程也是使用JavaScript的ES6语法，所以你也能够掌握新的语法。
从未来的角度来看，即使是强行接触TypeScript也是有益的。

在不清楚前端相关知识的情况下，却能够通过经验学到大致的知识。稍微不详细地说，当我在使用Vue和webpack云云的时候，我兴奋地惊讶道：”哇，原来Angular背后做了这么多事情！”在学习前端相关知识时，后来才明白Angular的便利之处，这让我感到相当愉快。（虽然我认为一开始就应该让我知道，但那是因为先不了解不方便的感觉，所以多少可以理解）

有人开发收费库的技术人员被问到：“为什么使用Angular（相对于其他较少被使用的技术）？”他回答说：“少有人使用的一方面是因为这是一种能够保证有能力使用它的人的技术水平的语言，因此吸引了大公司的咨询。”嗯，我明白了。别看这边！

总结起来，从工程师的角度来看，我认为学习技术方面的收益是巨大的。但从工具的角度来看，我认为使用熟悉的框架是最好的，所以就不讨论优劣了。另外，请重视个人的目标，例如转职等等。

缺点总结

• 参考情報が少ない

 

• やっぱり初学者にとっては学習コストは高い

 

• AngularとAngularjsの情報が混在する

 

• バージョンの違いによる情報の信用度が初学者には分からない

 

転職にはちょっと、うん

通过搜集情报，我感到的是这些。
特别是版本的不同，在选择信息时感到非常困惑。而且最近才更新到11版，所以没有11版的信息！！为了避免这种情况发生。虽然这是我的个人标准，我认为从6版开始就比较稳定，没有太大的代码或规范变化。

另外，转职中，Vue和React很常见。而Angular和AngularJS也是让人有点害怕的地方。
在其他框架学习上，我觉得门槛比较低，但转职还是需要有该公司框架的经验（或至少基本知识），所以学习永远没完没了。

不管你是学习 JavaScript 还是 TypeScript，都不应该认为学习 Angular 就足够了，这是我的真实经历，真的。

可能会被认为与所述的好处不同，但事实是，对于前述级别的初学者来说，细分学习步骤会更快地促进成长。

如果急着的话就绕道走吧。
活力四溢，专注一项任务！

在学习框架时需要注意的陷阱

这是一个从结论出发的问题

框架是用来使用的，而不是被使用的。

在情況下，我們常常會不自覺地想要按照官方說法或參考書的指示來寫，但說到底，我們完全可以使用HTML、CSS和JS等技術來創建相同的東西。
在某些情況下，我們並不一定需要強行使用框架功能來創建。
要注意不要忽視在業務和開發中的優先順序。

因为我的周围没有与前台相关的人，所以我花了很长时间才注意到这里。

由于Angular提供了UI的材料库，可能会在学习时不自觉地陷入“必须使用它”的想法。但请冷静考虑，在这个阶段是否最好使用它，因为它已经是一个被广泛采用的框架。

我觉得虽然可以在这里使用硬编码，但是我们应该培养关注可读性和最终成果对团队成员来说是容易理解的形式。这样做是为了更好地在工作中使用，是捷径吗？

参考信息和步骤 hé

好了，话不多说，从这里开始，我会介绍如何掌握JavaScript，然后逐渐掌握TypeScript，并提供一些最佳步骤和参考资料，直到你能够使用RestAPI。

我想表达的是，对于我这种刚开始接触的人来说，只要按照这个路线走，脑袋一片空白也没关系，而且这样会更快。总之，请相信我，这是我想告诉你的清单。

如果你对JS有一定的了解，并且已经有其他JS框架的经验，那么我认为你可以不参考这个步骤，因为这是一种绕行的方式。

首先，大致了解Angular的功能：接触Angular。

【学习方法】
先试着抄写一下
（虽然有些人认为抄写无意义，但毕竟这是针对前述水平的训练）

也许是由于TypeScript的类型注释让人困惑，甚至不知道值存储在哪里，但如果你想要体验一下”Angular是什么东西”，我觉得这个级别很好。
这本书对于（从服务器获取API）HTTP客户端完全没有描述，所以真的是入门书籍。这本书使得掌握困难，但易于学习。

在这里学习类型声明：接触 TypeScript

「超入門TypeScript 完全包(2020)：Udemy视频教程」

【操作步骤】
我认为在这里的第2、4、5部分大致上是可以的。
关于类型，一口气理解会更加深入。如果有余裕的话，还可以掌握接口，这样会更好。

因为后面还有其他的教材会介绍TypeScript，所以即使不完美也可以继续学习第2、第4和第5课程。剩下的课程可以在稍后，当你希望更深入地理解TypeScript时继续学习。

我对于知识整理非常感动，尤其是在WEB+DB PRESS Vol.117中的TypeScript部分，其中类型指定的例子特别简洁。

当然，掌握JavaScript是必须的。

2020年《JavaScript完全教程：從零到專家！》：在udemy平台上的視頻教材。

【操作指导】根据熟练程度来完成全部任务。
※虽然在10月进行了版本更新，总时长变成了94.5小时，但[legacy]也许不再需要了。

我在旧课程时做过。
他甚至教了EC6语法，是否不是最好的JavaScript教材呢？
虽然是英语，但有字幕，应该还能应付。

在这里，终于有了官方教程：深入了解Angular。

Angular的日本語文档：官方的日本語翻译页面
已经有了日本语页面，是吗。。。

【操作方法】
记住有哪些功能，以及它们在哪里写着。
或许可以尝试完全模仿教程一遍。
在这里，大致的理解也是可以的。

由于代码示例使用了ES6语法，所以先要了解TS和JS是必需的。如果不记得TS和JS，就会无法在大脑中区分自己现在正在学习的是什么，导致混乱和挫折。因此，我意识到按照正确的步骤进行学习是非常重要的。

5. 将后端这一部分与其连接起来：掌握 REST API。

[Angular 9 + Django REST Framework] 实现完美的 Web 全栈开发攻略：udemy 视频教程

【进行方法】根据需要，进行所有的任务。

尽管会学习Django，但学习过程非常简单易懂，无需担心。
这是一种接近实际战斗的学习方式，与后端连接设计相近，可以学会如何获取API并进行处理，偏离了仅限于Angular的范围，我认为这是一种非常优秀的教材。

６. 关于其他的Angular书籍

如果在官方網頁的說明中遇到不明白的地方，可以來這裡查找，這裡有易於理解的解釋，可以協助理解Angular的基礎知識。

当你想更详细地了解Angular应用程序编程的生命周期等具体事项时，请参阅这本书。
我担心版本问题，看了出版年份，发现这个担心是多余的。
这是一本适合个人中级水平以上阅读的良好参考书。

７. 其他相关文章

让我们对易堵塞的部分进行说明，例如功能解释等，同时感谢前人的智慧并有效地利用它们。

今天开始学习Angular
Angular入门，让零经验的人在一个月内能够编写服务
Angular初学者常会遇到的问题和学习方法

总结

我再次强调，虽然我认为没有人会突然从Angular开始学起，但如果有的话，那真的可能会迷失在学习这个框架上，因此我写下了这篇文章，就是为了帮助以前的自己。

与其平行学习，不如坚定心志，一步一个踏实去击垮它们，这才是捷径。因为中途半端地记住然后忘记，实在是浪费太多时间。

然而，一旦熟悉了，Angular 就变得少有需要额外记忆的让人喜爱的事情。
不要有压力，不需要被框架驱使，我们自己来使用吧！！

作为一个初学者，我也参加了2020年度的Angular Advent Calendar。请多多关照。