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

Quick Facts

Medium Of Instructions	Mode Of Learning	Mode Of Delivery
English	Self Study	Video 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 Availability	Certificate Providing Authority
yes	Coursera

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

Computer Programmer

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.