udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Визуализация данных с React - Создаем панель (Dashboard) криптовалюты
React Data Visualization - Build a Cryptocurrency Dashboard
★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:30Setup with create-react-app
- Урок 2.00:04:02Overview
- Урок 3.00:02:35Restructure Files
- Урок 4.00:03:41Functional Components
- Урок 5.00:05:01What are styled-components?
- Урок 6.00:07:09Styled-components Exercises
- Урок 7.00:01:23Google Fonts
- Урок 8.00:01:56AppLayout
- Урок 9.00:04:30AppBar
- Урок 10.00:06:47Style AppBar
- Урок 11.00:08:26React Context - Providers & Consumers
- Урок 12.00:10:42localStorage
- Урок 13.00:02:42CryptoCompare API
- Урок 14.00:02:08Page
- Урок 15.00:02:23Content
- Урок 16.00:02:37CoinGrid
- Урок 17.00:01:11Shared Styles
- Урок 18.00:06:28Shared Tile
- Урок 19.00:09:25CoinTile
- Урок 20.00:05:27TopSection CoinGrid
- Урок 21.00:11:39Add/Remove Coins
- Урок 22.00:05:48Responsive Grid
- Урок 23.00:06:12Search
- Урок 24.00:17:58Fuzzy Search
- Урок 25.00:07:12Fetch Prices
- Урок 26.00:20:21Dashboard
- Урок 27.00:09:56CurrentFavorite
- Урок 28.00:09:41Coin Spotlight
- Урок 29.00:04:33HighCharts
- Урок 30.00:06:43HighCharts Theme
- Урок 31.00:17:38Historical Data
- Урок 32.00:02:13Bugs
- Урок 33.00:06:38Chart Select
- Урок 34.00:02:47Light Theme
Автор - udemy
Комментарии
ronupdate the course
AnonymousОбновите курс пожалуйста- Anonymous@admin, update please the course
Dimiupdate please, last update is currently 10/2020
mishcoinupdate, please (Last updated 5/2020 on Udemy)