Coursera 笔记

IBM

Developing Front-End Apps with React

使用 React 开发前端应用

65 notes · 200 images · 46/50 条官方条目有笔记 · certified

Coursera ↗

Module 01

Introduction to React and Class Components React 与类组件简介

22 / 23 篇
  1. 01Course Introduction React JavaScript框架课程简介
  2. 02Course Overview课程概述
  3. 03Helpful Tips for Course Completion
  4. 04Introduction to Front-End Frameworks and React前端框架与 React 介绍课程
  5. 05Understand React StructureReact 项目结构与 Vite 构建工具介绍
  6. 06Expert Viewpoints: Using Front-end JavaScript Frameworks专家视角：使用前端 JavaScript 框架
  7. 07Introduction to ES6ES6 简介：JavaScript 的新特性
  8. 08Introduction to JSXJSX 介绍课程：核心概念与优势
  9. 09CRA versus Vite ToolCRA 与 Vite 工具对比
  10. 10Lab: Hello World with React实验：使用 React 的 Hello World
  11. 11Lesson 1 Summary: Building Rich Front-End Applications with React and ES6第 1 课总结：使用 React 和 ES6 构建丰富的前端应用程序
  12. 12Lesson 1 Practice Quiz: Building Rich Front-End Applications with React and ES6第 1 课练习测验：使用 React 和 ES6 构建丰富的前端应用程序
  13. 13Introduction to Components React组件简介：基础与分类
  14. 14Working with React Class Components: Props and Event HandlingReact 类组件、Props 和事件处理
  15. 15Introduction to States React中的状态（State）与属性（Props）简介
  16. 16Class Component Lifecycle React类组件生命周期
  17. 17Passing Data and States between Components React组件生命周期、数据和状态传递
  18. 18Lab: Content Rating Application to Like or Dislike Content实验：内容点赞与点踩评分应用
  19. 19Lesson 2 Summary: Introduction to Class Components第 2 课总结：类组件简介
  20. 20Lesson 2 Practice Quiz: Introduction to Class Components第 2 课练习测验：类组件简介
  21. 21Module 1 Cheat Sheet: Introduction to React and Class Components第 1 模块速查表：React 与类组件简介
  22. 22Module 1 Glossary: Introduction to React and Class Components第 1 模块术语表：React 与类组件简介
  23. 23Module 1 Graded Quiz: Introduction to React and Class Components第 1 模块评分测验：React 与类组件简介
Module 02

Understanding Function Components with Array and DOM Manipulation 函数组件、数组与 DOM 操作

17 篇
  1. 01Working with Function Components: Props and Event Handling函数组件：Props 和事件处理
  2. 02Component Composition组件组合
  3. 03State Management in Function Components函数组件中的状态管理
  4. 04Function Component Lifecycle函数组件生命周期
  5. 05Lab: Function Component Event Planner Landing Page实验：使用函数组件创建活动规划器着陆页
  6. 06Testing React ComponentsReact 组件测试
  7. 07Lesson 1 Summary: Introduction to Function Components第 1 课总结：函数组件简介
  8. 08Lesson 1 Practice Quiz: Introduction to Function Components第 1 课练习测验：函数组件简介
  9. 09Working with Arrays in React Components在 React 组件中操作数组
  10. 10Virtual DOM Manipulation in ReactReact 中的虚拟 DOM 工作原理
  11. 11Style in ReactReact 中的样式
  12. 12Lab: Todo List Application实验：待办事项列表应用
  13. 13Lesson 2 Summary: Array in React and DOM Manipulation第 2 课总结：React 中的数组与 DOM 操作
  14. 14Lesson 2 Practice Quiz: Array in React and DOM Manipulation第 2 课练习测验：React 中的数组与 DOM 操作
  15. 15Module 2 Cheat Sheet: Understanding Function Components with Array and DOM Manipulation第 2 模块速查表：函数组件、数组与 DOM 操作
  16. 16Module 2 Glossary: Understanding Function Components with Array and DOM Manipulation第 2 模块术语表：函数组件、数组与 DOM 操作
  17. 17Module 2 Graded Quiz: Understanding Function Components with Array and DOM Manipulation第 2 模块评分测验：函数组件、数组与 DOM 操作
Module 03

In-depth Understanding of Advanced React Functionality 深入理解 React 高级功能

20 篇
  1. 01Hooks React中的 Hooks 使用指南
  2. 02Side-effects Management and Custom Hook React中的副作用管理与自定义 Hook
  3. 03Connecting React to External Services连接 React 与外部服务
  4. 04Lab: Fetch Data Using useFetch实验：使用 useFetch 获取数据
  5. 05Implementing Forms实现表单功能
  6. 06Lab: Create Feedback Form for Survey实验：创建调查反馈表单
  7. 07Lesson 1 Summary: Hooks and Form Management in React第 1 课总结：React 中的 Hook 与表单管理
  8. 08Lesson 1 Practice Quiz: Hooks and Form Management in React第 1 课练习测验：React 中的 Hook 与表单管理
  9. 09Introduction to ReduxRedux 简介
  10. 10Essential Concepts of ReduxRedux 基本概念
  11. 11Async with ReduxRedux 中的异步操作
  12. 12Binding Redux and Flow绑定 Redux 与数据流
  13. 13Introduction to Redux ToolkitRedux 工具包概述
  14. 14Lab: E-Commerce Data Rendering using Redux Toolkit实验：使用 Redux Toolkit 渲染电子商务数据
  15. 15Hooks versus Redux钩子与 Redux
  16. 16Lesson 2 Summary: Application State Management with Redux第 2 课总结：使用 Redux 管理应用状态
  17. 17Lesson 2 Practice Quiz: Application State Management with Redux第 2 课练习测验：使用 Redux 管理应用状态
  18. 18Module 3 Cheat Sheet: In-depth Understanding of Advanced React Functionality第 3 模块速查表：深入理解 React 高级功能
  19. 19Module 3 Glossary: In-depth Understanding of Advanced React Functionality第 3 模块术语表：深入理解 React 高级功能
  20. 20Module 3 Graded Quiz: In-depth Understanding of Advanced React Functionality第 3 模块评分测验：深入理解 React 高级功能
Module 04

Practice, Final Project, and Peer Review Assignment 实践、期末项目与同伴评审作业

6 / 9 篇
  1. 01Lab: Setting up the GitHub Environment实验：设置 GitHub 环境
  2. 02Practice project: Conference Expense Planner app实践项目：会议费用规划器应用
  3. 03Practice Project: Conference Event Planner实践项目：会议活动规划器
  4. 04Final Project Walkthrough React期末项目演练指南
  5. 05Final Project Overview期末项目概述
  6. 06Final Project: Paradise Nursery Shopping Application期末项目：天堂苗圃购物应用
  7. 07Course Wrap-Up
  8. 08Congratulations & Next Steps
  9. 09A Message from the Course Team