本提纲由(兰总整理,兰总是启发我学习rn的第二人,牛总是第一人)
1.基础HTML/CSS与基础开发工具使用 - html基础 doctype、常用标签、标签闭合、自定义属性 - css基础 选择器(id、class)、常用样式、样式覆盖、行内样式、绝对与相对定位、flexbox布局 - 基础开发工具 使用Chrome调试网页、使用Webstorm编辑代码、使用github管理代码与搜索问题
2.基础Javascript与Node知识 - Javascript基础(ES5) 基本编码风格与习惯、基本数据类型及转换、数组与对象的操作、函数的定义与使用、引用与深复制、dom操作、ajax - Node基础 Node与浏览器环境的差异、nvm、CommonJS规范、require/export等语句的使用、npm基础命令的使用、package.json配置
3.react.js基础 - ES6基础 webpack/babel基础配置、箭头函数、class继承、模块导入导出、解构、const与let声明、promise、默认参数、展开运算符(…obj)、Map/Set - react.js基础实践 vmdom基础概念、jsx语法与注意事项、component生命周期与适用场景、事件代理、强制设置innerHTML、不可控组件问题(input)、ref的使用、state与props、ajax/fetch、组件嵌套与复用、尝试编写交互式界面如tabbar
4.react.js进阶 - react.js进阶实践 父子组件间通讯(props、context、回调、暴露接口)、任意组件间通讯(flux思想)、redux框架、react-router框架、代码质量控制(flow、eslint、propTypes、mocha/karma/jasmine/jest)、搜索与使用第三方组件、PureRenderMixin、immutable.js
1.开发环境搭建 - 科学上网 - iOS开发环境搭建 Mac OS X、XCode、Homebrew、命令行基础(sudo、chown等)、watchman、iOS模拟器的使用 - Android开发环境搭建(Windows) Windows、Mac OSX、Android Studio 2.0以上、WebStrom、Visual Studio Code、JDK1.8以上、Nuclide - Android编译与打包工具链 //TODO
1.样式与布局 - 样式 样式的组织、复用、覆盖、局限 - 布局 flexbox布局、绝对定位布局
2.基础实践 - 常用基础组件 View、Text、Image、TouchableX、WebView、TextInput等 - 常用复杂组件 Navigator、TabBar、Modal、ListView/ScrollView等 - 常用API 相册、地理定位、fetch、timer、AsyncStorage、Dimensions、Alert/Toast等
1.复杂交互界面 Animated、LayoutAnimation、InteractionManager、requestAnimationFrame、setImmediate/setTimeout、PanResponder
2.整合/编写原生模块 XCode与Android Studio的基本使用、Native Modules、Native UI Components、jsBridge、回调、事件订阅