Coursera

Front-End Web Development with React (Coursera)

Offered by The Hong Kong University of Science and Technology - HKUST,
Front-End Web Development with React (Coursera)

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.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

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

Course 2 of 4 in the Full-Stack Web Development with React Specialization.

Syllabus

WEEK 1
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.

WEEK 2
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.

WEEK 3
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

WEEK 4
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.

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

Related Courses

Build a Mobile App with Firebase (Coursera) Coursera
Scrimba

Build a Mobile App with Firebase (Coursera)

CS: Software Engineering

e.g. This is primarily aimed at first- and second-year undergraduates interested in engineering or science, along wiUnlock Your App Development Potential: Creating a Feature-Rich Shopping List App. Are you ready to turn your visionary app ideas into reality? If your answer is a resounding 'YES,' then this course is your gateway to a transformative journey. In this meticulously designed course, we will guide you through the creation of a sophisticated shopping list app using a powerful tech stack, including HTML, CSS, JavaScript, and Firebase. Leveraging Firebase's real-time database capabilities, you'll learn how to store and manage data seamlessly.

Nov 23rd 2026
1 Week
HTML Javascript CSS
Details
The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

Computer Science

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills.

Nov 9th 2026
5-12 Weeks
HTML Javascript CSS
Details
JavaScript, jQuery, and JSON (Coursera) Coursera
University of Michigan

JavaScript, jQuery, and JSON (Coursera)

CS: Programming

In this course, we'll look at the JavaScript language, and how it supports the Object-Oriented pattern, with a focus on the unique aspect of how JavaScript approaches OO. We'll explore a brief introduction to the jQuery library, which is widely used to do in-browser manipulation of the Document Object Model (DOM) and event handling. You'll also learn more about JavaScript Object Notation (JSON), which is commonly used as a syntax to exchange data between code running on the server (i.e. in PHP) and code running in the browser (JavaScript/jQuery). It is assumed that learners have already taken the Building Web Applications and Building Database Applications in PHP courses in this specialization.

Nov 9th 2026
4 Weeks
Programming Javascript JSON
Details
Engineering Maintainable Android Apps (Coursera) Coursera
Vanderbilt University

Engineering Maintainable Android Apps (Coursera)

CS: Software Engineering Computer Science

Engineering Maintainable Android Apps, which is a 4 week MOOC that shows by example various methods for engineering maintainable Android apps, including test-driven development methods and how to develop/run unit tests using JUnit and Robotium (or equivalent automated testing frameworks for Android), as well as how to successfully apply common Java/Android software patterns to improve the extensibility and clarity of Android apps.

Nov 9th 2026
4 Weeks
Security Android Software Engineering
Details
Computational Thinking with JavaScript 4: Create & Deploy (Coursera) Coursera
University of Glasgow

Computational Thinking with JavaScript 4: Create & Deploy (Coursera)

CS: Software Engineering

This is the fourth and final course in the Computational Thinking with JavaScript specialisation. It is an added-value unit and entirely builds on what you will have learned in the first three units and enables you to synthesise and develop that knowledge. The course supports you to develop your own larger application, using a combination of the technologies you have seen already, including HTML, JavaScript and various libraries, while also encouraging you to reach out to incorporate new libraries.

Nov 9th 2026
3 Weeks
Javascript Computational Thinking Coursera Plus
Details
Programming Mobile Applications for Android Handheld Systems: Part 2 (Coursera) Coursera
University of Maryland, College Park

Programming Mobile Applications for Android Handheld Systems: Part 2 (Coursera)

CS: Software Engineering CS: Programming

This course introduces you to the design and implementation of Android applications for mobile devices. You will build upon concepts from the prior course, including handling notifications, using multimedia and graphics and incorporating touch and gestures into your apps.

Nov 23rd 2026
5-12 Weeks
Programming Mobile Interface
Details
Fundamentals of VueJS (Coursera) Coursera
Board Infinity

Fundamentals of VueJS (Coursera)

Computer Science

Welcome to the "Fundamentals of VueJS" course, a comprehensive journey into the world of Vue.js, a versatile and progressive JavaScript framework for building modern web applications. This course is structured into two modules, each designed to equip you with the knowledge and skills needed to become proficient in Vue.js.

Nov 23rd 2026
2 Weeks
Javascript VueJS Coursera Plus
Details