资源详情
第1章 课程介绍 通过课程介绍,了解学习课程的必要忄生,所包含的知识点,课程安排,学习前提,课程收获,快速全面了解课程。 1-1 课程导学 第2章 移动web硬知识点 本章主要讲解移动web开发中必要掌握的基本知识,是进行后续学习的前提。从概述到开发调试方法,以及viewport视窗概念和原理的讲解,在到移动web开发关键布局技能和适配方案,最后讲解移动web中常用的touch事件。 2-1 移动web开发概述 2-2 移动web开发调试 2-3 移动web适配概述 2-4 viewport视窗概念 2-5 css3之flex布局 2-6 响应式布局和MediaQuery 2-7 rem,vw布局与适配 2-8 移动端touch事件详解 第3章 移动web软技能 本章主要讲解移动web开发实战中用到的相关知识点。从基本代码工具的介绍到项目构建的基本概念,同时预先给大家介绍webpack和Sass的基本使用方法,帮助基础弱的同学以便于进行后续的学习,最后教大家如何使用React组件化思想开发页面。... 3-1 代码管理工具&项目构建工具简介 3-2 webpack工具使用介绍 3-3 Sass预处理工具使用介绍 3-4 React组件化思想 第4章 项目开发构建环境搭建 本章主要讲解的内容都是为下章实战项目做准备工作的开发,包括项目的最终结果演示,同时会讲解如何使用webpack来从0搭建配置一个项目的构建环境和基本的Redux使用方法,以便于对Redux不熟悉的同学巩固一下相关知识。 4-1 项目和技术栈介绍 4-2 项目演示 4-3 构建环境搭建(1) 4-4 构建环境搭建(2) 4-5 构建环境搭建(3) 4-6 构建环境搭建(4) 4-7 redux-react使用介绍(1) 4-8 redux-react使用介绍(2) 第5章 美团APP—首页开发 开发首页,讲解通过React+Redux实现页面基本逻辑,使用flex进行页面布局,引入rem进行页面适配,实现tab切换,滚动加载逻辑,以及事件绑定逻辑。 5-1 底部tab按钮开发(webpack-dev-server配置) 5-2 底部tab按钮开发-UI逻辑编写(1) 5-3 底部tab按钮开发-UI逻辑编写(2) 5-4 底部tab按钮开发(rem配置) 5-5 底部tab按钮开发(集成ESlint) 5-6 底部tab按钮开发(集成HMR) 5-7 首页页面开发Header模块开发 5-8 首页页面开发SearchBar模块开发 5-9 首页页面开发-Category模块开发(1) 5-10 首页页面开发-Category模块开发(2) 5-11 首页页面开发(ContentList模块开发) 5-12 首页页面开发-ListItem模块UI开发 5-13 首页页面开发-ListItem模块样式开发 5-14 首页页面开发-ListItem模块数据渲染开发(1) 5-15 首页页面开发-ListItem模块数据渲染开发( 2 ) 5-16 首页页面开发(滚动加载逻辑实现) 5-17 订单页面开发(List模块开发) 5-18 订单页面开发(OrderItem模块开发)(1) 5-19 订单页面开发(OrderItem模块开发)(2) 5-20 订单页面开发(公共ScrollView模块开发) 5-21 我的页面UI开发 5-22 我的页面样式开发 5-23 集成react-router 第6章 美团APP—评价和分类页开发 开发评价页和分类页,讲解使用div+overflow实现局部滚动,移动端输入框相关使用技巧以及css伪类实现星型icon。 6-1 分类页面开发(顶部NA危Header模块开发) 6-2 分类页面开发(顶部Header tab 模块UI开发) 6-3 分类页面开发(顶部Header模块样式和逻辑开发) 6-4 分类页面开发(Filter面板模块“全部分类”数据渲染开发) 6-5 分类页面开发(Filter面板模块“排序和筛选”数据渲染实现 6-6 分类页面开发(Filter面板模块样式开发) 6-7 分类页面开发(Filter面板模块item逻辑实现)
下载地址
链接:https://pan.baidu.com/share/init?surl=uHP9N1dSwmw4Vfq4fnupqQ 密码:97tf