-
第1章イントロダクションコース
コースの説明を通じて、コースの必要性を理解することを学ぶ、知識は、カリキュラム、学習、カリキュラムの収穫、速いコースの包括的な理解の前提に含まれています。
- 1-1コースガイダンスルック
-
第2章モバイルウェブハードの知識
この章では、それがその後の学習のための前提条件である、マスターに必要なモバイルWeb開発の基本を説明しています。開発の概要とデバッグ方法、およびモバイルウェブレイアウトのキーのスキルと適応プログラムの開発にビューポートウィンドウの概念と原理を説明することから、モバイルウェブは最終的に一般的に使用されるタッチイベントを説明します。
- モバイルWeb開発の概要2-1
- 2-2モバイルWeb開発とデバッグ
- 2-3モバイルウェブ適応概要
- 2-4ビューポートウィンドウのコンセプト
- フレックスの2-5 CSS3レイアウト
- 2-6応答レイアウトとMediaQuery
- 2-7 REM、VWレイアウトと適応
- 2-8モバイルエンドタッチイベントのコメント
-
第3章モバイルウェブソフトスキル
この章では、実際の戦闘で使用される関連知識モバイルWeb開発について説明します。その後の学習を容易にするために、弱い基盤の学生を支援するためのWebPACKと基本的な使用サスを導入するプロジェクトの建設、および事前の基本的な概念を紹介コードベースのツールから、最終的に使用する方法をお教えは、コンポーネントベースの考え方開発ページを反応します。...
- 3-1タグマネージャ＆プロジェクトビルドツールの紹介
- 3-2のWebPACKツール導入
- 3-3サス前処理ツール導入
- 3-4は、コンポーネントベースのアイデアが反応を見て
-
ビルドには、第4章プロジェクトの開発ビルド環境
この章では、内容が最終的なプロジェクトの成果の発表など、開発作業を行う準備ができ、次の章のための本物のアイテム、ある説明もするためには、ビルド環境を設定し、基本的なReduxのゼロからのビルドにプロジェクトを使用するようにWebPACKの使用方法を説明しますReduxのは、知識を統合する学生に慣れていないです。
- 4-1プロジェクトや技術スタックを導入
- 4-2実証プロジェクト
- ビルドに4-3ビルド環境（1）
- ビルドに4-4ビルド環境（2）
- 4-5ビルド環境を設定（3）
- 環境構造の4-6建設（4）
- 4-7はじめに（1）を用いてReduxのは、反応
- 4-8（2）を用いて説明Reduxの反応し
-
第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 分类页面开发(顶部NavHeader模块开发)
- 6-2 分类页面开发(顶部Header tab 模块UI开发)
- 6-3 分类页面开发(顶部Header模块样式和逻辑开发)
- 6-4 分类页面开发(Filter面板模块“全部分类”数据渲染开发)
- 6-5 分类页面开发(Filter面板模块“排序和筛选”数据渲染实现
- 6-6 分类页面开发(Filter面板模块样式开发)
- 6-7 分类页面开发(Filter面板模块item逻辑实现)
- 6-8 分类页面开发(列表List模块开发)
- 6-9 评价页面开发(UI开发)
- 6-10 评价页面开发(样式开发)
- 6-11 评价页面开发(交互逻辑开发)
-
第7章 美团APP—详情页开发
开发详情页，讲解点菜选择器相关逻辑，通过React组件化对之前页面的公共组件进行抽离，通过封装scrollview实现评价tab的数据加载，以及使用css伪类实现1px边框。
- 7-1 详情页顶部tab开发(UI开发)
- 7-2 详情页顶部tab开发(样式交互逻辑开发)
- 7-3 详情页点菜页面开发(LeftBarUI开发)
- 7-4 详情页点菜页面开发(LeftBar 样式和逻辑开发)
- 7-5 详情页点菜页面开发(RightContent UI和样式开发)
- 7-6 详情页点菜页面开发(RightContent逻辑开发)
- 7-7 详情页点菜页面开发(ShopBar UI和样式开发)
- 7-8 详情页点菜页面开发(ShopBar 逻辑开发)
- 7-9 详情页点菜页面开发(ShopBar-chooseList 交互开发)（1）
- 7-10 详情页点菜页面开发(ShopBar-chooseList 交互开发)（2）
- 7-11 详情页评论页面开发(顶部Header开发)
- 7-12 详情页评论页面开发(列表List 数据绑定)
- 7-13 详情页评论页面开发(列表List UI开发)
- 7-14 详情页评论页面开发(列表List样式逻辑开发)
- 7-15 详情页商家页面开发(UI开发)
- 7-16 详情页商家页面开发(样式开发)
-
第8章 美团APP—回顾与性能优化
通过nodejs和express实现后端数据的代理，通过设置cookie来实现对美团外卖真实数据的请求。对首面和详情页的tab加载逻辑进行懒加载和对之前的滚动加载逻辑优化，同时通过构建来完善页面请求资源的优化。打包并发布到腾讯云。...
- 8-1 懒加载性能优化
- 8-2 JS和CSS公共文件抽离优化
- 8-3 编写后台server读取真实数据
- 8-4 多Tab 页切换与滚动数据加载优化
- 8-5 项目打包
- 8-6 项目发布
-
第9章 美团APP与hybrid深度结合
本章主要围绕Hybrid进行讲解，使用OC代码带领大家开发一个简单的webview组件，同时讲解web和native之间的通信机制，并开发jsbridge接口完善美团外卖项目，让项目看起来更像是一个真正的APP。
- 9-1 JS bridge 原理试看
- 9-2 iOS webview + JS API接口+iOS APP集成
-
第10章 课程总结
回顾和总结课程讲解内容，能更好的回归和归纳。
- 10-1 课程总结