Coursera

Loupe Copy
  • 瀏覽
  • 搜索
  • For Your Business
  • 登錄
  • 註冊
  • Explore
  • For Enterprise
  • Sign Up
  • Log In
Coursera

Front-End Web Development with React

總覽授課大綱常見問題解答製作方價格評分和審閱

主頁计算机科学移动和网络开发

Front-End Web Development with React

The Hong Kong University of Science and Technology

關於此課程：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

此課程適用人群：This course is aimed at students with sufficient knowledge of Web technologies like HTML, CSS and JavaScript. A good working knowledge of JavaScript, especially ES 5 is strongly recommended.

製作方：  The Hong Kong University of Science and Technology
The Hong Kong University of Science and Technology
  • Jogesh K. Muppala

    教學方：  Jogesh K. Muppala, Associate Professor

    Department of Computer Science and Engineering
級別Intermediate
承諾學習時間4 weeks of study, 6-8 hours/week
語言
English
如何通過通過所有計分作業以完成課程。
用戶評分
4.9 星
平均用戶評分 4.9查看學生的留言
授課大綱
第 1 週
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.
21 個視頻, 23 個閱讀材料
  1. 視頻: Welcome to Front-End Web Development with React
  2. 視頻: How to Use the Learning Resources
  3. Reading: Welcome to Front-End Web Development with React: Additional Resources
  4. Reading: Full-Stack Web Development: The Big Picture: Objectives and Outcomes
  5. 視頻: What is Full-Stack Web Development?
  6. Reading: Full Stack Web Development: Additional Resources
  7. Reading: Setting up Your Development Environment: Git and Node: Objectives and Outcomes
  8. Reading: Setting up your Development Environment
  9. 視頻: Exercise (Video): Setting up Git
  10. Reading: Exercise (Instructions): Setting up Git
  11. 視頻: Exercise (Video): Basic Git Commands
  12. Reading: Exercise (Instructions): Basic Git Commands
  13. 視頻: Exercise (Video): Online Git Repositories
  14. Reading: Exercise (Instructions): Online Git Repositories
  15. 視頻: Node.js and NPM
  16. 視頻: Exercise (Video): Setting up Node.js and NPM
  17. Reading: Exercise (Instructions): Setting up Node.js and NPM
  18. 視頻: Exercise (Video): Basics of Node.js and NPM
  19. Reading: Exercise (Instructions): Basics of Node.js and NPM
  20. Reading: Setting up your Development Environment: Git and Node: Additional Resources
  21. Reading: Introduction to React: Objectives and Outcomes
  22. 視頻: Front-end JavaScript Frameworks and Libraries Overview
  23. 視頻: Introduction to React
  24. 視頻: Exercise (Video): Getting Started with React
  25. Reading: Exercise (Instructions): Getting Started with React
  26. 視頻: React App Overview
  27. 視頻: Introduction to JSX
  28. 視頻: Exercise (Video): Configuring your React Application
  29. Reading: Exercise (Instructions): Configuring your React Application
  30. Reading: Introduction to React: Additional Resources
  31. Reading: React Components: Objectives and Outcomes
  32. 視頻: React Components
  33. 視頻: Exercise (Video): React Components Part 1
  34. Reading: Exercise (Instructions): React Components Part 1
  35. 視頻: React Components: State and Props
  36. 視頻: Exercise (Video): React Components Part 2
  37. Reading: Exercise (Instructions): React Components Part 2
  38. 視頻: React Components: Lifecycle Methods Part 1
  39. Reading: React Components: Additional Resources
  40. 視頻: Assignment 1 Requirements (Video): React Components
  41. Reading: Assignment 1: React Components: Additional Resources
  42. Reading: Ideation: Objectives and Outcomes
  43. Reading: Ideation Report Template
  44. Reading: Ideation: Additional Resources
