|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/front-end-react
课程评论:没有评论
课程名称:使用 React 的前端 Web 开发 课程概述:本课程将探讨基于 JavaScript 的前端应用程序开发,特别是 React 库(当前版本:16.3)。课程将使用 JavaScript ES6 开发 React 应用程序,并介绍使用 Reactstrap 进行基于 Bootstrap 4 的响应式 UI 设计。您将学习 React 组件的各个方面,了解 React Router 及其在开发单页面应用中的应用,设计受控表单,介绍 Flux 架构和 Redux。您将深入探索 Redux,并利用其开发 React-Redux 应用程序。此外,您将学习如何使用 Fetch 进行客户端与服务器之间的通信,并在服务器端使用 REST API。课程最后将简单介绍 React 的动画支持和测试内容。学员最好在学习本课程之前完成该专业的 Bootstrap 4 课程,或具备 Bootstrap 4 的实际应用知识。同时,建议学员具备良好的 JavaScript(尤其是 ES5)的基础知识。 课程结束后,您将能够: - 熟悉客户端 JavaScript 应用程序开发和 React 库 - 能够在 React 中实现单页面应用 - 能使用各种 React 特性,包括组件和表单 - 能够使用 React 实现功能性的前端 Web 应用程序 - 能使用 Reactstrap 设计响应式的 React 应用 - 能使用 Redux 设计 React-Redux 应用程序的架构 课程大纲: 第一部分:React 介绍 描述:在本模块中,我们将快速介绍前端 JavaScript 框架和库,随后介绍 React。我们还将学习 React 组件和 JSX。 第二部分:React Router 和单页面应用 描述:本周,您将学习不同类型的组件,并学习 React Router 及其在设计单页面应用中的应用。同时,您将了解单页面应用,并使用 React Router 进行设计。 第三部分:React 表单、Flux 架构与 Redux 介绍 描述:在本模块中,您将了解非受控表单和受控表单,并简要研究 React 应用中的表单验证。您将获得 Flux 架构的概述,并了解 Redux 作为实现 Flux 架构的一种方式。 第四部分:深入 Redux 和客户端-服务器通信 描述:在本模块中,您将进一步探索 Redux,包括 Redux 动作、组合 Reducers 和 Redux Thunk,使用 Fetch 进行客户端与服务器的通信及 REST API。您将获得 React 动画的简要介绍,并学习测试、构建和部署 React 应用程序的内容。
Part: 1
Title:Introduction to React
Description:In this module we get a quick introduction to front-end JavaScript frameworks and libraries, followed by an introduction to React. We will also learn about React components and JSX.
Part: 2
Title:React Router and Single Page Applications
Description:In this week, you will learn about various component types. You will learn about React router and its use in designing single page applications. You will also learn about single page applications and use React Router to design single page applications.
Part: 3
Title:React Forms, Flow Architecture and Introduction to Redux
Description:In this module you will be introduced to uncontrolled and controlled forms and briefly examine form validation in React applications. You will get an overview of the Flux architecture and introduced to Redux as a way of realizing the flux architecture
Part: 4
Title:More Redux and Client-Server Communication
Description:In this module you will explore Redux further including Redux action, combining reducers, and Redux thunk, client-server communication using Fetch and the REST API. You will get a brief introduction to animation in React. You will also learn about testing, building and deploying React applications.
This course explores Javascript based front-end application development, and in particular the React library (Currently Ver. 16.3). This course will use JavaScript ES6 for developing React application. You will also get an introduction to the use of Reactstrap for Bootstrap 4-based responsive UI design. You will be introduced to various aspects of React components. You will learn about React router and its use in developing single-page applications. You will also learn about designing controlled forms. You will be introduced to the Flux architecture and Redux. You will explore various aspects of Redux and use it to develop React-Redux powered applications. You will then learn to use Fetch for client-server communication and the use of REST API on the server side. A quick tour through React animation support and testing rounds off the course. You must have preferably completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of Bootstrap 4 to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended. At the end of this course you will: - Be familiar with client-side Javascript application development and the React library - Be able to implement single page applications in React - Be able to use various React features including components and forms - Be able to implement a functional front-end web application using React - Be able to use Reactstrap for designing responsive React applications - Be able to use Redux to design the architecture for a React-Redux application