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

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

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

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

难度 中级 时长 16小时 学习人数 236 好评度 100%

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

观看试看视频

移动Web App开发之实战美团外卖
本课程带领大家一步步开发及结合Hybrid将美团外卖实战项目打造成完整的移动Web APP,理解并掌握移动Web开发的基本技能,开发过程中也会讲解到移动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小时了,还不包括百度学习的时间,遇到不会的地方反复看视频。干货满满的哦,中级视频+负责老师=初级难度?!,老师人很负责的哦。总之有心想提高自己的童鞋,赶快入手,认真跟着学习可以有很大收获的

  • 再见也一样

    好评

    web 和移动web 前端工程师必需掌握的知识,老师讲的前半部分的基础为后面打下了坚实的基础,案例学习部分,期待后面案例完整学习后,掌握整个 APP 开发流程 和 hybird 的开发思路与方法,总之这门课程非常适合初学者。

  • 懒床的小人

    好评

    从老师免费课程《移动web开发适配秘籍Rem》学习过来,讲解还是一如既往的详细,自己有 web 经验,感觉移动 web 没有什么,实际踩了很多坑,还是有点浮躁。课程确实很有帮助, 学习课程移动 web app 必备技能,还使用react 全家桶开发项目,希望学习的疑问,老师及时帮助解决。

查看全部10条用户评价
提问
数据加载中...
意见反馈 去赚学费 帮助中心 APP下载
官方微信