课程大纲

现代前端应用程序的开发

  • React、Angular 的概述和相似之处 Vue.js
  • 声明性呈现
  • 组件 - 定义自定义 HTML 标记
  • 使用 create-react-app 初始化 React 项目

现代 JavaScript

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

TypeScript

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

React 模板语言

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

在 React 中管理状态

  • 设置和更改应用程序状态
  • 使用 state hook 和 setState
  • 捕获状态中输入元素的内容

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

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

使用 Redux 进行状态管理

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

开发人员工具和测试

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

React 路由器

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

使用 React 进行应用开发

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

要求

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

人数



每位参与者的报价

客户评论 (8)

相关课程

Relay: Efficiently Fetch Data in React Applications

  14 小时

课程分类