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

  • 我是这海底的咸鱼

    好评

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

  • 入门级全栈专家

    好评

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

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

学习咨询

选课、学习遇到问题?

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

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