价值99元的Angular JS 仿拉勾网 WebApp 开发移动端单页应用

2018年6月9日21:18:25 发表评论

视频介绍

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

课程大纲

  • 第1章 课程介绍 讲解课程开发内容和开发流程。前端主流开发框架与AngularJS对比。介绍AngularJS的基本概念。
    • 1-1 课程介绍
    • 1-2 课程安排
    • 1-3 课程内容
    • 1-4 Angular概念简介
  • 第2章 基础知识介绍 介绍单页应用以及AngularJS web app的构成。讲解css预编译语言less的使用。
    • 2-1 Angular Web App构成
    • 2-2 调试插件:batarang
    • 2-3 依赖管理工具:bower
    • 2-4 nodejs安装
    • 2-5 css预编译处理:less
    • 2-6 重要概念:单页应用
  • 第3章 使用构建工具 讲解构建工具gulp、包管理工具bower的使用。编写构建工具配置文件。
    • 3-1 目录结构说明
    • 3-2 自动化构建工具(1)
    • 3-3 自动化构建工具(2)
    • 3-4 自动化构建工具(3)
  • 第4章 实战项目-职位模块实现 路由模块ui-router的使用与配置,编写相关页面、指令与控制器,介绍并使用处理异步调用的$q服务与发送http请求的$http服务。
    • 4-1 模块划分
    • 4-2 路由配置
    • 4-3 路由模块总结扩展
    • 4-4 移动端自适应
    • 4-5 指令:app-head
    • 4-6 指令:app-foot
    • 4-7 指令:app-position-list(1)
    • 4-8 指令:app-position-list(2)
    • 4-9 数据绑定与指令总结(1)
    • 4-10 数据绑定与指令总结(2)
    • 4-11 职位模块详页开发(1)
    • 4-12 职位模块详页开发(2)
    • 4-13 职位模块详页开发(3)
  • 第5章 实战项目--搜索模块实现 介绍并使用AngularJS内置过滤器,自定义过滤器在前端页面实现“搜索”功能。
    • 5-1 公司详情静态页开发
    • 5-2 首页controller完善
    • 5-3 职位详情页controller完善(1)
    • 5-4 公司详情页controller完善(2)
    • 5-5 控制器与作用域总结
    • 5-6 服务总结(1)
    • 5-7 服务总结(2)
    • 5-8 搜索页编写(1)
    • 5-9 搜索页编写(2)
    • 5-10 搜索页编写(3)
    • 5-11 搜索页业务逻辑编写(1)
    • 5-12 搜索页业务逻辑编写(2)
    • 5-13 过滤器总结
  • 第6章 实战项目-用户模块实现 登录、注册、投递记录、收藏记录页面开发,并使用angular-validation进行表单校验。
    • 6-1 用户模块静态页开发(1)
    • 6-2 用户模块静态页开发(2)
    • 6-3 用户模块静态页开发(3)
    • 6-4 用户模块静态页开发(4)
    • 6-5 用户模块逻辑编写-使用表单校验
    • 6-6 用户模块逻辑编写-使用装饰器
    • 6-7 用户模块逻辑编写-登录
    • 6-8 用户模块逻辑编写-我与投递记录
    • 6-9 用户模块逻辑编写-收藏
    • 6-10 逻辑完善和bug修复
  • 第7章 扩展与总结 开发流程总结,页面添加动画,利用脚手架工具快速搭建angular项目,并介绍更多提升学习资料。
    • 7-1 开发流程总结
    • 7-2 快速构建
    • 7-3 动画
    • 7-4 课程总结

赠送多终端加速播放软件(PC/Android/IOS)

试听地址

资源大小

  • 4.00G

加速播放方法

  • 使用赠送的加速播放软件即可1到2.5倍速度播放本视频教程,加快学习速度

视频截图

 

资源下载

隐藏内容:******,购买后可见!

下载价格:9.9 元

您需要先后,才能购买资源

如发现资源链接失效,请留言或与站长联系。 联系QQ:305646985 微信:fengyun88996

  • 扫一扫加我的微信
  • weinxin
  • 扫一扫关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: