課程信息

645,883 次近期查看

學生職業成果

41%

完成這些課程後已開始新的職業生涯

45%

通過此課程獲得實實在在的工作福利

31%

加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
中級
完成時間大約為36 小時
英語(English)

學生職業成果

41%

完成這些課程後已開始新的職業生涯

45%

通過此課程獲得實實在在的工作福利

31%

加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
中級
完成時間大約為36 小時
英語(English)

提供方

Placeholder

香港科技大学

教學大綱 - 您將從這門課程中學到什麼

內容評分Thumbs Up96%(15,685 個評分)Info
1

1

完成時間為 10 小時

Introduction to React

完成時間為 10 小時
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

完成時間為 8 小時

React Router and Single Page Applications

完成時間為 8 小時
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

完成時間為 7 小時

React Forms, Flow Architecture and Introduction to Redux

完成時間為 7 小時
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

完成時間為 12 小時

More Redux and Client-Server Communication

完成時間為 12 小時
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分鐘

審閱

來自FRONT-END WEB DEVELOPMENT WITH REACT的熱門評論

查看所有評論

關於 Full-Stack Web Development with React 專項課程

Full-Stack Web Development with React

常見問題

還有其他問題嗎?請訪問 學生幫助中心