Udemy

Platform

日本語

Language

Network & Security

Category

[COVID 19アプリ編] Reactで作るコロナウイルス Live ダッシュボード

React Hooks + Redux ToolKit + TypeScript を使って、COVID19 (コロナウイルス)ダッシュボードWebアプリを作ります。

4.45 (149 reviews)

Students

4.5 hours

Content

Aug 2021

Last Update
Regular Price


What you will learn

React Hooks + TypeScript + Redux Toolkitによるアプリ実装

COVID19(コロナウイルス) 外部APIとReactの連携

Reactでのグラフプロット(Chart js)

Firebaseでディプロイ

Material UI


Description

本コースでは、今後のReact開発の最新トレンド技術 React Hooks + Redux ToolKit + TypeScriptを使って、COVID 19(コロナウイルス)のオリジナルLIVEダッシュボードを制作します!


⭐️  本コースの学習テーマ

  • 最新トレンド"React Hooks + Redux ToolKit + TypeScript"を使ったWebアプリ開発

  • 外部APIサービスとの連携(COVID 19 API)

  • Material UI と React版Chart.jsの使い方

  • Firebase Hosting ディプロイ


⭐️  本コースの構成

Section 2 : (基礎)React Chart.js

Section 3 : (基礎)Material UI

Section 4 : (実践)COVID-19 Liveダッシュボードアプリ作成(グローバル時系列API)

Section 5 : (実践)COVID-19 Liveダッシュボードアプリ作成(国別時系列API) + Firebase


Screenshots

[COVID 19アプリ編] Reactで作るコロナウイルス Live ダッシュボード
[COVID 19アプリ編] Reactで作るコロナウイルス Live ダッシュボード
[COVID 19アプリ編] Reactで作るコロナウイルス Live ダッシュボード
[COVID 19アプリ編] Reactで作るコロナウイルス Live ダッシュボード

Content

はじめに

はじめに

コースで使用するツールのインストール

TypeScript無料コース

React-Chart jsでグラフプロット

Line Chart

Pie Chart

Bar Chart

Radar Chart

Bubble Chart

Material UI

Button

makeStyles

Typography

Grid

Grid (Flexbox)

Grid(Container + item nest)

[グローバル時系列 COVID 19 API] コロナウイルスDashBoardアプリ

Source code

Webアプリ完成形

React TypeScript/Redux ToolKit 新規プロジェクト

Redux Tool Kit

createSlice

Cardsコンポーネント

Chartコンポーネント

PieChartコンポーネント

SwitchCountryコンポーネント

DashBoardコンポーネント + 動作確認

[国別時系列 COVID 19 API] コロナウイルスDashBoardアプリ

Source code

Webアプリ完成形

新規プロジェクト

covidSlice

Cardsコンポーネント

Chartコンポーネント

PieChartコンポーネント

SwitchCountryコンポーネント

DashBoardコンポーネント

Firebaseでディプロイ


Reviews

28 October 2020

分かっている人にとっては問題にならないちょっとした言葉の省略が、学習中の人には理解が追いつかなくなるポイントになってしまったりしますが、こちらでは丁寧に毎ステップ(以前も言ったような事でも再度)指示があるので、とても分かりやすいと思いました。


3295154

Udemy ID

7/3/2020

Course created date

7/8/2020

Course Indexed date
Bot
Course Submitted by