EdX

Developing Front End Apps with React (edX)

Offered by IBM,
Developing Front End Apps with React (edX)

Develop hands-on skills with front-end applications using the React web framework user interface library. React is one of the most popular frameworks in the Web and Front-end application Development category. In this course, you will: build rich Front-End applications with React and ES6; connect React components using data and state; write rich React components with advanced features like Hooks and Redux.

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

In addition, you will explore how to access the React web framework user interface (UI) library and run rich React applications. You will find ways to use React components and change their properties and states in a dynamic user interface. You will learn to connect to an external server from a React page. The course introduces different testing tools that you can use to test the component without manual verification.
Throughout the course, you will complete numerous hands-on labs to gain practical experience. At the end of the course, you will demonstrate your React skills with a final project to add to your portfolio.
This course will help you succeed as a front-end or full-stack developer. It suits those in IT looking to step up in their careers or new graduates seeking to establish their client-side skills.
Note: This course requires knowledge of HTML, CSS, JavaScript and Git/GitHub

This course is part of the following programs:

What you'll learn
You will learn to:

  • Develop interactive user interfaces (UIs) and web applications using React, JSX, and ES6.
  • Build dynamic websites and front-end applications quickly and easily with reusable React components.
  • Communicate and exchange data with external services using GET, POST, UPDATE, and DELETE requests.
  • Employ and work with various React concepts and features including props, states, hooks, forms, and Redux.
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Desarrollo de Aplicaciones Mobile Multiplataforma con Nativescript, Angular y Redux (Coursera) Coursera
Universidad Austral

Desarrollo de Aplicaciones Mobile Multiplataforma con Nativescript, Angular y Redux (Coursera)

Computer Science

Este curso se centra en el desarrollo de aplicaciones nativas multiplataforma, y nativas de iOS y Android, utilizando NativeScript (versión 4.x). El framework utiliza Angular, TypeScript o JavaScript, para obtener una interfaz de usuario y rendimiento verdaderamente nativos. El código, además de ser multiplataforma mobile, también compartirá estructura en un mismo proyecto con la web. Aprenderás sobre el desarrollo de la interfaz de usuario con NativeScript UI y cómo ese diseño puede adaptarse según sea la plataforma o web. Utilizaremos la plataforma móvil nativa desde Javascript.

Nov 2nd 2026
4 Weeks
Javascript Mobile Applications Angular
Details
Python Basics for Data Science (edX) EdX
IBM

Python Basics for Data Science (edX)

Statistics & Data Analysis CS: Programming

This Python course provides a beginner-friendly introduction to Python for Data Science. Practice through lab exercises, and you'll be ready to create your first Python scripts on your own! Kickstart your learning of Python for data science, as well as programming in general with this introduction to Python course. This beginner-friendly Python course will quickly take you from zero to programming in Python in a matter of hours and give you a taste of how to start working with data in Python.

Self Paced
Self-Paced
Python Data Science Python Programming
Details
ES6 JavaScript Classes the Easy Way (Skillshare) Skillshare
Skillshare

ES6 JavaScript Classes the Easy Way (Skillshare)

CS: Programming

In 2015, the JavaScript programming language got a major facelift with many improvements to the syntax and tons of new features. This new version is known as ES6, or ES2015, and each year since an updated version has been released. ES6 Classes, as well as instance and static methods, are vitally important to know and understand because so many projects and companies are migrating to the newest version of JavaScript. Many Front End libraries, such as React, rely heavily on the new Class syntax.

Self Paced
Self-Paced
Programming Javascript Web Development
Details
ES6 - JavaScript Improved (Udacity) Udacity
Udacity

ES6 - JavaScript Improved (Udacity)

CS: Programming Computer Science

Updates to the JavaScript language. ECMAScript 6, or ES6, has brought about a ton of changes to the JavaScript programming language. In this course, you'll explore those changes to learn about the latest features and improvements to the language including new keywords, arrow functions, the Class syntax, Promises, and so much more. Discover how much cleaner and more concise your JavaScript code can be!

Self Paced
Self-Paced
Javascript Syntax Functions
Details
Advanced React (Coursera) Coursera
Meta

Advanced React (Coursera)

CS: Software Engineering Computer Science

Learn how to use more advanced React concepts and features, optimize and debug your React applications, and become proficient in using React Bootstrap and JSX. You’ll examine different types of React components, learn various characteristics and when to use them. You’ll start working with hooks, effects and other functional components. You’ll find out how routing is used in React to customize the users' experience, you’ll create a web application that consumes API data, and you'll get familiar with the most commonly used React framework integrations, tools, and debugging approaches.

Nov 2nd 2026
4 Weeks
Testing Debugging Front-End Development
Details
Cloud Application Developer Capstone (edX) EdX
IBM

Cloud Application Developer Capstone (edX)

Security & Networking

In this project you will sharpen your new full stack cloud application development skills. You will use modern tools and technologies to create a working cloud ecosystem. You will design and develop a comprehensive solution that reflects your mastery of key cloud native computing concepts and capabilities. The project provides you with a real-life challenge that requires you to flex and firm your cloud native application development muscle. You will start with a problem situation.

Self Paced
Self-Paced
HTML Javascript JSON
Details
CS50's Introduction to Computer Science (edX) EdX
HarvardX,Harvard University

CS50's Introduction to Computer Science (edX)

CS: Programming Computer Science

An introduction to the intellectual enterprises of computer science and the art of programming. This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming for majors and non-majors alike, with or without prior programming experience. An entry-level course taught by David J. Malan, CS50 teaches students how to think algorithmically and solve problems efficiently.

Self Paced
Self-Paced
Programming Python C
Details
Frontend Development using Angular (Coursera) Coursera
Board Infinity

Frontend Development using Angular (Coursera)

CS: Software Engineering Computer Science

This course is tailored for those interested in web development, and it will equip you with the skills and knowledge needed to become proficient in Angular. In the first module, Introduction to HTML & CSS, you'll explore the foundational principles of HTML and CSS, vital for creating web pages. You'll learn how to structure an HTML document and use CSS to stylize your web page's layout.

Nov 9th 2026
3 Weeks
Javascript CSS HTML5
Details
Developing Cloud Applications with Node.js and React (edX) EdX
IBM

Developing Cloud Applications with Node.js and React (edX)

Computer Science

Learn how to develop and deploy web applications with JavaScript frameworks. Create server-side applications using Node.js and develop the front-end using React. Deploy the app on Cloud. In this course you will learn how to develop and deploy full-stack web applications several JavaScript frameworks. You will start by creating backend server-side applications using Node.js and Express. You will then develop a front-end user interface (UI) using ES6 and the React JavaScript library, and deploy your application to the IBM cloud platform.

Self Paced
Self-Paced
Cloud Javascript Git
Details