课程信息
4.8
174 个评分
46 个审阅
专项课程
100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
中级

中级

完成时间(小时)

完成时间大约为31 小时

建议:4 weeks of study, 6-8 hours/week...
可选语言

英语(English)

字幕:英语(English)
专项课程
100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
中级

中级

完成时间(小时)

完成时间大约为31 小时

建议:4 weeks of study, 6-8 hours/week...
可选语言

英语(English)

字幕:英语(English)

教学大纲 - 您将从这门课程中学到什么

1
完成时间(小时)
完成时间为 12 小时

Introduction to React

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....
Reading
21 个视频 (总计 234 分钟), 23 个阅读材料, 2 个测验
Video21 个视频
How to Use the Learning Resources10分钟
What is Full-Stack Web Development?5分钟
Exercise (Video): Setting up Git6分钟
Exercise (Video): Basic Git Commands18分钟
Exercise (Video): Online Git Repositories12分钟
Node.js and NPM3分钟
Exercise (Video): Setting up Node.js and NPM2分钟
Exercise (Video): Basics of Node.js and NPM23分钟
Front-end JavaScript Frameworks and Libraries Overview12分钟
Introduction to React8分钟
Exercise (Video): Getting Started with React9分钟
React App Overview16分钟
Introduction to JSX5分钟
Exercise (Video): Configuring your React Application9分钟
React Components3分钟
Exercise (Video): React Components Part 124分钟
React Components: State and Props9分钟
Exercise (Video): React Components Part 222分钟
React Components: Lifecycle Methods Part 114分钟
Assignment 1 Requirements (Video): React Components5分钟
Reading23 个阅读材料
Welcome to Front-End Web Development with React: Additional Resources10分钟
Full-Stack Web Development: The Big Picture: Objectives and Outcomes10分钟
Full Stack Web Development: Additional Resources10分钟
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10分钟
Setting up your Development Environment10分钟
Exercise (Instructions): Setting up Git10分钟
Exercise (Instructions): Basic Git Commands10分钟
Exercise (Instructions): Online Git Repositories10分钟
Exercise (Instructions): Setting up Node.js and NPM10分钟
Exercise (Instructions): Basics of Node.js and NPM10分钟
Setting up your Development Environment: Git and Node: Additional Resources10分钟
Introduction to React: Objectives and Outcomes10分钟
Exercise (Instructions): Getting Started with React10分钟
Exercise (Instructions): Configuring your React Application10分钟
Introduction to React: Additional Resources10分钟
React Components: Objectives and Outcomes10分钟
Exercise (Instructions): React Components Part 110分钟
Exercise (Instructions): React Components Part 210分钟
React Components: Additional Resources10分钟
Assignment 1: React Components: Additional Resources10分钟
Ideation: Objectives and Outcomes10分钟
Ideation Report Template10分钟
Ideation: Additional Resources10分钟
2
完成时间(小时)
完成时间为 10 小时

React Router and Single Page Applications

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....
Reading
14 个视频 (总计 191 分钟), 16 个阅读材料, 2 个测验
Video14 个视频
Exercise (Video): Presentational and Container Components21分钟
React Components: Lifecycle Methods Part 28分钟
Functional Components3分钟
Exercise (Video): Functional Components14分钟
React Virtual DOM6分钟
Exercise (Video): Header and Footer17分钟
React Router8分钟
Exercise (Video): React Router36分钟
Single Page Applications9分钟
Exercise (Video): Single Page Applications Part 123分钟
React Router: Parameters6分钟
Exercise (Video): Single Page Applications Part 223分钟
Assignment 2: React Router and Single Page Applications4分钟
Reading16 个阅读材料
React Component Types: Objectives and Outcomes10分钟
Exercise (Instructions): Presentational and Container Components10分钟
Exercise (Instructions): Functional Components10分钟
React Component Types: Additional Resources10分钟
React Router: Objectives and Outcomes10分钟
Exercise (Instructions): Header and Footer10分钟
Exercise (Instructions): React Router10分钟
React Router: Additional Resources10分钟
Single Page Applications: Objectives and Outcomes10分钟
Exercise (Instructions): Single Page Applications Part 110分钟
Exercise (Instructions): Single Page Applications Part 210分钟
Single Page Applications: Additional Resources10分钟
Assignment 2: React Router and Single Page Applications: Additional Resources10分钟
UI Design and Prototyping: Objectives and Outcomes10分钟
UI Design and Prototyping Report Template10分钟
UI Design and Prototyping: Additional Resources10分钟
3
完成时间(小时)
完成时间为 8 小时

