价值299元 移动Web APP开发之实战美团外卖视频教程

< <价值299元的移动Web APP开发实操美团外卖视频教程> >本课程带领大家开发并结合Hybrid将美团外卖实操项目制作成一个完整的移动Web APP，了解并掌握移动Web开发的基本技能，同时也讲解移动Web的技巧、遇到问题的解决方法以及开发过程中针对不同场景的技术选择。从而提高了适应移动终端的实用技能，开发了React系列水桶和组件。本课程还涵盖了工作中常见的移动Web开发问题，通过课程学习可以找到相应的技术解决方案。3-1代码管理工具&项目构建工具介绍3-2 webpack工具介绍3-3 Sass预处理工具介绍3-4 React组件思想介绍第4章构建项目开发和构建环境本章主要讲解下一个实际项目的准备工作的开发，包括项目最终结果的演示，同时也从0开始讲解如何使用web pack构建和配置项目构建环境以及基本的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)第五章美团APP——讲解如何通过React+Redux实现页面的基本逻辑，如何使用flex进行页面布局，如何引入rem进行页面适配，如何实现标签切换、滚动加载逻辑、事件绑定逻辑。5-1底部选项卡按钮开发(webpack-dev-server configuration)5-2底部选项卡按钮开发-UI逻辑编写(1)5-3底部选项卡按钮开发-UI逻辑编写(2)5-4底部选项卡按钮开发(rem configuration) 5-5底部选项卡按钮开发(集成ESlint)5-6底部选项卡按钮开发(集成HMR) 5-7主页开发标题模块开发5-8主页开发SearchBar模块开发5-9主页开发类别模块开发(1)5-10主页开发类别模块开发(2)5-11 5-12首页开发-列表模块UI开发5-13首页开发-列表模块风格开发5-14首页开发-列表模块数据渲染开发(1)5-15首页开发-列表模块数据渲染开发(2 )5-16首页开发(滚动加载逻辑的实现)5-17订单页面开发(列表模块开发)5-18订单页面开发(OrderItem模块开发)(1)5-19订单页面开发(OrderItem模块开发)(2)5-20订单页面开发(公共ScrollView模块开发 5-21我的页面UI开发5-22我的页面风格开发5-23 react-router的集成第六章美团APP—-评测分类页面评测分类页面的开发，讲解如何使用div+溢出实现部分滚动，如何使用移动输入框，如何通过css伪类实现星形图标。

+ u/ Y3 w) @， W7 e: ~: x6-1分类页面开发(top NavHeader模块开发)6-2分类页面开发(top Header选项卡模块UI开发)6-3分类页面开发(top Header模块样式和逻辑开发)6-4分类页面开发(过滤面板模块“全部分类”数据渲染开发)6-5分类页面开发(过滤面板模块“排序和过滤”数据渲染实现)6-6分类页面开发(过滤面板模块样式开发)6-7分类页面开发(过滤面板模块项目逻辑实现) 6-8分类页面开发(列表列表模块开发)6-9评测页面开发(UI开发)6-10评测页面开发(样式开发)6-11评测页面开发(交互逻辑开发)第七章美团APP—-详情页开发和开发详情页，讲解点菜选择器的相关逻辑，通过React组件化分离前几页的公共组件，通过封装scrollview加载评测选项卡的数据，使用css伪类实现1px边框。 7-1详细页面顶部的选项卡开发(UI开发)7-2详细页面顶部的选项卡开发(样式交互逻辑开发)7-3点菜页面开发(LeftBarUI开发)7-4点菜页面开发(LeftBar样式和逻辑开发)7-5点菜页面开发(RightContent UI和样式开发)7-6详细页面点菜页面开发(RightContent逻辑开发)7-7详细页面点菜页面开发(ShopBar UI和样式开发) 7-8详情页点菜页面开发(ShopBar-choose List interactive Development)(1)7-10开发详情页点菜页面(ShopBar-choose List interactive Development)(2)7-11开发详情页评论页面(top Header development) 7-12开发详情页评论页面(List data binding) 7-13开发详情页评论页面(List UI development) 7-14详情页评论页面开发(List Style Logic Development) 7-15详情页商户页面开发(UI Development) 7-16详情页商户页面开发 第八章美团APP——回顾与性能优化后端数据用nodejs和express表示，美团取出真实数据的请求通过设置cookie实现。 懒加载首页和详情页的标签加载逻辑，优化之前的滚动加载逻辑，通过构建完善页面请求资源的优化。打包发布到腾讯云。…

4 l2 a# { “？3 n4 U8-1 Lazy加载性能优化8-2 JS和CSS公共文件提取优化8-3编写后台服务器读取真实数据8-4 Multi-Tab页面切换和滚动数据加载优化8-5项目打包8-6项目发布第9章美团APP与hybrid的深度结合本章主要介绍Hybrid。用OC代码带领大家开发一个简单的webview组件，讲解web和native之间的通信机制，开发jsbridge接口完善美团外卖项目，让项目看起来更像一个真正的APP。

)k# [6 L9 j( h v1 q9-1 JS桥接原理9-2 iOS webview+JS API接口+iOS APP集成第10章课程总结复习和总结课程讲解内容可以更好的回归和归纳。

8 e( b: b3 m* s10-1课程总结

未经允许不得转载：乐搜源码 » 价值299元 移动Web APP开发之实战美团外卖视频教程