聯繫我們
 課程時長 21 時間:

課程簡介

现代前端应用开发

  • 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 hook和setState
  • 在状态中捕获输入元素的内容

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

  • 在 React 中定义自定义 HTML 标签
  • state、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 经验

人數


每位參與者的報價

客戶評論 (7)

即將到來的課程

課程分類