在Web前端开发领域,AngularJS曾以其数据双向绑定和模块化设计理念深刻影响了无数开发者的职业生涯。本课程《AngularJS零基础入门与提升实战视频课程》专为初学者设计,旨在帮助你从零构建AngularJS知识体系,掌握现代前端开发的核心思维。
课程开篇从“初识Angular”入手,通过Hello World示例让你快速上手。你将学习如何在页面中实现两个数值求和并格式化显示,深入理解Angular表达式的工作原理。特别值得关注的是数据双向绑定功能的实现——这是AngularJS最具革命性的特性之一,它让视图层与数据层能够自动同步,极大提升了开发效率。课程还会讲解多数据绑定场景,帮助你建立对MVC模式的直观认识。
进入第二阶段,你将系统学习表达式、控制器与模板的配合使用。控制器作为数据逻辑的核心载体,其属性和方法的运用是构建复杂应用的基础。你会掌握如何在视图元素中绑定事件与方法,以及如何编写规范、可复用的HTML模板。这一部分是后续学习过滤器和依赖注入的基石,务必扎实掌握。
第三阶段聚焦于过滤器功能。AngularJS提供了丰富的内置过滤器,包括排序、筛选、日期格式化等常用工具。课程不仅讲解过滤器的定义与分类,还通过“隔行变色”“匹配查找”等实战案例,展示如何利用filter管道轻松实现UI美化与数据筛选。更有趣的是,你将学会自定义过滤器,解决特定业务场景下的格式化需求,例如将表头排序或字符查找功能封装成可复用的过滤器组件。
第四阶段深入依赖注入机制。这是AngularJS架构的精髓所在,理解了依赖注入,才能真正驾驭大型应用的分层开发。课程将详细解析依赖注入的定义、功能原理及两种主要注入方式:推断式注入与标记式注入。你还会学习如何创建自定义服务,并通过依赖注入的方式将其注册到控制器中,实现逻辑与视图的解耦。这一部分虽然有一定难度,但对于提升代码质量和可维护性至关重要。
整门课程结构清晰、循序渐进,每个知识点都配有详细的视频讲解与代码演示。无论你是刚接触前端的新手,还是希望巩固AngularJS基础的老手,都能从中获得实用技巧与深度理解。建议学习时边看边练,亲手敲写每一段代码,才能真正内化这些核心概念,为后续学习Angular(2+版本)或参与企业级项目开发打下坚实基础。
课程目录
课程目录65 集
- 1-1 [初识Angular] angular简介 (15:02).mp4
- 1-2 [初识Angular] 一个显示hello world的angular应用 (13:08).mp4
- 1-3 [初识Angular] 实现计算并带格式显示两个数值的和 (09:27).mp4
- 1-4 [初识Angular] 实现页面元素数据双向绑定的功能 (14:23).mp4
- 1-5 [初识Angular] 实现页面中多项数据绑定显示的功能 (14:48).mp4
- 1-6 [初识Angular] angular中表达式的概念 (17:10).mp4
- 2-1 [表达式和控制器及模板的介绍] 控制器中的属性使用 (15:31).mp4
- 2-2 [表达式和控制器及模板的介绍] 控制器中方法的使用 (10:42).mp4
- 2-3 [表达式和控制器及模板的介绍] 视图元素中事件与方法的绑定 (11:49).mp4
- 2-4 [表达式和控制器及模板的介绍] 模板的基础和使用方法 (19:33).mp4
- 3-1 [过滤器功能的介绍和运用] 过滤器的定义和分类及排序使用 (15:00).mp4
- 3-2 [过滤器功能的介绍和运用] 视图页面中隔行变色功能的实现 (06:02).mp4
- 3-3 [过滤器功能的介绍和运用] 匹配过滤器功能的实现 (11:43).mp4
- 3-4 [过滤器功能的介绍和运用] 自定义过滤器功能的实现 (13:35).mp4
- 3-5 [过滤器功能的介绍和运用] 过滤器的应用——表头排序功能的实现 (13:35).mp4
- 3-6 [过滤器功能的介绍和运用] 过滤器的应用——字符查找功能的实现 (07:51).mp4
- 4-1 [依赖注入的介绍与使用] 依赖注入的定义和功能原理 (21:54).mp4
- 4-2 [依赖注入的介绍与使用] 自定义服务的方法和注入过程 (19:40).mp4
- 4-3 [依赖注入的介绍与使用] 依赖注入的方式——推断式注入 (08:25).mp4
- 4-4 [依赖注入的介绍与使用] 依赖注入的方式——标记式注入 (07:44).mp4
- 4-5 [依赖注入的介绍与使用] 依赖注入的方式——行内式注入 (05:57).mp4
- 5-1 [MVC模式的介绍与应用] MVC模式简单与隐式模型数据定义 (22:04).mp4
- 5-2 [MVC模式的介绍与应用] 控制器中定义和使用可传参数的方法 (19:08).mp4
- 5-3 [MVC模式的介绍与应用] 控制器中属性和方法的继承 (17:23).mp4
- 5-4 [MVC模式的介绍与应用] View组件中模板的切换 (20:00).mp4
- 5-5 [MVC模式的介绍与应用] 页面切换参数的传递 (19:27).mp4
- 6-1 [服务的介绍与使用] 服务的基础知识与创建方法 (24:56).mp4
- 6-2 [服务的介绍与使用] 使用factory方法自定义服务 (15:48).mp4
- 6-3 [服务的介绍与使用] 使用service方法自定义服务 (18:33).mp4
- 6-4 [服务的介绍与使用] 使用constant和value方法自定义服务 (20:45).mp4
- 6-5 [服务的介绍与使用] 服务的装饰器 (19:01).mp4
- 6-6 [服务的介绍与使用] 服务的多例性 (12:22).mp4
- 7-1 [视图层与服务端的交互] 服务端交互的基础和$http快捷方法以GET方式请求服务端API (26:07).mp4
- 7-2 [视图层与服务端的交互] $http快捷方法以POST方式请求服务端API (11:01).mp4
- 7-3 [视图层与服务端的交互] 使用$http对象的方法请求服务端API (13:57).mp4
- 7-4 [视图层与服务端的交互] 缓存的基础概念和使用$cacheFactory服务创建缓存对象 (21:11).mp4
- 7-5 [视图层与服务端的交互] $http服务中的缓存 (21:18).mp4
- 7-6 [视图层与服务端的交互] 自定义$http服务中的缓存 (10:29).mp4
- 8-1 [angular中的指令] 指令的基础概念和定义的方法 (19:08).mp4
- 8-2 [angular中的指令] 指令对象中的replace和templateUrl属性 (17:08).mp4
- 8-3 [angular中的指令] 指令对象中的transclude属性 (11:52).mp4
- 8-4 [angular中的指令] 指令对象中的link属性 (11:40).mp4
- 8-5 [angular中的指令] 指令对象中的compile属性 (11:53).mp4
- 9-1 [angular中的$location对象] 调用$location对象的只读方法 (13:12).mp4
- 9-2 [angular中的$location对象] 调用$location对象的读写类方法 (14:35).mp4
- 9-3 [angular中的$location对象] 捕捉$locationChangeStart事件 (14:50).mp4
- 9-4 [angular中的$location对象] 捕捉$locationChangeSuccess事件 (11:29).mp4
- 9-5 [angular中的$location对象] 路由对象方法的双向绑定 (09:10).mp4
- 10-1 [angular中需要注意的事项] 解决setTimeout改变属性的无效 (13:35).mp4
- 10-2 [angular中需要注意的事项] 注意ng-repeat 中过滤后的索引号 (10:14).mp4
- 10-3 [angular中需要注意的事项] 解决点击按钮事件中的冒泡现象 (13:06).mp4
- 10-4 [angular中需要注意的事项] 释放多余的$watch监测函数 (11:06).mp4
- 10-5 [angular中需要注意的事项] 解决ng-if中ng-model值无效的问题 (08:04).mp4
- 11-1 [经典案例讲解] 案例一:tab无JS代码切换——需求分析与效果展示 (11:03).mp4
- 11-2 [经典案例讲解] 案例一:tab无JS代码切换——实现代码与源码分析 (19:32).mp4
- 11-3 [经典案例讲解] 案例二:list与grid无JS切换——需求分析与效果展示 (03:19).mp4
- 11-4 [经典案例讲解] 案例二:list与grid无JS切换——实现代码与源码分析 (15:20).mp4
- 11-5 [经典案例讲解] 案例三:search查询页面的实现——需求分析与效果展示 (03:01).mp4
- 11-6 [经典案例讲解] 案例三:search查询页面的实现——实现代码与源码分析 (19:49).mp4
- 11-7 [经典案例讲解] 案例四:todolist任务管理页面的实现——需求分析与效果展示 (03:14).mp4
- 11-8 [经典案例讲解] 案例四:todolist任务管理页面的实现——实现代码与源码分析 (11:31).mp4
- 12-1 [数据库与页面交互应用] 页面与数据库API交互过程 (19:13).mp4
- 12-2 [数据库与页面交互应用] 调用数据库API展示新闻页数据 (10:23).mp4
- 12-3 [数据库与页面交互应用] 调用数据库API删除指定ID号的新闻数据 (04:51).mp4
- 12-4 [数据库与页面交互应用] 调用数据库API增加新闻数据 (08:35).mp4