已評分: React Components
已評分: Ideation
第 2 週
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.
14 個視頻, 16 個閱讀材料
  1. Reading: React Component Types: Objectives and Outcomes
  2. 視頻: Presentational and Container Components
  3. 視頻: Exercise (Video): Presentational and Container Components
  4. Reading: Exercise (Instructions): Presentational and Container Components
  5. 視頻: React Components: Lifecycle Methods Part 2
  6. 視頻: Functional Components
  7. 視頻: Exercise (Video): Functional Components
  8. Reading: Exercise (Instructions): Functional Components
  9. Reading: React Component Types: Additional Resources
  10. Reading: React Router: Objectives and Outcomes
  11. 視頻: React Virtual DOM
  12. 視頻: Exercise (Video): Header and Footer
  13. Reading: Exercise (Instructions): Header and Footer
  14. 視頻: React Router
  15. 視頻: Exercise (Video): React Router
  16. Reading: Exercise (Instructions): React Router
  17. Reading: React Router: Additional Resources
  18. Reading: Single Page Applications: Objectives and Outcomes
  19. 視頻: Single Page Applications
  20. 視頻: Exercise (Video): Single Page Applications Part 1
  21. Reading: Exercise (Instructions): Single Page Applications Part 1
  22. 視頻: React Router: Parameters
  23. 視頻: Exercise (Video): Single Page Applications Part 2
  24. Reading: Exercise (Instructions): Single Page Applications Part 2
  25. Reading: Single Page Applications: Additional Resources
  26. 視頻: Assignment 2: React Router and Single Page Applications
  27. Reading: Assignment 2: React Router and Single Page Applications: Additional Resources
  28. Reading: UI Design and Prototyping: Objectives and Outcomes
  29. Reading: UI Design and Prototyping Report Template
  30. Reading: UI Design and Prototyping: Additional Resources
已評分: React Router and Single Page Applications
已評分: UI Design and Prototyping
第 3 週
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
13 個視頻, 15 個閱讀材料
  1. Reading: Controlled Forms: Objectives and Oute
  2. 視頻: Controlled Forms
  3. 視頻: Exercise (Video): Controlled Forms
  4. Reading: Exercise (Instructions): Controlled Forms
  5. 視頻: Exercise (Video): Controlled Form Validation
  6. Reading: Exercise (Instructions): Controlled Form Validation
  7. Reading: Controlled Forms: Additional Resources
  8. Reading: Uncontrolled Forms: Objectives and Outcomes
  9. 視頻: Uncontrolled Components
  10. 視頻: Exercise (Video): Uncontrolled Forms
  11. Reading: Exercise (Instructions): Uncontrolled Forms
  12. Reading: Uncontrolled Forms: Additional Resources
  13. Reading: Introduction to Redux: Objectives and Outcomes
  14. 視頻: The Model-View-Controller Framework
  15. 視頻: The Flux Architecture
  16. 視頻: Introduction to Redux
  17. 視頻: Exercise (Video): Introduction to Redux
  18. Reading: Exercise (Instructions): Introduction to Redux
  19. Reading: Introduction to Redux: Additional Resources
  20. Reading: React Redux Form: Objectives and Outcomes
  21. 視頻: React Redux Forms
  22. 視頻: Exercise (Video): React Redux Form
  23. Reading: Exercise (Instructions): React Redux Form
  24. 視頻: Exercise (Video): React Redux Form Validation
  25. Reading: Exercise (Instructions): React Redux Form Validation
  26. Reading: React Redux Form: Additional Resources
  27. 視頻: Assignment 3: React Forms and Redux
  28. Reading: Assignment 3: React Forms and Redux: Additional Resources
