第1章 课程介绍 试看 4 节 | 10分钟

讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。

收起列表

• 视频： 1-1 课程介绍 (04:32) 试看
• 视频： 1-2 课程安排 (01:09)
• 视频： 1-3 课程内容 (00:58)
• 视频： 1-4 Angular概念简介 (03:16)

第2章 基础知识介绍 6 节 | 31分钟

介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。

收起列表

• 视频： 2-1 Angular Web App构成 (02:02)
• 视频： 2-2 调试插件：batarang (04:19)
• 视频： 2-3 依赖管理工具：bower (09:59)
• 视频： 2-4 nodejs安装 (03:50)
• 视频： 2-5 css预编译处理：less (08:05)
• 视频： 2-6 重要概念：单页应用 (02:26)

第3章 使用构建工具 4 节 | 39分钟

讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。

收起列表

• 视频： 3-1 目录结构说明 (05:32)
• 视频： 3-2 自动化构建工具（1） (04:49)
• 视频： 3-3 自动化构建工具（2） (15:16)
• 视频： 3-4 自动化构建工具（3） (12:50)

第4章 实战项目-职位模块实现 试看 13 节 | 137分钟

路由模块ui-router的使用与配置，编写相关页面、指令与控制器，介绍并使用处理异步调用的$q服务与发送http请求的$http服务。

收起列表

• 视频： 4-1 模块划分 (04:33) 试看
• 视频： 4-2 路由配置 (08:03) 试看
• 视频： 4-3 路由模块总结扩展 (05:28)
• 视频： 4-4 移动端自适应 (03:17)
• 视频： 4-5 指令：app-head (19:46)
• 视频： 4-6 指令：app-foot (16:15)
• 视频： 4-7 指令：app-position-list（1） (10:22)
• 视频： 4-8 指令：app-position-list（2） (13:34)
• 视频： 4-9 数据绑定与指令总结（1） (11:07)
• 视频： 4-10 数据绑定与指令总结（2） (10:35)
• 视频： 4-11 职位模块详页开发（1） (15:19)
• 视频： 4-12 职位模块详页开发（2） (09:27)
• 视频： 4-13 职位模块详页开发（3） (08:36)

第5章 实战项目--搜索模块实现 13 节 | 118分钟

介绍并使用AngularJS内置过滤器，自定义过滤器在前端页面实现“搜索”功能。

收起列表

• 视频： 5-1 公司详情静态页开发 (13:35)
• 视频： 5-2 首页controller完善 (05:03)
• 视频： 5-3 职位详情页controller完善（1） (11:00)
• 视频： 5-4 公司详情页controller完善（2） (06:34)
• 视频： 5-5 控制器与作用域总结 (12:00)
• 视频： 5-6 服务总结（1） (09:55)
• 视频： 5-7 服务总结（2） (08:19)
• 视频： 5-8 搜索页编写（1） (05:13)
• 视频： 5-9 搜索页编写（2） (06:40)
• 视频： 5-10 搜索页编写（3） (07:50)
• 视频： 5-11 搜索页业务逻辑编写（1） (14:44)
• 视频： 5-12 搜索页业务逻辑编写（2） (09:54)
• 视频： 5-13 过滤器总结 (06:12)

第6章 实战项目-用户模块实现 10 节 | 100分钟

登录、注册、投递记录、收藏记录页面开发，并使用angular-validation进行表单校验。

收起列表

• 视频： 6-1 用户模块静态页开发（1） (15:07)
• 视频： 6-2 用户模块静态页开发（2） (07:00)
• 视频： 6-3 用户模块静态页开发（3） (05:05)
• 视频： 6-4 用户模块静态页开发（4） (08:16)
• 视频： 6-5 用户模块逻辑编写-使用表单校验 (17:59)
• 视频： 6-6 用户模块逻辑编写-使用装饰器 (08:55)
• 视频： 6-7 用户模块逻辑编写-登录 (06:39)
• 视频： 6-8 用户模块逻辑编写-我与投递记录 (09:28)
• 视频： 6-9 用户模块逻辑编写-收藏 (07:28)
• 视频： 6-10 逻辑完善和bug修复 (13:16)

第7章 扩展与总结 4 节 | 18分钟

开发流程总结，页面添加动画，利用脚手架工具快速搭建angular项目，并介绍更多提升学习资料。

收起列表

• 视频： 7-1 开发流程总结 (04:12)
• 视频： 7-2 快速构建 (04:24)
• 视频： 7-3 动画 (06:28)
• 视频： 7-4 课程总结 (02:22)