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实现服务器渲染

原文地址:https://www.cnblogs.com/shcrk/p/9210971.html

时间: 2024-10-12 03:19:35

angular的学习参考材料的相关文章

Mongoose学习参考文档——基础篇

Mongoose学习参考文档 前言:本学习参考文档仅供参考,如有问题,师请雅正 一.快速通道 1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model : 由Schema发布生成的模型,具有抽象属性和行为的数据库操作对 Entity : 由Model创建的实体,他的操作也会影响数据库 注意: 1.本学习文档采用严格命名方式来区别不同对象,例如: var PersonSchema; //Person的文本属性 var PersonModel; //

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod

Angular JS 学习笔记

特定领域语言 编译器:遍历DOM来查找和它相关的属性, 分为编译和链接两个阶段, 指令:当关联的HTML结构进入编译阶段时应该执行的操作,可以写在名称里,属性里,css类名里:本质上是函数 稳定的DOM:绑定了数据模型的DOM元素的实例不会在绑定的生命周期发生改变 作用域:用来检测模型的改变和为表达式提供执行上下文的 AngularJS 和其它模板系统不同,它使用的是DOM而不是字符串 指令: 由某个属性.元素名称.css类名出现而导致的行为,或者说是DOM的变化 Filter过滤器:扮演着数据

Angular ng-include 学习实例

ng-include 可以引入外部的文件到当前视图中.这样可以增强复用性. 最简单的用法  <div ng-include src="'/public/template/tpl.html'"></div> 这样直接把tpl.html加载当前视图中了. 我们还可以使用如下定义个模板.id是模板名.如这里是"tpl/tpl1" <script type="text/ng-template" id="tpl/tp

IOS 学习参考

IOS 开发 http://code4app.com/ios/%E5%AE%9E%E6%97%B6%E6%9B%B4%E6%96%B0%E7%9A%84%E6%9B%B2%E7%BA%BF%E5%9B%BE/5100f9e06803fa686c000000 http://www.cnblogs.com/minglz/archive/2012/11/02/2750568.html  SQLite http://www.cnblogs.com/dlshandian/p/3421070.html 使用

Angular JS学习笔记

之前的学习方法有点盲目,建议以后只看与工作有关的内容,并且多问那些是只和工作有关联的. 遇到问题的时候,项目不急的话,自己研究,项目急的话,马上问. 方法不对,再努力也没有用. Angular JS学习网站:http://www.zouyesheng.com/angular.html#toc7 [  项目有关的内容 ] ng-model ng-click ng-options ng-repeat ng-if ng-show ng-hide ng-controller ng-href(有印象) {

Android repo 学习参考

/*************************************************************************** * Android repo 学习参考 * 说明: * 首先是由于源代码拷贝的问题,将原来的repo源码丢失了,顺便看一下作为使用 * 者,对repo需要掌握到哪些东西. * * 2017-2-6 深圳 南山平山村 曾剑锋 *************************************************************

Angular 2 学习笔记(一)

Angular 2 学习笔记(一) First Application 建立自定义组件(Components) 从表单(Form)接受用户输入(input) 渲染对象列表并用视图战事 监听(Intercepting)用户点击事件并执行操作 Getting started TypeScript 建议使用 TypeScript 开始 Angular 2 的编程. Angular 2 有 ES5 API ,但是 Angular 2 是用 TypeScript 写的并且大部分人都在使用 TypeScri

正则表达式学习参考

正则表达式学习参考 1       概述 正则表达式(Regular Expression)是一种匹配模式,描述的是一串文本的特征. 正如自然语言中“高大”.“坚固”等词语抽象出来描述事物特征一样,正则表达式就是字符的高度抽象,用来描述字符串的特征. 正则表达式(以下简称正则,Regex)通常不独立存在,各种编程语言和工具作为宿主语言提供对正则的支持,并根据自身语言的特点,进行一定的剪裁或扩展. 正则入门很容易,有限的语法规则很容易掌握,但是目前正则的普及率并不高,主要是因为正则的流派众多,各种