angular入门实战.pptxVIP

Angular入门与实战第一章：课程简介Angular 1.5Angular 4.0第一章：课程简介 课程内容 课程内容介绍案例介绍angularJS 和 angular 的架构介绍和对比第一章：课程简介 第二章 开始Angular开发 搭建angular开发环境编写并运行第一个angular应用开发在线竞拍程序的第一个版本第一章：课程简介 第三章 路由和导航 路由基础知识在路由时传递参数路由高级特性第一章：课程简介 第四章 依赖注入 依赖注入模式介绍Angular对依赖注入的实现方式Angular的提供器和注入器第一章：课程简介 第五章 数据绑定响应式编程管道第一章：课程简介 第六章 组件间通讯 输入输出属性中间人模式组件生命周期第一章：课程简介 第七章 表单处理 模板式表单响应式表单表单校验第一章：课程简介 第八章 与服务器通讯 创建web服务器使用Http协议与服务器通讯使用WebSocket协议与服务器通讯第一章：课程简介 第九章 构建和部署 构建和部署多环境支撑 第十章 课程总结 第一章：课程简介基础知识实战大案例小案例知识点功能代码小案例功能代码知识点代码功能小案例知识点第一章：课程简介 前置知识 前端基础知识:html,css,js不需要AngularJS的知识最好了解TypeScript语法第一章：课程简介 AngularJS 的优点模板功能强大丰富比较完善的前端MVC框架引入了Java的一些概念第一章：课程简介 AngularJS 的一些问题表单验证性能路由Javascript语言作用域学习成本第一章：课程简介 Angular新特性全新的命令行工具 AngularCLI服务器端渲染移动和桌面兼容第一章：课程简介 AngularJS 架构第一章：课程简介 Angular 架构第一章：课程简介 与React对比速度FLUX架构服务器渲染第一章：课程简介 与vue对比简单灵活性能第一章：课程简介 与vue对比个人主导只关注web服务器渲染第一章：课程简介继承吸收第二章：开始学习Angular 学习内容 Angular程序架构搭建Angular开发环境开发在线竞拍程序Auction的第一个版本Angular 程序架构组件：是Angular应用的基本构建块，你可以把一个组件理解为一段带有业务逻辑和数据的Html指令：允许你向Html元素添加自定义行为模块用来将应用中不同的部分组织成一个Angular框架可以理解的单元服务，用来封装可重用的业务逻辑搭建 Angular 开发环境安装Nodejs，Angular CLI，WebStorm使用Angular CLI 创建并运行 Angular 项目分析Angular项目的目录结构及Angular CLI生成的基础代码必备元素数据绑定装饰器@Component()控制器Controller模板Template输入属性@Inputs()Component可选的可注入对象提供器providers可选的输出对象输出属性@Outputs动画Animations生命周期钩子Lifecycle Hooks样式表styles启动angular应用启动时加载了哪个页面？启动时加载了哪些脚本？这些脚本做了什么事？开发Auction的第一个版本整体思路讲解开发主页面开发各个组件导航栏组件搜索表单组件轮播图组件商品展示组件星级评价组件App页脚组件第三章：使用Angular Route导航 学习内容 了解路由的基础知识子路由、保护路由和辅助路由在在线拍卖(Auction)项目中添加路由第三章：使用Angular Route导航名称简介Routes路由配置，保存着哪个URL对应展示哪个组件，以及在哪个RouterOutlet 中展示组件。RouterOutlet 在Html中标记路由内容呈现位置的占位符指令。Router负责在运行时执行路由的对象，可以通过调用其navigate()和navigateByUrl ()方法来导航到一个指定的路由。RouterLink在Html中声明路由导航用的指令。ActivatedRoute 当前激活的路由对象，保存着当前路由的信息，如路由地址，路由参数等。 路由基础知识 路由相关对象介绍在路由时传递数据地址策略:HashLocationStrategy 和PathLocationStrategy 第三章：使用Angular Route导航模块AppComponentRoutes模板控制器 path:/user, component: A RouterOutlet Router path:/order, component: B RouterLink ActivatedRoute组件A组件B第三章：使用Angular Route导航 在路由时传递数据 /produ