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

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

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

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

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

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

本结合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小时了,还不包括百度学习的时间,遇到不会的地方反复看视频。干货满满的哦,中级视频+负责老师=初级难度?!,老师人很负责的哦。总之有心想提高自己的童鞋,赶快入手,认真跟着学习可以有很大收获的

  • 再见也一样

    好评

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

  • 懒床的小人

    好评

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

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

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题