因为工作和和同期一起制作的圣诞日历，小生有机会接触Angular。
过去我从未做过前端甚至网页应用的制作，所以我利用这个机会进行了各种学习。

在学习Angular之前，了解了什么知识。

• HTML

• CSS

• Javascript

Node.js

HTML和CSS的知识水平与猿猴相当。
Javascript基本上是在接触Node.js后才学会的。
由于之前有编程经验，所以在这方面我能够较好地理解并继续进展。

为了理解Angular

公式：入門チュートリアル(Angular未経験者向け)

公式：基礎チュートリアル(入門チュートリアルをやった人向け)

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ(公式チュートリアルを終えて基礎がわかった人向け)

如果想成为2020年的前端大师，做这9个项目会非常有趣。
不仅限于Angular，只要掌握了前端框架的基础，我认为应该分别去做。
原文介绍了成为前端大师的各种框架，但我认为首先应该专精一门技术，所以我会选择Angular并一直深入下去。

刚开始做的事情：完成官方教程

通过入门教程，我能够理解Angular的工作原理是怎样的。
通过基础教程，给我留下了在组件导向方面进行解释的印象。
虽然仅复制粘贴就可以做出来，但是如果能仔细阅读说明并逐渐修改代码，就能更深入地理解，即使不理解术语也没关系。

目标：创建一个电影搜索应用的项目。

作为一个开始，我使用Angular创建了一个可以搜索电影信息的Web应用程序。完成的产品大致是这样的。

尽管贴了很多参考网址，但实际上从来没有去阅读过…
根据贴出来的截屏图，一边想象功能一边试着做了一个类似的东西。

当你在搜索框中输入关键词…

将会显示相关的电影。

点击任意一个都可以，页面转换或其他功能都可以正常运行。

通过这种方式，将提供电影的详细信息。

学习Angular非常有趣，但由于我对CSS不熟悉，所以只能暂时用简单的表格来完成详细信息页面。
（搜索表单不知道为什么无法居中，让我感到很生气?）

设计一个Web应用程序需要使用Angular。

也许这已经成为了整个网络设计的通用观点，让我们画出设计蓝图，更进一步来说，是画出屏幕图。

由于Angular是基于组件的开发方式，如果没有清楚地想象出每个组件应该放在哪个部分，很容易就容易陷入混乱（特别是在独自开发的情况下）。
一开始就可以先创建所需的组件，然后边思考设计边组装它们也是可以的，但这可能会导致后续需要进行大量修正，所以最好提前确定个大概。

开始做：输出，输出，输出。

当初的目标是继续制作示例应用程序，因为我意识到如果不动手，就无法开始。我很开心能感受到代码编写速度的提高，所以我希望在圣诞节日历的最后一天之前再制作两个示例。
同时，我也打算开始学习Bootstrap。
首先，下一篇文章将介绍本次推荐的示例应用程序的详细信息，以及下一个要制作的应用程序的设计。