angular.js 课程---第一讲 入门分享

                                                                                                      Angular  快速入门

 趁着工作之余，总结一点关于Angular.js的课程，最近工作中用Angular也挺多的，一起回顾一下，不然一不小心就会忘记了~

  怎么样快速学习AngularJS，相信很多初学者都有过或者类似的疑问，以本楼主的近年的工作经验来分享一下怎么快速入门。

  想学好Angular，就先要了解Angular

一、首先要知道学习Angular的必要性

 应该都先学习过了jQuery，那为什么还要学习Angular呢，并且一线城市都已经在使用了，如果想找到一份很好的工作，学习它是必不可少的。在jQuery中，你会先设计一个页面，然后让它变得动态化。这是因为jQuery是为了扩展而设计的，并在这个前提下变得越来越臃肿。但是在Angular.js中， 你必须从一开始就在脑子里挂着架构的弦。不要一开始就想着“我有这样一个DOM，我想让它做什么事”， 你必须从你要完成的目标开始思考，然后设计你的应用， 最后才是设计你的视图。

记住：不要先设计再修饰。你必须先进行架构，然后再考虑设计。

二、Angular 简介

  AngularJS是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前端开发市场，是前端敏捷开发使用的主流的必须掌握的框架之一。

 AnuglarJS是前后端分离软件架构模型下，前端业务处理的解决方案！(有工作经验的都知道了什么是前端业务，如果是刚入门的童鞋)们，就可以先思考一下这个问题，这样有利于以后工作了知道怎么把学到的技术应用到实际业务中）。

所以说大家学好Angular是很重要的。AngularJS是web应用前端的一个完整的解决方案，框架不仅提供了优雅的DOM操作和基于Ajax的数据交互技术，同时进行了良好的结构整理和常规的业务逻辑处理的封装，使得Angular构建的应用能够灵活的适应不同的项目场景。

三、注意 库和框架 

  库：封装原生JavaScript实现的大量函数的集合，是提供了各种特定功能的函数库，通过引入的库中的函数，可以快捷实现一些特定的处理过程，如截取字符串等等。
  框架：一种封装了原生JavaScript实现的函数、功能、组件、处理流程的特殊实现，通过引入框架中的配置，可以实现一定的逻辑处理功能，如Bootstrap中的轮播图等等。

四、AngularJS 官网

  AngularJS框架从2013年开始在国内出现应用，一直到2016年活跃于web前端项目开发中，官网和丰富的社区资源也是一个非常重要的原因。在后续的分享中，我会把我下载Angular所有版本都分享出来。

今天先说一下官网，这个对于我们学习AngularJS是很有用的

AngularJS1.x官方网站： http://angularjs.org
AngularJS1.x代码下载： http://code.angularjs.org
AngularJS1.x官方教程： https://code.angularjs.org/1.6.4/docs/tutorial 
AngularJS1.x官方开发向导： https://code.angularjs.org/1.6.4/docs/guide 
AngularJS1.x官方API： https://code.angularjs.org/1.6.4/docs/api

五、联系实际案例学习AngularJS

 入门第一弹！

这个案例由之前写过的单价*数量=总价 这个案列升级到用 AngularJS写

先回忆一下之前怎么用JQuery写的 大家也可以自己敲敲

   
   
   


   

    购买数量：

    小计金额：￥
 

 

   
     
     


   

 
============》案例可以在自己的工具里打开运行。

今天先初步了解一下AngularJS的结构 案例中注释的部分 都是基本结构

ng-app

ng-init="count=1;price=144"

{{price}}  

ng-model

可以先思考一下 不用init这种写法 如果是挂载的方式怎么做？下篇文章我们再一起深入探讨这个问题