Angular JS 仿拉勾网 WebApp 开发移动端单页应用

〖课程介绍〗:

基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用,包括登录、注册、搜索、查看、收藏等功能,涵盖如指令、数据绑定、过滤器等AngularJS最常用的、难理解的核心概念,通过这一次实际开发,最终让你获得使用AngularJS独立开发单页应用的能力

〖课程目录〗:

  • 第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)

 

〖视频截图〗: