学途无忧

标题: 移动Web APP开发之实战美团外卖 [打印本页]

作者: admin 时间: 2018-9-14 15:28
标题: 移动Web APP开发之实战美团外卖

第1章课程介绍
通过课程介绍，了解学习课程的必要性，所包含的知识点，课程安排，学习前提，课程收获，快速全面了解课程。
1-1 课程导学

第2章移动web硬知识点
本章主要讲解移动web开发中必要掌握的基本知识，是进行后续学习的前提。从概述到开发调试方法，以及viewport视窗概念和原理的讲解，在到移动web开发关键布局技能和适配方案，最后讲解移动web中常用的touch事件。
2-1 移动web开发概述
2-2 移动web开发调试
2-3 移动web适配概述
2-4 viewport视窗概念
2-5 css3之flex布局
2-6 响应式布局和MediaQuery
2-7 rem,vw布局与适配
2-8 移动端touch事件详解

第3章移动web软技能
本章主要讲解移动web开发实战中用到的相关知识点。从基本代码工具的介绍到项目构建的基本概念，同时预先给大家介绍webpack和Sass的基本使用方法，帮助基础弱的同学以便于进行后续的学习，最后教大家如何使用React组件化思想开发页面。...
3-1 代码管理工具&项目构建工具简介
3-2 webpack工具使用介绍
3-3 Sass预处理工具使用介绍
3-4 React组件化思想

第4章项目开发构建环境搭建
本章主要讲解的内容都是为下章实战项目做准备工作的开发，包括项目的最终结果演示，同时会讲解如何使用webpack来从0搭建配置一个项目的构建环境和基本的Redux使用方法，以便于对Redux不熟悉的同学巩固一下相关知识。
4-1 项目和技术栈介绍
4-2 项目演示
4-3 构建环境搭建（1）
4-4 构建环境搭建（2）
4-5 构建环境搭建（3）
4-6 构建环境搭建（4）
4-7 redux-react使用介绍（1）
4-8 redux-react使用介绍（2）

第5章美团APP—首页开发
开发首页，讲解通过React+Redux实现页面基本逻辑，使用flex进行页面布局，引入rem进行页面适配，实现tab切换，滚动加载逻辑，以及事件绑定逻辑。
5-1 底部tab按钮开发(webpack-dev-server配置)
5-2 底部tab按钮开发-UI逻辑编写（1）
5-3 底部tab按钮开发-UI逻辑编写（2）
5-4 底部tab按钮开发(rem配置)
5-5 底部tab按钮开发(集成ESlint)
5-6 底部tab按钮开发(集成HMR)
5-7 首页页面开发Header模块开发
5-8 首页页面开发SearchBar模块开发
5-9 首页页面开发-Category模块开发（1）
5-10 首页页面开发-Category模块开发（2）
5-11 首页页面开发(ContentList模块开发)
5-12 首页页面开发-ListItem模块UI开发
5-13 首页页面开发-ListItem模块样式开发
5-14 首页页面开发-ListItem模块数据渲染开发（1）
5-15 首页页面开发-ListItem模块数据渲染开发( 2 )
5-16 首页页面开发(滚动加载逻辑实现)
5-17 订单页面开发(List模块开发)
5-18 订单页面开发(OrderItem模块开发)（1）
5-19 订单页面开发(OrderItem模块开发)（2）
5-20 订单页面开发(公共ScrollView模块开发)
5-21 我的页面UI开发
5-22 我的页面样式开发
5-23 集成react-router

第6章美团APP—评价和分类页开发
开发评价页和分类页，讲解使用div+overflow实现局部滚动，移动端输入框相关使用技巧以及css伪类实现星型icon。
6-1 分类页面开发(顶部NavHeader模块开发)
6-2 分类页面开发(顶部Header tab 模块UI开发)
6-3 分类页面开发(顶部Header模块样式和逻辑开发)
6-4 分类页面开发(Filter面板模块“全部分类”数据渲染开发)
6-5 分类页面开发(Filter面板模块“排序和筛选”数据渲染实现
6-6 分类页面开发(Filter面板模块样式开发)
6-7 分类页面开发(Filter面板模块item逻辑实现)
6-8 分类页面开发(列表List模块开发)
6-9 评价页面开发(UI开发)
6-10 评价页面开发(样式开发)
6-11 评价页面开发(交互逻辑开发)

第7章美团APP—详情页开发
开发详情页，讲解点菜选择器相关逻辑，通过React组件化对之前页面的公共组件进行抽离，通过封装scrollview实现评价tab的数据加载，以及使用css伪类实现1px边框。
7-1 详情页顶部tab开发(UI开发)
7-2 详情页顶部tab开发(样式交互逻辑开发)
7-3 详情页点菜页面开发(LeftBarUI开发)
7-4 详情页点菜页面开发(LeftBar 样式和逻辑开发)
7-5 详情页点菜页面开发(RightContent UI和样式开发)
7-6 详情页点菜页面开发(RightContent逻辑开发)
7-7 详情页点菜页面开发(ShopBar UI和样式开发)
7-8 详情页点菜页面开发(ShopBar 逻辑开发)
7-9 详情页点菜页面开发(ShopBar-chooseList 交互开发)（1）
7-10 详情页点菜页面开发(ShopBar-chooseList 交互开发)（2）
7-11 详情页评论页面开发(顶部Header开发)
7-12 详情页评论页面开发(列表List 数据绑定)
7-13 详情页评论页面开发(列表List UI开发)
7-14 详情页评论页面开发(列表List样式逻辑开发)
7-15 详情页商家页面开发(UI开发)
7-16 详情页商家页面开发(样式开发)

第8章美团APP—回顾与性能优化
通过nodejs和express实现后端数据的代理，通过设置cookie来实现对美团外卖真实数据的请求。对首面和详情页的tab加载逻辑进行懒加载和对之前的滚动加载逻辑优化，同时通过构建来完善页面请求资源的优化。打包并发布到腾讯云。...
8-1 懒加载性能优化
8-2 JS和CSS公共文件抽离优化
8-3 编写后台server读取真实数据
8-4 多Tab 页切换与滚动数据加载优化
8-5 项目打包
8-6 项目发布

第9章美团APP与hybrid深度结合
本章主要围绕Hybrid进行讲解，使用OC代码带领大家开发一个简单的webview组件，同时讲解web和native之间的通信机制，并开发jsbridge接口完善美团外卖项目，让项目看起来更像是一个真正的APP。
9-1 JS bridge 原理
9-2 iOS webview + JS API接口+iOS APP集成

第10章课程总结
回顾和总结课程讲解内容，能更好的回归和归纳。
10-1 课程总结

下载地址:

作者: ccy940912 时间: 2019-4-19 13:00
啥也不说了，感谢楼主分享哇！

作者: 111111111111111 时间: 2019-5-5 16:08
啥也不说了，感谢楼主分享哇！

作者: raulzhou 时间: 2019-5-5 21:08

啥也不说了，感谢楼主分享哇！

作者: chency 时间: 2019-5-7 09:57
啥也不说了，感谢楼主分享哇！

作者: snowrock 时间: 2019-5-11 00:04
啥也不说了，感谢楼主分享哇！

作者: Alicevia 时间: 2019-5-11 18:01
正需要，支持楼主大人了！

作者: ltroot 时间: 2019-5-13 08:52
啥也不说了，感谢楼主分享哇！

作者: xiao123 时间: 2019-5-13 10:17
啥也不说了，感谢楼主分享哇！

作者: VaderWang 时间: 2019-5-14 21:44
啥也不说了，感谢楼主分享哇！

作者: testing 时间: 2019-5-18 16:02
正需要，支持楼主大人了！

作者: amal 时间: 2019-6-3 08:14
正需要，支持楼主大人了！

作者: shanzai05 时间: 2019-6-13 11:51
阿斯顿发送到

作者: 335795033 时间: 2019-6-13 13:45
正需要，支持楼主大人了！

作者: 335795033 时间: 2019-6-13 13:46
正需要，支持楼主大人了！

作者: lingyunsheng 时间: 2019-6-13 20:36
啥也不说了，感谢楼主分享哇！

作者: weiweiip 时间: 2019-6-24 14:36
正需要，支持楼主大人了！

作者: shenguang 时间: 2019-6-24 16:03
啥也不说了，感谢楼主分享哇！

作者: 木头先僧 时间: 2019-6-29 23:40
啥也不说了，感谢楼主分享哇！

作者: qw3511 时间: 2019-7-2 15:56
666666666666

作者: elvis 时间: 2019-7-10 13:44
不多说，谢楼主

作者: 大漠饕餮 时间: 2019-7-10 22:39
确实是难得好帖啊，顶先

作者: sntyo 时间: 2019-7-12 10:40
啥也不说了，感谢楼主分享哇！

作者: cctest 时间: 2019-7-12 10:48
啥也不说了，感谢楼主分享哇！

作者: ainuo 时间: 2019-7-15 17:57
我看哈

作者: 17611322367 时间: 2019-7-18 09:29
哈哈哈哈哈正需要，支持楼主大人了！

作者: hcy8551 时间: 2019-7-19 10:53
w额，看不懂在说神马~@_@

作者: aitewu 时间: 2019-7-21 01:59
万分感谢

作者: minsk1989 时间: 2019-7-23 10:01
啥也不说了，感谢楼主分享哇

作者: 心脏 时间: 2019-7-23 11:23
啥也不说了，感谢楼主分享哇！

作者: helloreact 时间: 2019-7-23 22:01
啥也不说了，感谢楼主分享哇！

作者: 谦谦橘子 时间: 2019-7-28 12:43
啥也不说了，感谢楼主分享哇！

作者: b593771943 时间: 2019-7-28 18:38
一直在找，感谢楼主分享

作者: os_haoyue 时间: 2019-7-29 09:21
123123211111珍惜生命，果断回帖。

作者: Adwey 时间: 2019-8-4 18:33
感谢大佬分享！

作者: 269 时间: 2019-8-5 17:26
啥也不说了，感谢楼主分享哇！

作者: flutter 时间: 2019-8-5 18:03
正需要，支持楼主大人了！

作者: 晓三aaa 时间: 2019-8-5 21:58
回的人少，我来小顶一下

作者: shentu119 时间: 2019-8-23 13:42
确实是难得好帖啊，顶先

作者: root1235 时间: 2019-8-24 14:48
啥也不说了，感谢楼主分享哇！

作者: 450837248 时间: 2019-8-24 14:57
确实是难得好帖啊，顶先

作者: xiaoyanhaozi 时间: 2019-8-26 17:25
珍惜生命，果断回帖。

作者: dingsiren88 时间: 2019-9-1 22:23
啥也不说了，感谢楼主分享哇！

作者: gongzhudewangzi 时间: 2019-9-2 01:05
么有分，谁能送我点积分啊::>_<::

作者: jj20091@163.com 时间: 2019-9-2 11:14
正需要，支持楼主大人了！

作者: zphdev 时间: 2019-9-14 22:29
正需要，支持楼主大人了！

作者: 郭喵喵 时间: 2019-9-17 18:02
感谢分享

作者: cedric1860 时间: 2019-9-19 15:48
啥也不说了，感谢楼主分享哇！

作者: zhangyaowen 时间: 2019-9-22 16:20
啥也不说了，感谢楼主分享哇！

作者: o2ceshi 时间: 2019-9-22 22:29
啥也不说了，感谢楼主分享哇！

作者: monsoon 时间: 2019-9-27 17:31
啥也不说了，感谢楼主分享哇！

作者: hahahaha 时间: 2019-10-1 04:37

啥也不说了，感谢楼主分享哇！

作者: beiliu 时间: 2019-10-9 22:40
啥也不说了，感谢楼主分享哇！

作者: zjyhxf 时间: 2019-10-10 12:08
感谢楼主分享哇！

作者: youzizi1 时间: 2019-10-13 16:57
正需要，支持楼主大人了！

作者: penghan 时间: 2019-10-17 11:29
啥也不说了，感谢楼主分享哇！啥也不说了，感谢楼主分享哇！

作者: 21g 时间: 2019-10-17 12:28
啥也不说了，感谢楼主分享哇！

作者: jianiunba569 时间: 2019-10-18 01:45
fhjsbnjkvskdbfksbdfksdbgfdbgfdj

作者: djj遗忘那美好 时间: 2019-10-21 15:17
啥也不说了，感谢楼主分享哇！

作者: Hello1980 时间: 2019-10-23 15:28
啥也不说了，感谢楼主分享哇！

作者: xiehaitao 时间: 2019-10-27 16:48
啥也不说了，感谢楼主分享哇！

作者: 学徒无忧456 时间: 2019-10-29 21:54
啥也不说了，感谢楼主分享哇！

作者: monkeyboard 时间: 2019-10-29 22:21
确实是难得好帖啊，顶先

作者: 前端1020 时间: 2019-10-31 13:21
啥也不说了，感谢楼主分享哇！

作者: XueTu123@xxg 时间: 2019-10-31 22:30
啥也不说了，感谢楼主分享哇！

作者: 徐志文 时间: 2019-11-1 12:59
666666666666666666666

作者: whatsmax 时间: 2019-11-1 13:07
正需要，支持楼主大人了！

作者: haiyang 时间: 2019-11-3 13:54
啥也不说了，感谢楼主分享哇！

作者: 936167732 时间: 2019-11-5 11:01
啥也不说了，感谢楼主分享哇！

作者: aimer 时间: 2019-11-5 11:35
确实是难得好帖啊，顶先

作者: 2723677867 时间: 2019-11-6 08:56
feawfwa啥也不说了，感谢楼主分享哇！

作者: xing212 时间: 2019-11-7 11:46
正需要，支持楼主大人了！

作者: 1041614972 时间: 2019-11-10 18:38
啥也不说了，感谢楼主分享哇！

作者: hewij 时间: 2019-11-17 18:28
啥也不说了，感谢楼主分享哇！

作者: haohaoxuexia 时间: 2019-11-17 20:17
1111111111111111111111111111111111111

作者: zengxl 时间: 2019-11-17 22:10
实战美团外卖

作者: maxfine 时间: 2019-12-8 11:19
正需要，支持楼主大人了！

作者: 迎风一刀斩 时间: 2019-12-9 13:52
啥也不说了，感谢楼主分享哇！

作者: missybm 时间: 2019-12-16 22:53
很棒的内容，啥也不说了，感谢楼主分享哇！

作者: cghbh 时间: 2019-12-19 10:45
确实是难得好帖啊，顶先

作者: laojia 时间: 2019-12-19 15:40
这个帖一般般，还可以哦。

作者: scut_yituoshi 时间: 2019-12-19 20:38
666666666666666666666666666666666666666666666啥也不说了，感谢楼主分享哇！

作者: 思无邪 时间: 2019-12-27 03:27
啥也不说了，感谢楼主分享哇！

作者: xuezhen0710 时间: 2019-12-27 08:59
啥也不说了，感谢楼主分享哇！

作者: lamp 时间: 2019-12-31 16:14
么有分，谁能送我点积分啊::>_<::

作者: 18703895220 时间: 2019-12-31 16:59
啥也不说了，感谢楼主分享哇！

作者: shenhaolei 时间: 2020-1-2 15:10
正需要，支持楼主大人了！

作者: ender 时间: 2020-1-15 14:28
感谢lz, web app

作者: wsylws 时间: 2020-2-6 10:16
1111顶顶顶顶顶顶顶顶顶

作者: littlefish1900 时间: 2020-2-19 16:09
正需要，支持楼主大人了！

作者: senlin 时间: 2020-2-20 11:34
pppppppppppppppppppppp

作者: hawk 时间: 2020-2-23 14:45
啥也不说了，感谢楼主分享哇！

作者: 147 时间: 2020-2-26 12:27
感谢楼主分享

作者: 147 时间: 2020-2-26 12:29
感谢楼主分享感谢感谢

作者: 暮春之夜 时间: 2020-3-2 18:17
感谢，非常实用的资源

作者: 婷婷前端 时间: 2020-3-3 11:32
能分享视频吗

作者: XWttwE 时间: 2020-3-31 14:34
谢谢楼主分享啥也不说了，感谢楼主分享哇！

作者: COTYrL 时间: 2020-4-9 19:01
啥也不说了，感谢楼主分享哇啥也不说了，感谢楼主分享哇啥也不说了，感谢楼主分享哇啥也不说了，感谢楼主分享哇正需要，支持楼主大人了！

作者: tew1210 时间: 2020-4-10 16:05
啥也不说了，感谢楼主分享哇！

作者: itluooo 时间: 2020-4-10 16:50
天天学习，啥也不说了，感谢楼主分享哇！

欢迎光临学途无忧 (http://xuetu123.com/)