150+ Stanford On-Campus Courses Available Online!

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

The Hong Kong University of Science and Technology

Front-End Web Development with React

The Hong Kong University of Science and Technology via Coursera

Go to class Write review

Overview

Class Central Tips
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

Syllabus

  • 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.
  • 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.
  • 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
  • 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.

Taught by

Jogesh K. Muppala

Charts

Tags

Reviews

5.0 rating, based on 3 Class Central reviews

4.7 rating at Coursera based on 3313 ratings

Start your review of Front-End Web Development with React

  • Hamdi Jirde Haid

    Hamdi Jirde Haid completed this course, spending 6 hours a week on it and found the course difficulty to be medium.

    This course is good and it effects in my life style so thank you for your efforts and i wish you all good
  • Profile image for Vidhi Sharma
    Vidhi Sharma
    Very inforamative
    Best way of tutorials and professors!
    Amazing way of teaching as well
    Thank you
    Warm Regards
    Vidhi Sharma
  • Profile image for Mridul Rathore
    Mridul Rathore
    Nice it was amazing learning ReactJS. Got new things to understand and upgrade myself with my skills.
Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free