Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。
一名前端工程师想要开发一款Hybrid App需要有很多移动端开发的知识储备,比如不同系统平台的特殊处理、原生系统功能调用、不同屏幕尺寸适配、移动UI设计与开发、性能调优等等。这显然需要花费大量学习成本,Ionic框架应运而生,它解决了以上提到的移动应用开发的常见问题,为大量前端工程师能够快速开发App提供了捷径。
同时,一款能够真正应用于生产的大型Hybrid App显然需要优秀的逻辑组织框架才能支撑,Ionic考虑到了这一点,它集成了目前前端领域强大的Angular作为代码组织框架,这为团队协作、代码测试和维护提供了相当强力的支撑。
但是,得到这些好处是需要付出代价的。因为Angular是一款学习曲线相当陡峭的框架。众多新奇的概念、陌生的编程语言、复杂的项目架构使新手望而却步,这些正是本系列课程诞生的原因。
征服大前端系列课程第二季专注于前端工程师开发大型系统和混合模式移动应用开发,详细展示Angular和Ionic两款框架使用的方方面面。通过数个大型配套案例讲解框架使用技巧,后通过两个实战项目“美团外卖”和“设备管理和借用系统”进行强化训练。同时引入Node.js、MongoDB、Express、Keystone等后台技术到课程体系,手把手教您开发一款完整系统应用,旨在打造前后台通吃的全栈工程师。
1.课程研发环境
系统环境:Windows 7,Node.js 6.9.1
开发工具:Webstorm 2017
数据库工具:MongoDB 3.2.1,MySQL 5.5
其他工具:MySQL Workbench 6.3 CE,MongoVUE 1.6.9
2.内容简介
本系列课程主要分为两部分:Angular和Ionic
每部分均分为基础知识学习和实战演练两部分,相关后台技术则和这些知识揉在一起,寓教于练。
001.A1-01-01_概述
002.A1-01-02_hello-angular
003.A1-02-01_使用angular-cli快速创建项目
004.A1-03-01_添加文章表单处理
005.A1-03-02_添加文章组件
006.A1-03-03_渲染文章列表
007.A1-04-01_英雄指南1:创建英雄列表
008.A1-04-02_英雄指南2:创建英雄详情
009.A1-05-01_创建路由
010.A1-06-01_创建路由2
011.A1-06-02_美化应用
012.A1-07-01_使用HTTP请求获取数据
013.A1-07-02_实现英雄数据的增删改查
014.A1-07-03_实现搜索英雄功能
015.A1-08-01_架构
016.A1-08-02_数据绑定
017.A1-09-01_指令
018.A1-09-02_服务和依赖注入
019.A1-10-01_用户输入
020.A1-10-02_模板驱动的表单
021.A1-10-03_模型驱动的表单
022.A1-10-04_嵌套的表单
023.A1-10-05_表单控件的使用方法
024.A2-01-01_创建数据模型
025.A2-01-02_创建表单模型转换服务
026.A2-01-03_创建动态表单和控件组件
027.A2-01-04_创建数据服务并测试
028.A2-02-01_自定义表单校验-模型驱动表单
029.A2-02-02_自定义表单校验-模板驱动表单
030.A2-02-03_案例:密码确认校验
031.A2-02-04_自定义表单校验-异步校验
032.A2-03-01_属性型指令
033.A2-03-02_结构型指令
034.A2-03-03_内置管道和自定义管道
035.A2-03-04_变更检测和管道
036.A2-04-01_HTTP请求、响应和错误处理
037.A2-04-02_跨域请求
038.A2-04-03_其他常用操作符
039.A2-05-00_路由基本使用
040.A2-05-01_创建特性区、特性模块及路由
041.A2-05-02_可选参数及路由动画
042.A2-05-03_路由嵌套
043.A2-05-04_使用命名插座显示多路由
044.A2-05-05_路由守卫(一):添加管理特性区
045.A2-05-06_路由守卫(二):实现路由守卫
046.A2-05-07_路由守卫(三):添加登录逻辑
047.A2-05-08_路由守卫(四):守卫路由离开
048.A2-05-09_路由数据预加载
049.A2-05-10_使用查询参和片段
050.A2-05-11_懒加载和CanLoad守护
051.A2-05-12_预加载
052.A2-06-01_Angular动画基本使用
053.A2-06-02_入场和离场动画
054.A2-06-03_关键帧动画和动画组
055.A3-01-01_需求分析和数据库设计
056.A3-02-01_WebStorm的使用
057.A3-03-01_用户和院系后台接口编写
058.A3-03-02_院系管理-2
059.A3-04-00_用户和院系前台界面编写1
060.A3-04-01_用户管理-1
061.A3-04-02_用户管理-2
062.A3-04-03_用户管理-3
063.A3-05-00_列表显示院系
064.A3-05-01_设备管理-1
065.A3-05-02_设备管理-2
066.A3-06-00_新增院系
067.A3-06-01_设备借用1
068.A3-06-02_设备借用2
069.A3-07-01_申请审批:前台开发
070.A3-07-02_申请审批:后台开发
071.A3-08-01_用户登录
072.B1-01-01_Hello,Ionic
073.B1-02-00_第一个Ionic应用-创建侧滑菜单
074.B1-02-01_布局组件:tabs
075.B1-02-02_布局组件:grid
076.B1-02-03_布局组件:segment
077.B1-02-04_布局组件:slides
078.B1-03-00_创建列表页面
079.B1-03-01_Lists
080.B1-03-02_Cards
081.B1-04-00_创建详情页
082.B1-04-01_按钮
083.B1-04-02_复选框,开关
084.B1-04-03_单选框
085.B1-04-04_日期选择器
086.B1-04-05_输入框,搜索框
087.B1-04-06_区间,下拉选单
088.B1-05-01_动作表、警告框
089.B1-05-02_浮动按钮、模态框、提示框等
090.B1-06-01_CSS工具类
091.B1-06-02_主题
092.B1-06-03_SASS变量
093.B1-06-04_平台独立样式
094.B1-07-01_使用原生功能:Ionic Native
095.B1-08-01_存储:Storage
096.B2-01-01_需求分析
097.B2-01-02_项目架构nodejs+keystone+mongdb
098.B2-02-01_创建商家数据模型-Store
099.B2-02-02_实现附近商家接口
100.B2-02-03_实现附近商家页面
101.B2-02-04_编写星级评分组件
102.B2-02-05_获取用户GPS数据
103.B2-03-01_创建容器组件Panel
104.B2-03-02_完成App导航栏
105.B2-03-03_完成定位链接和搜索链接
106.B2-04-01_地址信息获取
107.B2-04-02_搭建选择收货地址页面
108.B2-04-03_通过关键词搜索相关地址
109.B2-04-04_选择搜索结果
110.B2-05-01_定位当前位置
111.B2-06-01_切换城市
112.B2-07-01_创建登录页面
113.B2-07-02_发送短信验证码
114.B2-07-03_实现短信验证码登录
115.B2-08-01_创建注册页面
116.B2-08-02_实现注册接口
117.B2-09-01_账号密码登录
118.B2-09-02_创建新增收货地址页
119.B2-09-03_搜索地址
120.B2-09-04_提交新增地址
121.B2-09-05_保存新增地址
122.B2-10-01_导航页签
123.B2-10-02_菜单分类和列表
124.B2-10-03_菜品导航跳转和滚动监听
125.B2-10-04_店铺菜单查询接口
126.B2-10-05_查询并显示菜单
127.B2-11-01_购物车
128.B2-12-01_创建订单确认页
129.B2-12-02_新增收货地址
130.B2-12-03_收餐地址管理和选择
131.B2-12-04_收餐时间选择
132.B2-12-05_实现保存订单接口
133.B2-12-06_提交订单
134.B2-13-01_创建订单支付页面
135.B2-13-02_实现支付
136.B2-14-01_创建订单列表页面
137.B2-14-02_完善订单列表页流程
138.B2-14-03_确认收餐
139.B2-14-04_发布评价1:评分
140.B2-14-05_发布评价2:其他内容和样式
141.B2-14-06_发布评价3:捕获照片
142.B2-14-07_发布评价4:接口编写和发布
143.B2-15-01_店铺评价列表
144.B2-15-02_实现查询留言接口