このコースについて
153,749 最近の表示

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

中級レベル

約32時間で修了

推奨:4 weeks of study, 6-8 hours/week...

英語

字幕:英語

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

中級レベル

約32時間で修了

推奨:4 weeks of study, 6-8 hours/week...

英語

字幕:英語

このCourseを受講している学習者は

  • Software Engineers
  • Chief Technology Officers (CTOs)
  • Machine Learning Engineers
  • Technical Leads
  • Designers

シラバス - 本コースの学習内容

1
12時間で修了

Introduction to React

21件のビデオ (合計234分), 23 readings, 2 quizzes
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
10時間で修了

React Router and Single Page Applications

14件のビデオ (合計191分), 16 readings, 2 quizzes
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
8時間で修了

React Forms, Flow Architecture and Introduction to Redux

13件のビデオ (合計188分), 15 readings, 1 quiz
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
14時間で修了

More Redux and Client-Server Communication

20件のビデオ (合計312分), 26 readings, 2 quizzes
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
144件のレビューChevron Right

38%

コース終了後に新しいキャリアをスタートした

43%

コースが具体的なキャリアアップにつながった

31%

昇給や昇進につながった

Front-End Web Development with React からの人気レビュー

by BKFeb 10th 2019

Instructor Jogesh is really good and I feed the course pace is set absolutely perfect for online learning quickly and easily.\n\nThank you sir,\n\nBest Regards,\n\nKishore Buridi

by 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!

講師

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

よくある質問

  • 修了証に登録すると、すべてのビデオ、テスト、およびプログラミング課題(該当する場合)にアクセスできます。ピアレビュー課題は、セッションが開始してからのみ、提出およびレビューできます。購入せずにコースを検討することを選択する場合、特定の課題にアクセスすることはできません。

  • コースに登録する際、専門講座のすべてのコースにアクセスできます。コースの完了時には修了証を取得できます。電子修了証が成果のページに追加され、そこから修了証を印刷したり、LinkedInのプロフィールに追加したりできます。コースの内容の閲覧のみを希望する場合は、無料でコースを聴講できます。

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。