Главная страницаКатегория react.jsВизуализация данных с React - Создаем панель (Dashboard) криптовалюты

Визуализация данных с React - Создаем панель (Dashboard) криптовалюты

Name: Визуализация данных с React - Создаем панель (Dashboard) криптовалюты
Rating: 5 (35 reviews)

React Data Visualization - Build a Cryptocurrency Dashboard

udemy

★5 (всего оценок - 35)

Продолжительность

3 ч 42 мин

Категория

React.js

Количество уроков

34 Видео

Дата добавления

7 дек. 2019 г., 13:28

Язык

Английский

Дата выхода

12 нояб. 2019 г., 00:00

Дата обновления

29 апр. 2026 г., 05:53

Кому подойдет этот курс

Курс идеально подходит для новичков в React, разработчиков уровня junior и всех, кто хочет научиться создавать динамические панели визуализации данных на базе современных инструментов.

Основные преимущества для студентов

Пошаговое построение проекта с нуля.
Практика работы с React Context API для управления состоянием.
Глубокое погружение в styled-components и принципы CSS‑in‑JS.
Настройка HighCharts для визуализации криптовалютных данных.

Что будет в улучшенной программе курса

Страница настроек и личные предпочтения

Проработанный onboarding пользователя.
Интерактивный поиск криптовалют с подсветкой.
Гибкое управление списком избранных монет.
Сохранение пользовательских данных и мгновенная подгрузка в интерфейс.

Панель управления криптовалютой

Построение наглядных карточек монет с использованием адаптивного дизайна.
Графики с историческими 10‑точечными значениями.
Переключение периода: дни, недели, месяцы.
Интеграция изображений и метаданных криптовалют.

Темизация интерфейса

Современные UI требуют гибкости, поэтому курс включает:

Полноценную реализацию светлой и темной темы.
Управление темами с помощью Context API.
Использование styled-components для стилизации без дублирования кода.

Какие инструменты вы освоите

React — современный подход к созданию UI.
Create React App — быстрое развёртывание проекта.
React Context API — управление состоянием без Redux.
Styled-components v4 — мощный инструмент CSS‑in‑JS.
HighCharts — удобные графики для визуализации данных.

Урок 1.00:04:30
Setup with create-react-app
Урок 2.00:04:02
Overview
Урок 3.00:02:35
Restructure Files
Урок 4.00:03:41
Functional Components
Урок 5.00:05:01
What are styled-components?
Урок 6.00:07:09
Styled-components Exercises
Урок 7.00:01:23
Google Fonts
Урок 8.00:01:56
AppLayout
Урок 9.00:04:30
AppBar
Урок 10.00:06:47
Style AppBar
Урок 11.00:08:26
React Context - Providers & Consumers
Урок 12.00:10:42
localStorage
Урок 13.00:02:42
CryptoCompare API
Урок 14.00:02:08
Page
Урок 15.00:02:23
Content
Урок 16.00:02:37
CoinGrid
Урок 17.00:01:11
Shared Styles
Урок 18.00:06:28
Shared Tile
Урок 19.00:09:25
CoinTile
Урок 20.00:05:27
TopSection CoinGrid
Урок 21.00:11:39
Add/Remove Coins
Урок 22.00:05:48
Responsive Grid
Урок 23.00:06:12
Search
Урок 24.00:17:58
Fuzzy Search
Урок 25.00:07:12
Fetch Prices
Урок 26.00:20:21
Dashboard
Урок 27.00:09:56
CurrentFavorite
Урок 28.00:09:41
Coin Spotlight
Урок 29.00:04:33
HighCharts
Урок 30.00:06:43
HighCharts Theme
Урок 31.00:17:38
Historical Data
Урок 32.00:02:13
Bugs
Урок 33.00:06:38
Chart Select
Урок 34.00:02:47
Light Theme

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии

ron
5 окт. 2021 г., 16:54
update the course
Anonymous
20 сент. 2021 г., 17:24
Обновите курс пожалуйста
Anonymous
1 сент. 2021 г., 17:43
@admin, update please the course
Dimi
15 дек. 2020 г., 13:33
update please, last update is currently 10/2020
mishcoin
27 авг. 2020 г., 12:02
update, please (Last updated 5/2020 on Udemy)