IBM: Guided Project: Build a COVID Dashboard with React V2
|
In this one-hour, intermediate hands-on guided project, use JavaScript frameworks React.js and Chart.js with APIs to easily create a dynamic single-page app that visualizes data from the COVID-19 Canada Open Data Working Group’s API as a dashboard.
About this course
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.
At a Glance:
Institution: IBM
Subject: Computer Science
Level: Intermediate
Prerequisites:
A web browser
Basic JavaScript programming knowledge
Basic HTML and CSS knowledge
Language: English
Video Transcript: English
What You’ll Learn:
About this course
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.
User Reviews
Be the first to review “IBM: Guided Project: Build a COVID Dashboard with React V2”
Related Products
HarvardX: CS50’s Web Programming with Python and JavaScript
This course picks up where CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap.
LinuxFoundationX: Introduction to Backstage: Developer Portals Made Easy
Learn how to automate discoverability in your organization through Backstage’s Catalog, empower devs with self-service capabilities through its Scaffolder, and integrate your existing toolchain through its plugins.
AWS: Integrating AWS with the SDK
Working as a software engineer means building applications that are secure, scalable and span the globe. Building your applications using AWS web services not only makes this possible, but enables you to build efficiently and cost effectively. Let’s cut down the time from idea to production code by seeing what is possible when you build with AWS.
There are no reviews yet.