angular的学习参考材料
原文地址:https://www.jianshu.com/p/b9db7bb3d4ec
目的
其实写这篇文章的主要目的是为了提供给那些刚刚入门angular或者有意学习angular的读者准备的。
我本身便是自学的angular,angular在国内的应用相对于react和vue来说要少的多的多,不仅是学习材料还是其他博客之类的参考文献。当时自学的时候是看着angular官网的英雄编辑器边敲边学,angular官网看了好几遍,每一次看每一次都会觉得其对angular才是全面的,优秀的,而我这只是锦上添花罢了,或者连花也算不上,就是希望自己的一些理解和运用能够帮助到刚入门的读者,这样本身也就达到了我写这一系列博客的理由了。angular本身的学习曲线就很陡,当时当你深入了解之后,你就会发现其本身有着不输于vue和react的魅力所在,当然具体项目使用哪种框架需要考虑的很多,也不是一句两句能说的通的,只能说,且行且珍惜吧。
以下就是我写的一些参考材料,希望能够帮助到大家。
参考资料
angular官网英雄编辑器:改版
(ps.因为自学的时候发现很多时候官网上的样例代码要么是下载不下来要么就是下载下来本地运行不起来,这里就是我自己搭建的一个angular框架并且实现了angular英雄编辑器的大部分功能的代码,自己本身也跑过几次,是可以跑起来的,当然也不排除意外情况啦,希望能够帮助到各位读者。当然如果诸君觉得还行就给个星吧,哈哈哈。)
angular的一些实例代码
(ps.这里面是我之后的博客会讲到的知识点的相应的实践代码,每一个都是我亲自实践过的并且行之有效的。虽然在总的README.md里面已经介绍了相应文件对应的知识点,不过这里我就再不厌其烦的再介绍一下有哪些可以提供给各位使用的。)
angular-demo-base
ng-cli
angular-demo-base
angular-cli脚手架搭建,没有执行ng eject
ngular-base-eject
angular-cli脚手架搭建,并且执行了ng eject
ng-directive
ng-directive
关于指令的基本使用,介绍了属性指令、结构指令等指令以及相应的使用方式
ng-directive-custom
关于我写的以及一些收集到的有意思的指令,提供给读者参考
ng-pipe
ng-pipe
关于一些管道的基本使用,介绍了一些常见管道的使用方式
ng-pipe-custom
关于我写的以及一些收集到的有意思的管道,提供给读者参考
ng-router
angular-base-router
路由的基本配置,相同模块的路由,不同模块的路由配置
angular-lazyloading-router
路由的懒加载
angular-preLoading-router
路由的预加载
ngrx
angluar-example-sendMessage
使用ngrx在组件间传送数据
angluar-example-todo
完成todo功能,使用普通方式以及使用ngrx方式
angular-example-counter
使用ngrx创建的计数器
angular-universal
angular-universal
angular-universal实现服务器渲染
angular的学习参考材料的更多相关文章
- Mongoose学习参考文档——基础篇
Mongoose学习参考文档 前言:本学习参考文档仅供参考,如有问题,师请雅正 一.快速通道 1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model ...
- 适合我胃口的angular.js学习资料
断断续续弄了半年的ANGULAR.JS学习资料,网上下载了N多资料,测试了很多次. 现在只能算是入门,因时间问题,现在要转入其它领域. 如果以后要拾起来,下面这个PDF比较对我胃口. <Angu ...
- Angular快速学习笔记(2) -- 架构
0. angular 与angular js angular 1.0 google改名为Angular js 新版本的,2.0以上的,继续叫angular,但是除了名字还叫angular,已经是一个全 ...
- Angular 快速学习笔记(1) -- 官方示例要点
创建组件 ng generate component heroes {{ hero.name }} {{}}语法绑定数据 管道pipe 格式化数据 <h2>{{ hero.name | u ...
- stm32 学习参考(转)
源:stm32 学习参考 单片机裸机下写一个自己的shell调试器 LWIP_STM32_ENC28J60_NETCONN_TCP_SERVICER(5) LWIP_STM32_ENC ...
- Angular ng-include 学习实例
ng-include 可以引入外部的文件到当前视图中.这样可以增强复用性. 最简单的用法 <div ng-include src="'/public/template/tpl.htm ...
- Android repo 学习参考
/*************************************************************************** * Android repo 学习参考 * 说 ...
- 学习参考:《Python语言及其应用》中文PDF+英文PDF+代码
学习简单的数据类型,以及基本的数学和文本操作,学习用Python内置的数据结构来处理数据: 掌握Python的代码结构和函数的用法:使用模块和包编写大规模Python程序:深入理解对象.类和其他面向对 ...
- 学习参考《Flask Web开发:基于Python的Web应用开发实战(第2版)》中文PDF+源代码
在学习python Web开发时,我们会选择使用Django.flask等框架. 在学习flask时,推荐学习看看<Flask Web开发:基于Python的Web应用开发实战(第2版)> ...
随机推荐
- 【Codeforces Round #426 (Div. 2) B】The Festive Evening
[Link]:http://codeforces.com/contest/834/problem/B [Description] [Solution] 模拟水题; 注意一个字母单个出现的时候,结束和开 ...
- [ES6] Extends class in ES6 vs ES5 subclass
ES6 class with extends and super: class Tree { constructor(size = ', leaves = {spring: 'green', summ ...
- [leetcode] Palindrome Number(不使用额外空间)
本来推断回文串是一件非常easy的事情,仅仅须要反转字符串后在与原字符串相比較就可以.这道题目明白说明不能使用额外的空间.那么使用将其分解连接成字符串的方法便不是可行的.仅仅好採用数学的方式: 每次取 ...
- Xcode 6 打包ipa文件
随着Xcode6.1的普遍应用.随之而来的非常多问题就会出现.这里来说一下怎样在Xcode6.1上生成Ad-hoc ipa.首先是要在你的开发人员账号上生成一个.ipa的主要应用就是在你公布到AppS ...
- Flume的Collector
Collector的作用是将多个Agent的数据汇总后,加载到Storage中.它的source和sink与agent类似. 数据源(source),如: collectorSource[(port) ...
- 洛谷P1043 数字游戏
题目描述 丁丁最近沉迷于一个数字游戏之中.这个游戏看似简单,但丁丁在研究了许多天之后却发觉原来在简单的规则下想要赢得这个游戏并不那么容易.游戏是这样的,在你面前有一圈整数(一共n个),你要按顺序将其分 ...
- 轻松学习Linux之用户账户管理及实例
Linux用户管理基础 (下载清晰视频:http://down.51cto.com/data/158699) 轻松学习Linux之用户账户管理的实例-跨硬盘移动数据 (此处视频不清楚下按下面地址下载清 ...
- Win8.1系统所有的路径都无法更改文件夹名称
平台:win8.1 问题:所有的路径,无论是桌面还是分区还是文件夹内,可以新建和删除文件夹,但不能给文件夹改名,提示“文件或文件夹不存在 ” 分析:安装了几次photoshop后莫名其妙出现这个问题, ...
- 记2018/4/29 qbxt 测试
记 2018/4/29 qbxt 测试(提高基础班) 简单的 NOIP 模拟赛 竞赛时间: 2018 年 4 月 29 日 13:30-17:00 题目名称 乘法 求和 计数 输入文件名 mul.i ...
- 可执行EXE在windows调用过程
举例图中, 一个C#编写的测试程序, 输出两句话分别 : Hello, GoodBye, 介绍其在windows上CLR的调用过程. 1.在执行Main方法之前, CLR会检测出Main的代码引用的所 ...