课程大纲

现代前端应用程序开发

  • React、Angular、Vue.js 的概述与相似之处
  • 声明式渲染
  • 组件——定义自定义 HTML 标签
  • 使用 create-react-app 初始化 React 项目

现代 JavaScript

  • 使用 node.js 和 npm 进行开发
  • JavaScript 版本
  • 模块的使用
  • 函数与箭头函数
  • JavaScript 中的函数式编程(map、filter 等)

TypeScript

  • 静态与动态类型
  • 声明变量、函数和类的类型
  • 基本数据类型
  • 元组、对象
  • 接口
  • 泛型

React 模板语言

  • 基于 JavaScript 的模板语言:JSX
  • 设置元素属性
  • 重复元素
  • if / else
  • 事件
  • CSS 类与样式

React 中的状态管理

  • 设置与更改应用程序状态
  • 使用 state hooksetState
  • 在状态中捕获输入元素的内容

组件:现代 Web 应用程序的构建模块

  • 在 React 中定义自定义 HTML 标签
  • 状态、props 和事件
  • 组件之间的数据流
  • 函数组件与类组件
  • 在函数组件中使用 hooks
  • 组件生命周期事件(挂载、更新、卸载)
  • 从库中包含预定义组件

使用 Redux 进行状态管理

  • Redux 基础:使用纯函数、reducers 和不可变数据进行状态管理
  • 在 React 中使用 reducer hook
  • 将 Redux 集成到 React 应用程序中
  • 展示组件与容器组件
  • Redux 生态系统
  • 使用 Thunk 处理异步事件
  • 从 REST API 获取数据

开发者工具与测试

  • React 开发者工具
  • Redux 开发者工具
  • 使用 Jest 测试 JavaScript
  • 测试 reducers
  • 测试 React 组件

React Router

  • 客户端路由
  • 根据当前浏览器路由显示不同视图

使用 React 进行应用程序开发

  • React Native 简要概述
  • 使用渐进式 Web 应用程序创建可安装的移动和桌面应用程序
  • 渐进式 Web 应用程序与原生应用程序的比较

要求

  • HTML 基础知识
  • JavaScript 使用经验
 21 小时

客户评论 (7)

即将举行的公开课程

课程分类