Angular 2 + Material 2 基础教程


——使用 Javascript

前言

这是一个关于 Angular 2 和 Material 2 的基础教程。在本教程中我们将学习相关知识点、并使用学到的知识点来逐步开发一个小型应用,以加深学习者对知识点的了解。通过本教程的学习,你将能快速掌握 Angular 2 和 Material 2 在实际项目开发中的应用。
注意:本教程使用的语言是 Javascript ,不是 Typescript 。

合并版的 Angular 2

该合并版 Angular 2 包含以下基本及常用的模块:

shim.js、zone.js、Reflect.js、Rx.js、core.js、common.js、compiler.js、platform-browser.js、platform-browser-dynamic.js、router.js、forms.js、http.js。

http://pan.baidu.com/s/1jIRYWDK

Material Icons

Material Icons 的官方文档网站由于某些原因在我朝经常无法正常访问,给开发者带来很大的不便。如果你无法正常访问 Material Icons 的官方文档网站,可访问以下网址:

Material Icons 文档

测试服务器

为了使本教程更贴近于实际项目开发,因此在本教程中的示例需要调用服务器端的接口,因此需要一个测试服务器来做测试。

本人提供了一个测试服务器,点击这里下载

将下载后的压缩包解压,将解压后的文件放入一个文件夹。

由于此服务器使用 nodejs 创建,因此你的电脑上需要有 nodejs 的运行环境。如果没有,请到 这里下载 并安装它。

打开命令行窗口,进入解压后的文件夹,输入 node bin/www 以启动服务器。例如,如果你将下载并解压后的文件放在“D:\ng2test”目录,则在命令行窗口中执行以下命令:

> D:
> cd D:\ng2test
> node bin/www

服务器启动后,就可在浏览器中输入 http://localhost:3000/ 来访问了。

在根目录下有个 public 文件夹,你创建的所有文件(包括 html、css、javascript)都应放在此文件夹中。如果你在 public 文件夹下创建了一个 test.html 文件,则可在浏览器中输入 http://localhost:3000/test.html 来访问它。

API 的说明文档在 public 文件夹下的 api.txt,你可以通过在浏览器中输入 http://localhost:3000/api.txt 来访问它。

最后,来个广告

若你觉得此文不错,请分享,若认为尚需改进,请点讚。

结束语