- 整体介绍
- 是什么,为什么这么做,解决了哪些问题,有什么能力,适用于什么业务场景
- 如何学习tinper-react
- 渐进式,学习方式和路线,示例,文档,指导,基础能力(基本要求)。
(windows\mac),扫除环境障碍
- node 安装和配置
- node安装和配置、npm 基本使用
- 基本开发环境
- git bash 或 shell 终端、编码工具(推荐vscode sublime atom)、浏览器 Chrome
整个应用跑起来,看到效果,动力去做下一步
- 安装和使用uba快速创建项目
- 介绍uba,安装uba,初始化项目、启动、看到浏览器效果
- 创建简单 tinper-react页面
- 在那新建文件(components,css,routes),如何配置路由,是否看到页面效果
- 新加功能和样式并进行调试,如何查看报错信息
- 框架能力和技术方案概览
- 目录介绍、使用到的技术方案、
- 基础工程化能力有哪些
- 如何创建组件(创建组件、事件、生命周期)
- 组件体系介绍
- 如何管理路由
- 如何发送请求
- http、axios等,前端获取后台数据接口
- 如何模拟数据并行开发
- 如何创建数据模型
主要目的:(3个场景开发),用起来
- A 功能开发案例
- B 功能开发案例
- C 功能开发案例
- 如何与后端对接联调
- 如何进行项目部署
- 开发规范和最佳实践
- 性能优化注意事项
- 国际化多语解决方案
- 换肤和主题方案
- 浏览器兼容方案
- 响应式解决方案
- 代码测试解决方案
- 如何支撑 PWA 特性功能
- 如何开发一个多页应用
- 1.ES6
- 2.React
- 3.git
- 4.less 或者sass
- 5.webpack
- 6.npm