react native从入门到项目

作者: admin 分类: web前端教程合集 发布时间: 2017-08-29 02:59

在这个套课程里,推荐您先要有 JavaScript 的基础,知道基本的语法就行,这会减小学习的痛苦。因为 JavaScript 新的标准来了,加了不少新的特性,比如箭头函数,模块,类等等 .. 所以您需要接着了解一下这些新特性,学一下 ECMAScript 6 新功能,再可以开始学习 React 框架,去创建一个简单的可以在浏览器上运行的小应用,然后是 React Native ,这个东西可以让您用 JavaScript 去开发真正本地的可以运行在 Android 或 iOS 平台的应用。

【课程内容】

JavaScript基础

1.介绍
2.在网页中嵌入脚本代码的方法
3.注释
4.变量-给东西起个名字
5.数据的类型 – 数字,文字,真与假 .
6.文本字符串的处理
7.Array数组
8.流程控制-if..else..
9.流程控制-switch..
10.流程控制-while循环
11.流程控制-for循环
12.function 函数
13.定义一个函数
14.函数表达式
15.变量的范围
16.Object对象
17.创建一个对象
18.对象里的数组
19.更新与删除对象里的属性
20.为对象添加方法
21.循环输出对象里的属性
22.DOM操作文档的接口
23.文档树
24.获取文档中的元素getElementById
25.getElementsByTagName
26.querySelector 与 querySelectorAll
27.访问元素的属性
28.在文档中创建并插入新的节点
29.insertBefore – 在指定的位置插入节点
30.Event-处理发生的事情
31.处理事件的方法
32.用对象的事件处理程序处理发生的事件
33.addEventListener-为对象绑定事件
34.事件的传播
35.更改事件传播方式
36.停止传播事件

ECMAScript 新功能

1.课程介绍-ECMAScript 新功能
2.块的作用域-let
3.恒量-const
4.解构数组-Array Destructuring
5.解构对象-Object Destructuring
6.模版字符串-Template Strings
7.带标签的模版字符串-Tagged Templates
8.判断字符串里是否包含其他字符串
9.默认参数 – Default Parameter Values
10.展开操作符-Spread
11.剩余操作符Rest
12.解构参数 – Destructured Parameters
13.函数的名字-name属性
14.箭头函数-Arrow Fuctions
15.对象表达式
16.对象属性名
17.对比两个值是否相等-Object.is()
18.把对象的值复制到另一个对象里 – Object.assign()
19.设置对象的 prototype – Object.setPrototypeOf()
20.__proto__
21.super
22.迭代器 – Iterators
23.生成器 – Generators
24.Classes – 类
25.get 与 set
26.静态方法-staitc
27.继承-extends
28.Set
29.Map
30.Module
31.重命名导出与导入的东西
32.导出与导入默认

React 基础

01.React 课程介绍
02.安装React
03.定义组件
04.显示 – ReactDOM.render
05.组合组件
06.属性-props
07.从爸爸那里得到数据
08.从服务器端得到数据
09.状态
10.更新组件的状态
11.事件 – 使用发生在组件上的事件
12.得到在浏览器上显示的元素 – refs
13.儿子把数据交给爸爸
14.更新状态重新显示组件

React 路由

1.React Router 课程介绍
2.安装 React Router
3.准备 React 组件
4.定义路由
5.得到地址里的参数
6.索引 – IndexRoute
7.路由里的绝对路径与重定向
8.进入与离开 – onEnter,  onLeave
9.查询符 – query
10.组件的生命周期与路由

React Native基础知识

1.安装 React Native – OS X
2.配置 Android 开发环境
3.初始化项目
4.在 Android 上运行应用
5.项目的开发菜单
6.在项目里使用ES6
7.初识 React Native 项目
8.创建与应用样式
9.常用样式
10.文字样式
11.布局 – 准备
12.布局 – Flexbox
13.视图组件 – View
14.文本组件 – Text
15.自定义显示文本的组件
16.图像组件 – Image
17.背景图像
18.列表视图 – ListView
19.重新整理列表的显示 – 内容
20.重新整理列表的显示 – 样式
21.加载中 …

React Native进阶

01.组织应用的样式
02.组织应用的组件
03.带动画的加载指示 – ActivityIndicatorIOS
04.触摸高亮显示 – TouchableHighlight
05.标签栏 – TabBarIOS – 准备
06.标签栏里的项目
07.切换显示标签项目
08.自定义标签栏
09.导航 – NavigatorIOS – 准备
10.使用导航与自定义导航的样式
11.内容的详细页面 – 准备
12.内容的详细页面 – 实施
13.内容的详细页面 – 内容
14.内容的详细页面 – 加载中
15.内容的详细页面 – 文字的样式
16.分段显示电影简介里的内容
17.北美票房页面

React Native高级

01.搜索页面-准备
02.除错:属性里的布尔值
03.文本框组件 – TextInput
04.文本框的样式
05.文本框上的属性
06.文本框上的属性 – iOS
07.文本框上的事件
08.搜索
09.显示搜索结果
10.等待搜索结果时显示加载指示器

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多阅读