Careers360 Logo
Interested in this College?
Get updates on Eligibility, Admission, Placements Fees Structure
Compare

Quick Facts

Medium Of InstructionsMode Of LearningMode Of Delivery
EnglishSelf StudyVideo and Text Based

Course Overview

Front-End Web Development with React is a certification course, available on the platform Coursera, administered by the Hong Kong University of Science and Technology (HKUST) that provides numerous online courses on science and technology to students in Asia and around the globe. Front-End Web Development with React Certification Syllabus will walk the learners through many Javascript-based front-end application developments. 

By joining the Front-End Web Development with React Certification, administered by Coursera, the candidates will be able to make a thorough understanding of  React library and React components, Flux architecture, Redux, and whatnot. Front-End Web Development with React Certification by Coursera will enable the students to explore React animation support and to develop the skills of coming up with React-Redux-powered applications. 

The Highlights

  • Provided by Coursera
  • Offered by HKUST
  • Flexible Deadlines
  • Nearly 36 hours to complete
  • Intermediate Level Course
  • Shareable Certificate
  • Financial Aid Available
  • 100% Online Course

Programme Offerings

  • English videos with multiple subtitles
  • practice quizzes
  • Graded Assignments with peer feedback
  • graded Quizzes with feedback
  • Graded Programming Assignments

Courses and Certificate Fees

Certificate AvailabilityCertificate Providing Authority
yesCoursera

Front-End Web Development with React Certification Fee

Course Title 

Total Fee in INR

Course Fee, 1 month

Rs. 3,878

Course Fee,  3 months

Rs. 7,757

Course Fee, 6 months 

Rs. 11,636


Eligibility Criteria

Academic Qualifications

The  Front-End Web Development with React Certification Course is open for candidates who had already completed the previous course in the specialization of Bootstrap 4 and have the working knowledge of Bootstrap 4. Plus, the working knowledge of JavaScript is considered to be an optional prerequisite for the programme. 

Certification Qualifying Details

  • After the course along with the assignments, and assessments are completed, the students get successful in receiving the Front-End Web Development with React certification by Coursera.

What you will learn

Web application development skills

By enrolling in the  Front-End Web Development with React Training, the learned will have in-depth knowledge of the following concepts: 

  • React library 
  • React 
  • Front-end application development
  • Flux architecture 
  • Redux

Who it is for

Front-End Web Development with React Classes is meant for all the students who want to learn Front-End Web Development using React, particularly, the professionals like programmers and developers. 


Admission Details

Step 1 -First, the candidates are requested to register and sign up on  https://www.coursera.org/  to avail of the courses offered on Coursera. 

Step 2 - After activating the Coursera account, the candidate can sign in.

Step 3 - Then, the candidate can search the ‘ Hong Kong University of Science and Technology in the search column, and then, the courses offered by the  Hong Kong University of Science and Technology will be available on the screen. 

Step 4 - Then, look for the course ‘Front-End Web Development with React’ in the list and click on it. 

Step 5- Then, the page of the course will come to the screen, and then, click on the option ‘enrol’. The students can just audit the course without paying the fee or pay the mentioned amount of fee.

The Syllabus

Videos
  • Welcome to Front-End Web Development with React
  • How to Use the Learning Resources
  • What is Full-Stack Web Development?
  • Exercise (Video): Setting up Git
  • Exercise (Video): Basic Git Commands
  • Exercise (Video): Online Git Repositories
  • Node.js and NPM
  • Exercise (Video): Setting up Node.js and NPM
  • Exercise (Video): Basics of Node.js and NPM
  • Front-end JavaScript Frameworks and Libraries Overview
  • Introduction to React
  • Exercise (Video): Getting Started with React
  • React App Overview
  • Introduction to JSX
  • Exercise (Video): Configuring your React Application
  • React Components
  • Exercise (Video): React Components Part 1
  • React Components: State and Props
  • Exercise (Video): React Components Part 2
  • React Components: Lifecycle Methods Part 1
  • Assignment 1 Requirement (Video): React Components
Readings
  • Welcome to Front-End Web Development with React: Additional Resources
  • Full-Stack Web Development: The Big Picture: Objectives and Outcomes
  • Full Stack Web Development: Additional Resources
  • Setting up Your Development Environment: Git and Node: Objectives and Outcomes
  • Setting up your Development Environment
  • Exercise (Instructions): Setting up Git
  • Exercise (Instructions): Basic Git Commands
  • Exercise (Instructions): Online Git Repositories
  • Exercise (Instructions): Setting up Node.js and NPM
  • Exercise (Instructions): Basics of Node.js and NPM
  • Setting up your Development Environment: Git and Node: Additional Resources
  • Introduction to React: Objectives and Outcomes
  • Exercise (Instructions): Getting Started with React
  • Exercise (Instructions): Configuring your React Application
  • Introduction to React: Additional Resources
  • React Components: Objectives and Outcomes
  • Exercise (Instructions): React Components Part 1
  • Exercise (Instructions): React Components Part 2
  • React Components: Additional Resources
  • Assignment 1: React Components: Additional Resources
  • Ideation: Objectives and Outcomes
  • Ideation Report Template
  • Ideation: Additional Resources

