课程信息

168,518 次近期查看

Learner Career Outcomes

41%

完成这些课程后已开始新的职业生涯

45%

通过此课程获得实实在在的工作福利

31%

加薪或升职

100% 在线

立即开始,按照自己的计划学习。

可灵活调整截止日期

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

中级

完成时间大约为33 小时

建议:4 weeks of study, 6-8 hours/week...

英语(English)

字幕:英语(English)

Learner Career Outcomes

41%

完成这些课程后已开始新的职业生涯

45%

通过此课程获得实实在在的工作福利

31%

加薪或升职

100% 在线

立即开始,按照自己的计划学习。

可灵活调整截止日期

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

中级

完成时间大约为33 小时

建议:4 weeks of study, 6-8 hours/week...

英语(English)

字幕:英语(English)

讲师

授课教师评分4.66/5 (57 个评分)Info
授课教师 Jogesh K. Muppala 的图片

Jogesh K. Muppala 

Associate Professor
Department of Computer Science and Engineering
238,111 个学生
12 门课程

提供方

香港科技大学 徽标

香港科技大学

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

内容评分Thumbs Up97%(7,087 个评分)Info
1

1

完成时间为 12 小时

Introduction to React

完成时间为 12 小时
21 个视频 (总计 234 分钟), 23 个阅读材料, 2 个测验
21 个视频
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分钟
23 个阅读材料
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

2

完成时间为 10 小时

React Router and Single Page Applications

完成时间为 10 小时
14 个视频 (总计 191 分钟), 16 个阅读材料, 2 个测验
14 个视频
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分钟
16 个阅读材料
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

3

完成时间为 8 小时

React Forms, Flow Architecture and Introduction to Redux

完成时间为 8 小时
13 个视频 (总计 188 分钟), 15 个阅读材料, 1 个测验
13 个视频
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分钟
15 个阅读材料
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

4

完成时间为 14 小时

More Redux and Client-Server Communication

完成时间为 14 小时
20 个视频 (总计 312 分钟), 26 个阅读材料, 2 个测验
20 个视频
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分钟
26 个阅读材料
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.7
208 条评论Chevron Right

来自Front-End Web Development with React的热门评论

创建者 AADec 13th 2019

The course was very helpful for me I learnt many new things in react world through this course. The instructor teached the course very well and covered all the content nicely. Thanks coursera

创建者 RTJan 24th 2020

This course is very comprehensive, I went from basics all the way up to understand Flux, Redux, Thunk, etc.\n\nThe instructor is very good in explaining the details of each topic

关于 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

常见问题

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

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

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