实战 \移动Web APP开发之实战美团外卖
收藏

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

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

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

难度 初级 ·
时长 16小时 ·
学习人数 122 ·
综合评分 10.00分
¥ 299.00

移动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
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信