React Forms, Flow Architecture and Introduction to Redux

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...
Reading
13 个视频 (总计 188 分钟), 15 个阅读材料, 1 个测验
Video13 个视频
Exercise (Video): Controlled Forms35分钟
Exercise (Video): Controlled Form Validation23分钟
Uncontrolled Components2分钟
Exercise (Video): Uncontrolled Forms17分钟
The Model-View-Controller Framework7分钟
The Flux Architecture11分钟
Introduction to Redux20分钟
Exercise (Video): Introduction to Redux23分钟
React Redux Forms4分钟
Exercise (Video): React Redux Form13分钟
Exercise (Video): React Redux Form Validation15分钟
Assignment 3: React Forms and Redux5分钟
Reading15 个阅读材料
Controlled Forms: Objectives and Oute10分钟
Exercise (Instructions): Controlled Forms10分钟
Exercise (Instructions): Controlled Form Validation10分钟
Controlled Forms: Additional Resources10分钟
Uncontrolled Forms: Objectives and Outcomes10分钟
Exercise (Instructions): Uncontrolled Forms10分钟
Uncontrolled Forms: Additional Resources10分钟
Introduction to Redux: Objectives and Outcomes10分钟
Exercise (Instructions): Introduction to Redux10分钟
Introduction to Redux: Additional Resources10分钟
React Redux Form: Objectives and Outcomes10分钟
Exercise (Instructions): React Redux Form10分钟
Exercise (Instructions): React Redux Form Validation10分钟
React Redux Form: Additional Resources10分钟
Assignment 3: React Forms and Redux: Additional Resources10分钟
4
完成时间(小时)
完成时间为 14 小时

More Redux and Client-Server Communication

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....
Reading
20 个视频 (总计 312 分钟), 26 个阅读材料, 2 个测验
Video20 个视频
Exercise (Video): Combining Reducers9分钟
Exercise (Video): Redux Actions24分钟
Redux Thunk10分钟
Exercise (Video): Redux Thunk50分钟
Exercise (Video): React-Redux-Form Revisited12分钟
Networking Essentials17分钟
Brief Representational State Transfer (REST)16分钟
Exercise (Video): Setting up a Server using json-server6分钟
Promises10分钟
Fetch20分钟
Exercise (Video): Fetch from Server33分钟
Exercise (Video): Fetch Handling Errors15分钟
Exercise (Video): Fetch Post Comment18分钟
React Animations13分钟
Exercise (Video): React Animations9分钟
Exercise (Video): React Animation Components9分钟
Assignment 4: Redux, Client-Server Communication and Fetch4分钟
Introduction to Webpack7分钟
Exercise (Video): Building and Deploying the React Application11分钟
Reading26 个阅读材料
Redux Actions: Objectives and Outcomes10分钟
Exercise (Instructions): Combining Reducers10分钟
Exercise (Instructions): Redux Actions10分钟
Redux Actions: Additional Resources10分钟
Redux Thunk: Objectives and Outcomes10分钟
Exercise (Instructions): Redux Thunk10分钟
Exercise (Instructions): React-Redux-Form Revisited10分钟
Redux Thunk: Additional Resources10分钟
Client-Server Communication: Objectives and Outcomes10分钟
Exercise (Instructions): Setting up a Server using json-server10分钟
Client-Server Communication: Additional Resources10分钟
Fetch: Objectives and Outcomes10分钟
Exercise (Instructions): Fetch from Server10分钟
Exercise (Instructions): Fetch Handling Errors10分钟
Exercise (Instructions): Fetch Post Comment10分钟
Fetch: Additional Resources10分钟
React Animations: Objectives and Outcomes10分钟
Exercise (Instructions): React Animations10分钟
Exercise (Instructions): React Animation Components10分钟
React Animations: Additional Resources10分钟
Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources10分钟
Building and Deployment: Objectives and Outcomes10分钟
Exercise (Instructions): Building and Deploying the React Application10分钟
Building and Deployment: Additional Resources10分钟
Project Implementation: Objectives and Outcomes10分钟
Final Report Template10分钟
4.8
46 个审阅Chevron Right

热门审阅

创建者 GBSep 18th 2018

This was just the right amount of "taking me by the hand" for my level. The emphasis on building a site and hands-on experience is how I prefer to learn. Thanks!

创建者 DCJul 10th 2018

Dope react course.I hesitated to even choose react because of the syntax of react.But its cool now as im used to it . Felt comfortable while learning

讲师

Avatar

Jogesh K. Muppala

Associate Professor
Department of Computer Science and Engineering

关于 The Hong Kong University of Science and Technology

HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world....

关于 Full-Stack Web Development with React 专项课程

Learn front-end and hybrid mobile development, with server-side support, for implementing a multi-platform solution. The first two courses in this Specialization cover front-end frameworks: Bootstrap 4 and React. You’ll also learn to create hybrid mobile applications, using React Native. On the server side, you’ll learn to implement NoSQL databases using MongoDB, work within a Node.js environment and Express framework, and communicate to the client side through a RESTful API. Learners enrolling in this Specialization are expected to have prior working knowledge of HTML, CSS and JavaScript. Ideally learners should complete the courses in the specified sequence. It is strongly recommended that the React course be completed before proceeding with the React Native course....
Full-Stack Web Development with React

常见问题

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

还有其他问题吗?请访问 学生帮助中心