已評分: React Forms and Redux
第 4 週
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.
20 個視頻, 26 個閱讀材料
  1. Reading: Redux Actions: Objectives and Outcomes
  2. 視頻: Redux Actions
  3. 視頻: Exercise (Video): Combining Reducers
  4. Reading: Exercise (Instructions): Combining Reducers
  5. 視頻: Exercise (Video): Redux Actions
  6. Reading: Exercise (Instructions): Redux Actions
  7. Reading: Redux Actions: Additional Resources
  8. Reading: Redux Thunk: Objectives and Outcomes
  9. 視頻: Redux Thunk
  10. 視頻: Exercise (Video): Redux Thunk
  11. Reading: Exercise (Instructions): Redux Thunk
  12. 視頻: Exercise (Video): React-Redux-Form Revisited
  13. Reading: Exercise (Instructions): React-Redux-Form Revisited
  14. Reading: Redux Thunk: Additional Resources
  15. Reading: Client-Server Communication: Objectives and Outcomes
  16. 視頻: Networking Essentials
  17. 視頻: Brief Representational State Transfer (REST)
  18. 視頻: Exercise (Video): Setting up a Server using json-server
  19. Reading: Exercise (Instructions): Setting up a Server using json-server
  20. Reading: Client-Server Communication: Additional Resources
  21. Reading: Fetch: Objectives and Outcomes
  22. 視頻: Promises
  23. 視頻: Fetch
  24. 視頻: Exercise (Video): Fetch from Server
  25. Reading: Exercise (Instructions): Fetch from Server
  26. 視頻: Exercise (Video): Fetch Handling Errors
  27. Reading: Exercise (Instructions): Fetch Handling Errors
  28. 視頻: Exercise (Video): Fetch Post Comment
  29. Reading: Exercise (Instructions): Fetch Post Comment
  30. Reading: Fetch: Additional Resources
  31. Reading: React Animations: Objectives and Outcomes
  32. 視頻: React Animations
  33. 視頻: Exercise (Video): React Animations
  34. Reading: Exercise (Instructions): React Animations
  35. 視頻: Exercise (Video): React Animation Components
  36. Reading: Exercise (Instructions): React Animation Components
  37. Reading: React Animations: Additional Resources
  38. 視頻: Assignment 4: Redux, Client-Server Communication and Fetch
  39. Reading: Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources
  40. Reading: Building and Deployment: Objectives and Outcomes
  41. 視頻: Introduction to Webpack
  42. 視頻: Exercise (Video): Building and Deploying the React Application
  43. Reading: Exercise (Instructions): Building and Deploying the React Application
  44. Reading: Building and Deployment: Additional Resources
  45. Reading: Project Implementation: Objectives and Outcomes
  46. Reading: Final Report Template
已評分: Redux, Client-Server Communication and Fetch
已評分: Project Implementation and Final Report

常見問題解答
運作方式
Coursework
Coursework

Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.

Help from Your Peers
Help from Your Peers

Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.

Certificates
Certificates

Earn official recognition for your work, and share your success with friends, colleagues, and employers.

製作方
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.
價格
購買課程
訪問課程材料

可用

訪問評分的材料

可用

收到最終成績

可用

獲得可共享的課程證書

可用

評分和審閱
已評分 4.9，總共 5 個 14 評分


您可能也喜歡
Arizona State University
Data Management in the Cloud
1 門課程
Arizona State University
Data Management in the Cloud
查看課程
IBM
Applied Data Science Capstone
1 門課程
IBM
Applied Data Science Capstone
查看課程
(ISC)²
Systems and Application Security
1 門課程
(ISC)²
Systems and Application Security
查看課程
(ISC)²
Networks and Communications Security
1 門課程
(ISC)²
Networks and Communications Security
查看課程
(ISC)²
Cryptography
1 門課程
(ISC)²
Cryptography
查看課程
Coursera
Coursera 致力於普及全世界最好的教育，它與全球一流大學和機構合作提供在線課程。
© 2018 Coursera Inc. 保留所有權利。
通過 App Store 下載通過 Google Play 獲取
  • Coursera
  • 關於
  • 管理團隊
  • 工作機會
  • 目錄
  • 證書
  • 學位
  • 商務
  • 政府版
  • 社區
  • 合作夥伴
  • 社區助教
  • 專業譯員
  • 開發者
  • Beta 測試人員
  • 連接
  • 博客
  • Facebook
  • 領英
  • Twitter
  • Google+
  • 技術博客
  • 更多
  • 條款
  • 隱私
  • 幫助
  • 內容訪問
  • 媒體
  • 聯繫我們
  • 目錄
  • 附屬公司