首页实战移动Web App开发之实战美团外卖

移动Web App开发之实战美团外卖

React全家桶，移动Web开发技术全解析，理解 Hybrid 混合模式开发

已完结难度中级时长 16小时学习人数 389 综合评分 10.00

报名人数已满该课程已出新版，查看新课 >>

本结合Hybrid将美团外卖实战项目打造成完整的移动Web APP，理解并掌握移动Web开发的基本技能，提升对移动端适配以及React 全家桶和组件化开发实战技能，及对工作中常见移动Web开发问题的解决能力。

吕小鸣

讲师

Web 前端工程师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

从0到1，完整的移动Rem适配方案与Hybrid开发模式

从环境构建到打包发布，掌握移动Web APP开发技能

1. 结合Webpack构建项目基本配置，Babel和

ESLint进行新语法解析与代码语法规范

2. 结合Webpack hot-module-replacement

Webpack-dev-server本地化开发环境

1. 采用Flex布局和Rem适配方案

2. 局部滚动与全局滚动实现

课程亮点一眼打尽

1. 结合Web和iOS开发技术，讲解Jsbridge

原理，并开发出通信接口

2. 采用Express实现后端代理请求真实数据

3. 讲解页面性能问题与调优方案

1. 项目使用ES6语法，运用Axios数据请求管理

2. 运用React+Redux实现页面逻辑框架

React-router路由管理Tab之间的切换

软硬兼施，搞定移动Web开发基础知识

详细讲解每个概念，梳理移动Web的各项知识点

移动Web硬知识点

移动Web开发概述

移动Web开发调试

Viewport视窗概念

CSS3之Flex 布局

响应式布局

Media Query

Rem,vw 布局与适配

移动端Touch事件
移动Web软技能

代码管理工具介绍

项目构建基础介绍

Webpack工具使用介绍

Sass预处理工具使用介绍

React组件化思想介绍

实战美团外卖Web APP，实现多种前端页面

学习移动Web的开发技巧、解决方案和对不同场景进行的技术选型

移动Web必备解决方案，解决工作中常见问题

300ms点击延迟
多Tab页面懒加载
1px边框问题实现
CSS伪类妙用
滚动加载数据
移动Web输入框踩坑

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问，讲

师会进行集中答疑

源码开放

课程案例代码完全开放给你，你可以根据

所学知识，自行修改、优化

适合人群

1.有简单Web前端项目开发经验

2.想要掌握移动Web开发技能的人群

技术储备要求

1.掌握基本Web前端知识.

2.了解React和ES6基础知识，看过文档，做过简单Demo

环境参数

前端工具 webpack：^4.10.2
框架 react：^16.2.0
框架 redux：^3.7.2
框架 react-router-dom：^4.2.2
依赖包 sass-loader：^6.0.7
依赖包 eslint：^4.19.1
依赖包 babel-core：^6.26.0

万事俱备只等你来

哟只贤

好评

hhh，被老师的初级课程标记骗了，如果是我这样啥都不会的小白，一开始学着肯定有点难，16小时的课程我才跟着学了70%，就在视频上花了超过70小时了，还不包括百度学习的时间，遇到不会的地方反复看视频。干货满满的哦，中级视频+负责老师=初级难度？！，老师人很负责的哦。总之有心想提高自己的童鞋，赶快入手，认真跟着学习可以有很大收获的
我是这海底的咸鱼

好评

总体感觉还不错，学到了好多东西，毕竟之前自己学过react和node相关知识，在老师的带领下学习了有关项目构建，以及移动端布局，收货很大，五星好评，希望老师赶紧出下一门课。
入门级全栈专家

好评

恕我直言，这课程的难度怎么会被定位初级呢？跟慕课的其他react相比至少得是中级啊，课程卖的少多半跟定位失误和目录划分有关，ps:这一个学的很满意，期待老师下一部更优秀的课程