用AngularJS开发下一代Web应用 系列入门基础教程

开篇介绍

  AngularJS是什么东西?我觉得不用再描述了。可自行去充电一下。按照惯例,让我们先看看一个Hello World的开门简介吧。

<!doctype html>
<html ng-app>
    <head>
        <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
    </head>
    <body>
        Your name: <input type="text" ng-model="yourname" placeholder="World">
        <hr>
        Hello {{yourname || ‘World‘}}!
    </body>
</html>

  现在我们只需要在文本框中输入自己的名字和任意字符,文本框下面就会输出相应的内容:

Hello World !

  通常要实现这样的功能需要写相应的Js、Jquery代码才能绑定事件输出。AngularJS简单的就帮我们实现了功能,是不是很神奇呢?

  前期在园子里面读过几篇关于AngularJS的文章,可能是我js技能太差(毕竟我不是前端),感觉入门门槛太高了,好多地方都不能理解。所以买了这本书想详细的学习一下,顺便分享出来大家一起学习!

  本系列讲的很详细、希望通过我的描述可以带给小伙伴的理解和消化。首先系统的看一下系列的目录、以后会更新的更加详细。

学习目录

第一战:AngularJS简介

第二战:AngularJS应用骨架

第三战:使用AngularJS进行开发

第四战:一款AngularJS应用剖析

第五战:与服务器交互

第六战:指令详解

第七战:其他注意点

第八战:速查和技巧

原文来自:http://www.cnblogs.com/lxsweat/p/4510562.html

时间: 2024-12-14 18:15:55

用AngularJS开发下一代Web应用 系列入门基础教程的相关文章

[在读]用AngularJS开发下一代Web应用

内容简介 AngularJS是一款来自Google的前端JS框架,它的核心特性有:MVC.双向数据绑定.指令和语义化标签.模块化工具.依赖注入.HTML模板,以及对常用工具的封装,例如$http.$cookies.$location等.AngularJS框架的体积非常小,但是设计理念和功能却非常强大,值得前端开发者深入学习. <用AngularJS开发下一代Web应用>对AngularJS框架的核心特性做了全面的介绍,包括常用的开发工具和开发环境.<用AngularJS开发下一代Web应

用angularjs开发下一代web应用(二):angularjs应用骨架(一)

1.调用angularjs 1>加载angularjs库 可以从google的CDN(内容分发网络)中加载,获取快,并且可以在多个应用之间缓存脚本库(建议使用这种方式,但是中国的特殊国情,不能用这种方式): <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script> 本地主机方式. 2>使用ng-app申明angular的边界

用angularjs开发下一代web应用(二):angularjs应用骨架(二)

1.浅谈非入侵式JavaScript <div ng-click="doSomething()">...</div>这些指令和原来的事件处理器有以下不同之处: 在所有浏览器中具有相同的行为.Angular将会帮你屏蔽差异性. 不会在全局命名空间中进行操作.你所指定的表达式只能访问元素控制器作用域范围内的函数和数据. 2.列表.表格以及其他迭代型元素         ng-repeat可能是最有用的Angular指令了,它可以根据集合中的项目一次创建一组元素的多份

用angularjs开发下一代web应用(一):angularjs简介

1.客户端模板 与普通的web方式及ajax方式不同, 在angular中,模板和数据都会发送到浏览器中,然后在客户端进行装配.这样一来,服务器的角色就变成了仅仅为这些模板提供一些静态资源,然后为这些模板提供所需的正确数据.{{ }}:单向的数据绑定 2.MVC 在angular应用中,视图就是DOM({{ }}),控制器就是js类(ng-controller),而模型数据则被存储在对象的属性中($scope:将数据绑定到UI的元素上). 3.数据绑定 仅仅声明UI中的某部分需要映射到某个js属

用AngularJS开发下一代Web应用

原文:https://github.com/edagarli/AngularJSWeb 书中源代码:https://github.com/shyamseshadri/angularjs-book 用AngularJS开发下一代Web应用

AngularJS开发下一代Web应用笔记(一)

一.写在最前 AngularJS是Google推出的一款Web应用开发框架.它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定.DOM操作.MVC设计模式和模块加载等. 现在网上JS框架茫茫多,真不知道是到底要学习什么框架,学习了这个框架,说不定还没用在项目,又有更好的js框架出来了.前端就是不断折腾新东西,生命在于折腾~ 是的,这么多的前端框架,是不是真的都要学习??答案当然不是,看所要完成的项目.这是带我的前端前辈告诉我,具体使用什么框架还是不用框架, 看项目需求,一切都以按时按质完成作

用AngularJS开发下一代Web应用pdf

下载地址:网盘下载 内容简介  · · · · · · AngularJS是一款来自Google的前端JS框架,它的核心特性有:MVC.双向数据绑定.指令和语义化标签.模块化工具.依赖注入.HTML模板,以及对常用工具的封装,例如$http.$cookies.$location等.AngularJS框架的体积非常小,但是设计理念和功能却非常强大,值得前端开发者深入学习. 本书对AngularJS框架的核心特性做了全面的介绍,包括常用的开发工具和开发环境.作为国内第一本关于AngularJS的书籍

读《AngularJS开发下一代Web应用》有感(一)

任何Web应用使用AngularJS必须的两件事: 1.加载angular.js 2.使用ng-app告知AngularJS管理页面中的哪一部分DOM元素,建议在html标签中添加 <html ng-app> ... </html>

使用AngularJS开发下一代Web应用

原版的:https://github.com/edagarli/AngularJSWeb 来源书:https://github.com/shyamseshadri/angularjs-book 版权声明:本文博客原创文章,博客,未经同意,不得转载.