About this Course
최근 조회 156,480

다음 전문 분야의 4개 강좌 중 2번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 32시간 필요

권장: 4 weeks of study, 6-8 hours/week...

영어

자막: 영어

다음 전문 분야의 4개 강좌 중 2번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

중급 단계

완료하는 데 약 32시간 필요

권장: 4 weeks of study, 6-8 hours/week...

영어

자막: 영어

강의 계획 - 이 강좌에서 배울 내용

1
완료하는 데 12시간 필요

Introduction to React

21개 동영상 (총 234분), 23 readings, 2 quizzes
21개의 동영상
How to Use the Learning Resources10m
What is Full-Stack Web Development?5m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Front-end JavaScript Frameworks and Libraries Overview12m
Introduction to React8m
Exercise (Video): Getting Started with React9m
React App Overview16m
Introduction to JSX5m
Exercise (Video): Configuring your React Application9m
React Components3m
Exercise (Video): React Components Part 124m
React Components: State and Props9m
Exercise (Video): React Components Part 222m
React Components: Lifecycle Methods Part 114m
Assignment 1 Requirements (Video): React Components5m
23개의 읽기 자료
Welcome to Front-End Web Development with React: Additional Resources10m
Full-Stack Web Development: The Big Picture: Objectives and Outcomes10m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Introduction to React: Objectives and Outcomes10m
Exercise (Instructions): Getting Started with React10m
Exercise (Instructions): Configuring your React Application10m
Introduction to React: Additional Resources10m
React Components: Objectives and Outcomes10m
Exercise (Instructions): React Components Part 110m
Exercise (Instructions): React Components Part 210m
React Components: Additional Resources10m
Assignment 1: React Components: Additional Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m
2
완료하는 데 10시간 필요

React Router and Single Page Applications

14개 동영상 (총 191분), 16 readings, 2 quizzes
14개의 동영상
Exercise (Video): Presentational and Container Components21m
React Components: Lifecycle Methods Part 28m
Functional Components3m
Exercise (Video): Functional Components14m
React Virtual DOM6m
Exercise (Video): Header and Footer17m
React Router8m
Exercise (Video): React Router36m
Single Page Applications9m
Exercise (Video): Single Page Applications Part 123m
React Router: Parameters6m
Exercise (Video): Single Page Applications Part 223m
Assignment 2: React Router and Single Page Applications4m
16개의 읽기 자료
React Component Types: Objectives and Outcomes10m
Exercise (Instructions): Presentational and Container Components10m
Exercise (Instructions): Functional Components10m
React Component Types: Additional Resources10m
React Router: Objectives and Outcomes10m
Exercise (Instructions): Header and Footer10m
Exercise (Instructions): React Router10m
React Router: Additional Resources10m
Single Page Applications: Objectives and Outcomes10m
Exercise (Instructions): Single Page Applications Part 110m
Exercise (Instructions): Single Page Applications Part 210m
Single Page Applications: Additional Resources10m
Assignment 2: React Router and Single Page Applications: Additional Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m
3
완료하는 데 8시간 필요

React Forms, Flow Architecture and Introduction to Redux

13개 동영상 (총 188분), 15 readings, 1 quiz
13개의 동영상
Exercise (Video): Controlled Forms35m
Exercise (Video): Controlled Form Validation23m
Uncontrolled Components2m
Exercise (Video): Uncontrolled Forms17m
The Model-View-Controller Framework7m
The Flux Architecture11m
Introduction to Redux20m
Exercise (Video): Introduction to Redux23m
React Redux Forms4m
Exercise (Video): React Redux Form13m
Exercise (Video): React Redux Form Validation15m
Assignment 3: React Forms and Redux5m
15개의 읽기 자료
Controlled Forms: Objectives and Oute10m
Exercise (Instructions): Controlled Forms10m
Exercise (Instructions): Controlled Form Validation10m
Controlled Forms: Additional Resources10m
Uncontrolled Forms: Objectives and Outcomes10m
Exercise (Instructions): Uncontrolled Forms10m
Uncontrolled Forms: Additional Resources10m
Introduction to Redux: Objectives and Outcomes10m
Exercise (Instructions): Introduction to Redux10m
Introduction to Redux: Additional Resources10m
React Redux Form: Objectives and Outcomes10m
Exercise (Instructions): React Redux Form10m
Exercise (Instructions): React Redux Form Validation10m
React Redux Form: Additional Resources10m
Assignment 3: React Forms and Redux: Additional Resources10m
4
완료하는 데 14시간 필요

More Redux and Client-Server Communication

20개 동영상 (총 312분), 26 readings, 2 quizzes
20개의 동영상
Exercise (Video): Combining Reducers9m
Exercise (Video): Redux Actions24m
Redux Thunk10m
Exercise (Video): Redux Thunk50m
Exercise (Video): React-Redux-Form Revisited12m
Networking Essentials17m
Brief Representational State Transfer (REST)16m
Exercise (Video): Setting up a Server using json-server6m
Promises10m
Fetch20m
Exercise (Video): Fetch from Server33m
Exercise (Video): Fetch Handling Errors15m
Exercise (Video): Fetch Post Comment18m
React Animations13m
Exercise (Video): React Animations9m
Exercise (Video): React Animation Components9m
Assignment 4: Redux, Client-Server Communication and Fetch4m
Introduction to Webpack7m
Exercise (Video): Building and Deploying the React Application11m
26개의 읽기 자료
Redux Actions: Objectives and Outcomes10m
Exercise (Instructions): Combining Reducers10m
Exercise (Instructions): Redux Actions10m
Redux Actions: Additional Resources10m
Redux Thunk: Objectives and Outcomes10m
Exercise (Instructions): Redux Thunk10m
Exercise (Instructions): React-Redux-Form Revisited10m
Redux Thunk: Additional Resources10m
Client-Server Communication: Objectives and Outcomes10m
Exercise (Instructions): Setting up a Server using json-server10m
Client-Server Communication: Additional Resources10m
Fetch: Objectives and Outcomes10m
Exercise (Instructions): Fetch from Server10m
Exercise (Instructions): Fetch Handling Errors10m
Exercise (Instructions): Fetch Post Comment10m
Fetch: Additional Resources10m
React Animations: Objectives and Outcomes10m
Exercise (Instructions): React Animations10m
Exercise (Instructions): React Animation Components10m
React Animations: Additional Resources10m
Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources10m
Building and Deployment: Objectives and Outcomes10m
Exercise (Instructions): Building and Deploying the React Application10m
Building and Deployment: Additional Resources10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m
4.7
143개의 리뷰Chevron Right

38%

이 강좌를 수료한 후 새로운 경력 시작하기

45%

이 강좌를 통해 확실한 경력상 이점 얻기

33%

급여 인상 또는 승진하기

Front-End Web Development with React의 최상위 리뷰

대학: 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

대학: 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

홍콩과학기술대학 정보

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 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.