Videos
  • Presentational and Container Components
  • Exercise (Video): Presentational and Container Components
  • React Components: Lifecycle Methods Part 2
  • Functional Components
  • Exercise (Video): Functional Components
  • React Virtual DOM
  • Exercise (Video): Header and Footer
  • React Router
  • Exercise (Video): React Router
  • Single Page Applications
  • Exercise (Video): Single Page Applications Part 1
  • React Router: Parameters
  • Exercise (Video): Single Page Applications Part 2
  • Assignment 2: React Router and Single Page Applications
Readings
  • React Component Types: Objectives and Outcomes
  • Exercise (Instructions): Presentational and Container Components
  • Exercise (Instructions): Functional Components
  • React Component Types: Additional Resources
  • React Router: Objectives and Outcomes
  • Exercise (Instructions): Header and Footer
  • Exercise (Instructions): React Router
  • React Router: Additional Resources
  • Single Page Applications: Objectives and Outcomes
  • Exercise (Instructions): Single Page Applications Part 1
  • Exercise (Instructions): Single Page Applications Part 2
  • Single Page Applications: Additional Resources
  • Assignment 2: React Router and Single Page Applications: Additional Resources
  • UI Design and Prototyping: Objectives and Outcomes
  • UI Design and Prototyping Report Template
  • UI Design and Prototyping: Additional Resources

Videos
  • Controlled Forms
  • Exercise (Video): Controlled Forms
  • Exercise (Video): Controlled Form Validation
  • Uncontrolled Components
  • Exercise (Video): Uncontrolled Forms
  • The Model-View-Controller Framework
  • The Flux Architecture
  • Introduction to Redux
  • Exercise (Video): Introduction to Redux
  • React Redux Forms
  • Exercise (Video): React Redux Form
  • Exercise (Video): React Redux Form Validation
  • Assignment 3: React Forms and Redux
Readings
  • Controlled Forms: Objectives and Oute
  • Exercise (Instructions): Controlled Forms
  • Exercise (Instructions): Controlled Form Validation
  • Controlled Forms: Additional Resources
  • Uncontrolled Forms: Objectives and Outcomes
  • Exercise (Instructions): Uncontrolled Forms
  • Uncontrolled Forms: Additional Resources
  • Introduction to Redux: Objectives and Outcomes
  • Exercise (Instructions): Introduction to Redux
  • Introduction to Redux: Additional Resources
  • React Redux Form: Objectives and Outcomes
  • Exercise (Instructions): React Redux Form
  • Exercise (Instructions): React Redux Form Validation
  • React Redux Form: Additional Resources
  • Assignment 3: React Forms and Redux: Additional Resources

Videos
  • Redux Actions
  • Exercise (Video): Combining Reducers
  • Exercise (Video): Redux Actions
  • Redux Thunk
  • Exercise (Video): Redux Thunk
  • Exercise (Video): React-Redux-Form Revisited
  • Networking Essentials
  • Brief Representational State Transfer (REST)
  • Exercise (Video): Setting up a Server using json-server
  • Promises
  • Fetch
  • Exercise (Video): Fetch from Server
  • Exercise (Video): Fetch Handling Errors
  • Exercise (Video): Fetch Post Comment
  • React Animations
  • Exercise (Video): React Animations
  • Exercise (Video): React Animation Components
  • Assignment 4: Redux, Client-Server Communication and Fetch
  • Introduction to Webpack
  • Exercise (Video): Building and Deploying the React Application
Readings
  • Redux Actions: Objectives and Outcomes
  • Exercise (Instructions): Combining Reducers
  • Exercise (Instructions): Redux Actions
  • Redux Actions: Additional Resources
  • Redux Thunk: Objectives and Outcomes
  • Exercise (Instructions): Redux Thunk
  • Exercise (Instructions): React-Redux-Form Revisited
  • Redux Thunk: Additional Resources
  • Client-Server Communication: Objectives and Outcomes
  • Exercise (Instructions): Setting up a Server using json-server
  • Client-Server Communication: Additional Resources
  • Fetch: Objectives and Outcomes
  • Exercise (Instructions): Fetch from Server
  • Exercise (Instructions): Fetch Handling Errors
  • Exercise (Instructions): Fetch Post Comment
  • Fetch: Additional Resources
  • React Animations: Objectives and Outcomes
  • Exercise (Instructions): React Animations
  • Exercise (Instructions): React Animation Components
  • React Animations: Additional Resources
  • Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources
  • Building and Deployment: Objectives and Outcomes
  • Exercise (Instructions): Building and Deploying the React Application
  • Building and Deployment: Additional Resources
  • Project Implementation: Objectives and Outcomes
  • Final Report Template

Instructors

Hong Kong University of Science and Technology, Hong Kong Frequently Asked Questions (FAQ's)

1: What is the duration of the Front-End Web Development with React Online Certification?

The duration of the programme is about 36 hours. 

2: Who offered the Front-End Web Development with React Online Course?

The online course is offered by the Hong Kong University of Science and Technology. 

3: Who teaches the programme?

The programme is tutored by Jogesh K. Muppala who is the Associate Professor in the Department of Computer Science and Engineering at the Hong Kong University of Science and Technology. 

4: In which languages the subtitles for the course videos are provided?

The subtitles are available in the languages of Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English and Spanish. 

5: Does Coursera provide placement support for the students?

No, the students are not rendered job assistance after the course. 

Articles

Back to top