shishengh5/blog-angular

Angular(2+)学习教程：知识点用法总结和学习资源整合。还用其做了一个诗歌站点：

blog-Angular2+

一个关于Angular的技术博客，详解Angular配置文件、使用方法、小技巧等。

---

Author	deepthan
E-mail	[email protected]

---

基础概念

• Angularjs与Angular概念区分
• 白话Angular词汇
• AOT编译

文件配置详解

• Angular配置文件之环境配置
• Angular配置文件之.angular-cli.json介绍
• package.json里‘’^ ~“符号的意思

方法介绍

• Angular开发必备技巧（持续更新）

方法名	方法名
路由预加载--预先加载延迟模块	Angular2+去除url中的#
ng-content在一个节点中插入另外的节点	Angular动画怎么写
Angular如何操作DOM?	不直接操作DOM改变DOM属性
HTML里面写变量方法汇总	生产环境中去除console信息
Angular热替换（cli & webpack）	父子组件传递信息

API

方法名	方法名
ngClass

animation	animation
trigger	state
transition	animate
style	keyframes
query	sequence
group	AnimationOptions

i18n	i18n
DecimalPipe

路由	路由
路由高亮RouterLinkActive	路由跳转RouterLink

报错处理

关键词	关键词
关于function 、lambda、not supported等	关于polyfills.ts、'es5-shim'、'es6-shim'
关于Observable、map的问题	关于'Http'
关于找不到模块	关于表单form
关于Debug Failure	关于RangeError: Maximum call stack size exceeded
关于node-sass里面 vendor 缺失	关于phantormjs
关于找不到 require或者module

风格指南

风格	指南
Jason Aden's 的关于风格指南的介绍

typescript风格约定	typescript风格约定
TSLint	codelyzer

博客搭建

• 如何用Angular搭建githubPages或码云page

其他学习资源

标题	标题
github上搜索angular的正确姿势

官网

标题	标题
英文官网 / 官网源码	中文官网 / 官网源码
Angular cli地址	脚手架用法wiki
用webpack配置的angular项目，带有很多功能

开发环境配置

标题	标题
用WebStorm进行Angular开发

实现原理

标题	标题
Angular动画基准：Web Animations API

UI 库

用途	插件地址
阿里开源的ui库ng-zorro	api站点 / 国内镜像 /github
对 ng-zorro 做了一层封装的ui库	ng-alain
angular版本bootsrap库[推荐]	ngx-bootstrap
angular版本bootsrap库	ng-bootstrap
英文的Angular组件库	Angular Material
英文的组件库	PrimeNG
FreeNG	FreeNG
字体图标	Font Awesome （英） 、Font Awesome （中） 、 阿里的iconfont

案例项目(模板)

项目简介	项目地址
基于Angular4+的后台管理模板	ngx-admin

插件篇

用途	插件地址
拖拽插件	ng2-dragula
图表插件	ng2-charts / ngx-echarts
上传插件	ng2-file-upload
select插件	ng2-select
国际化i18n	ngx-translate

系列教程

用途	地址
基础教程，偏基础	Angular 2 之一 系统架构
教学视频(英)	angular-university
教学网站(英) ，偏基础	ANGULAR 2 TUTORIAL
里面介绍了使用方法，相关概念等，较全。	Angular 2 Training 中文版
质量较高的系列教程	Angular 4.x 修仙之路
现已成书，较良心的教程	Angular 2.x 从0到1
汇智网的视频教学	Angular 2入门
学习资源汇总	angular-education

别人的 Angular 博客

地址	地址
Angular 2+ 专栏	Angular2一小时快速入门, 慕课网
angular 2 学习笔记	thoughTram
todd英文优质博客，还卖教程	知乎上Trotyl Yu

提问交流社区

地址	地址
angular2 随便问(Ask me anything!)	stackoverflow：英文的提问社区，很强大

升级

说明	地址
A版本到B版本有哪些改变	Angular Update Guide
angular更新记录	changeLog

angular 如何解决seo问题

地址	地址
Angular Universal

RxJS

介绍	介绍
Rxjs入门篇： 基本原理	rxjs官方翻译文档
RxJS 英文文档 / RxJS 中文文档	rxjs github地址
RxJS 中文社区	ngrx 管理angular里面的数据 类似于redux
手把手教你用ngrx管理Angular状态: 中文版/英文版	学习Rxjs操作符
rxjs视频教学（英）	官方出品--rxjs视频教学

typescript

说明	地址
typescript中文网	typescript官网（英）
github源码仓库

诗词接口

• chinese-poetry