Search courses 👉
Professional Training

Guided Project: Build a COVID Dashboard with React

edX, Online
Length
1 week
Next course start
Start anytime See details
Course delivery
Self-Paced Online
Length
1 week
Next course start
Start anytime See details
Course delivery
Self-Paced Online
Visit this course's homepage on the provider's site to learn more or book!

Course description

Guided Project: Build a COVID Dashboard with React

React.js is a declarative component-based JavaScript library for creating web-based user interfaces, while Chart.js is a JavaScript charting, or visualization, library. These frameworks can be used to develop applications which use APIs to connect with data sources. By combining the capabilities of these libraries and APIs, users can create engaging front-end web experiences.

This guided project is ideal for developers with basic JavaScript and HTML/CSS experience who want to sharpen their front-end skills.

In this hands-on guided project, you will use front-end JavaScript frameworks React.js and Chart.js to create a dynamic single-page application that visualizes data from COVID-19 Canada Open Data Working Group's API as a dashboard. You will learn how to utilize and integrate front-end frameworks with APIs to build simple but powerful applications. By the end, you will understand the fundamentals of React and be able to create your own React application from scratch.

To complete this project, you will be provided with a Cloud-based IDE from IBM that already has many libraries, such as React.js and Chart.js, preinstalled. Also, note that this platform works best with current versions of modern browsers.

Upcoming start dates

1 start date available

Start anytime

  • Self-Paced Online
  • Online
  • English

Suitability - Who should attend?

Prerequisites

  • A web browser
  • Basic JavaScript programming knowledge
  • Basic HTML and CSS knowledge

Outcome / Qualification etc.

What you'll learn

After completing this project, you'll be able to:

  • Develop a React application from scratch
  • Apply and interpret JSX syntax
  • Describe and create a React Component
  • Utilize React hooks to store data and work with renders/re-renders
  • Use third-party libraries to streamline development

Course delivery details

This course is offered through IBM, a partner institute of EdX.

1 hours per week

Ads