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)
〖视频截图〗:
声明:1、IT资源分享网是一个资源分享和技术交流平台,本站所有资料均来源于网络以及用户发布,如对资源有争议请联系微信客服我们可以安排下架!