Визуализация данных для React разработчиков - Видеоуроки

Data Visualization for React Developers
Duration 03:21:44
Открыть все курсы от frontendmasters

Data Visualization for React Developers - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction 00:03:44
  • Урок 2. How to Navigate the 3 Workshops 00:01:47
  • Урок 3. Introduction to Different Data Types 00:08:56
  • Урок 4. Pie Charts: Do's and Don't's 00:01:45
  • Урок 5. Course Demonstration Review 00:01:12
  • Урок 6. Introduction to SVG 00:04:23
  • Урок 7. Weather Data Chart Examples 00:05:46
  • Урок 8. Data to SVG Shapes Exercise 00:01:32
  • Урок 9. Data to SVG Shapes Solution 00:03:22
  • Урок 10. Going from Data to SVG Shapes 00:09:16
  • Урок 11. Going from Data to SVG Exercise 00:02:58
  • Урок 12. Going from Data to SVG Solution, Part 1 00:19:01
  • Урок 13. Going from Data to SVG Solution, Part 2 00:06:57
  • Урок 14. Creating Line Charts 00:03:07
  • Урок 15. Creating Line Charts Exercise 00:02:26
  • Урок 16. Creating Line Charts Solution 00:07:58
  • Урок 17. Creating a Radial Chart 00:02:40
  • Урок 18. Radial Chart Exercise 00:03:43
  • Урок 19. Radial Chart Solution 00:09:35
  • Урок 20. Breaking Down D3 API 00:14:13
  • Урок 21. D3 Manipultations and Interactions 00:01:58
  • Урок 22. React Renders 00:10:24
  • Урок 23. React and Bar Chart Exercise 00:00:46
  • Урок 24. React and Bar Chart Solution 00:08:29
  • Урок 25. React and Radial Chart Exercise & Solution 00:04:56
  • Урок 26. The Three Exceptions 00:03:10
  • Урок 27. Axes, Legends, & Annotations 00:02:53
  • Урок 28. Axes Exercise & Solution 00:07:24
  • Урок 29. Transitions 00:06:09
  • Урок 30. Brush 00:01:15
  • Урок 31. Brush Exercise & Solution 00:19:41
  • Урок 32. Additional Resources 00:04:05
  • Урок 33. Canvas 00:05:00
  • Урок 34. Creating Charts in Canvas 00:06:40
  • Урок 35. Questions & Wrapping Up 00:04:33

В рамках этой программы Data Visualization for React Developers, ориентированной на разработчиков, которые хотят или создают простые визуализации для своей работы, мы будем проходить фундаментальные теории визуализации, применять их к различным типам диаграмм и формулировать правильные ситуации для их использования. Мы рассмотрим, как мы можем использовать D3 для генерации данных и как использовать React для их рендеринга. Наконец, мы рассмотрим лучшие практики по внедрению пользовательских взаимодействий с D3 и React.

В этом семинарем Вы:

  • Получите необходимую информацию о том, какие визуализации правильны для каких данных.
  • Научитесь разбивать визуализацию на ее самые основные элементы SVG и продумать вычисления, необходимые для их рисования на экране.
  • Изучите библиотеку D3, необходимую для преобразования данных на экран.
  • Изучите лучшие практики визуализации с помощью React.

https://slides.com/shirleywu/deck-11#/

Видео в формате .webm - точно работает в Google Chrome!

Твоя оценка

6 1
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

03-08-2018 en 35 уроков
frontendmasters Building Custom Data Visualizations
Вы знаете привязку данных D3 и паттерн enter-update-exit? Вы хотите выйти за рамки создания визуализаций, которые вы видите в галерее D3, но вы не совсем знаете, как это сделать? В этом семинаре мы рассмотрим основные принципы визуализации, необходимые для проектирования визуализации пользовательских данных, а также углубимся в веб-технологии, а модули D3 необходимы, чтобы воплотить ваши визуализации в реальность.
Duration 04:21:26
2 1
30-11--0001 en 6 уроков
frontendmasters d3.js v4
Мы начнем с рассмотрения документации D3, которая обширна и очень тщательна и может быть слишком сложной для пользования. Я расскажу, как структурированы документы, а также мы будем исследовать blockbuilder и использовать его в наших интересах. После этого мы погрузимся прямо в код, начиная с того, как выбор D3 и привязка данных работают под капотом. Как только мы сможем хорошо разбираться в этих концепциях, мы будем использовать enter-append,...
Duration 04:50:07
9 0
30-11--0001 en 15 уроков
treehouse D3.js course
D3.js - одна из самых захватывающих интерфейсных веб-технологий, которая позволяет разработчикам разрабатывать визуализацию данных. Этот курс предназначен для углубленного изучения основных функциональных возможностей и концепций, используемых в D3.js, а также обзор потенциала с помощью D3. Поскольку D3 использует очень много других технологий, этот курс также затронет SVG.
Duration 01:52:44
5 1

Последнее добавленное

React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
Создаем приложение React Native для iOS и Android от начала до конца

Создаем приложение React Native для iOS и Android от начала до конца

en
Если вы уже знакомы с React, то React Native - отличный способ создавать мобильные приложения для iOS и Android. Конечно, веб-приложения и мобильные приложения сильно отличаются друг от друга, но этот курс служит вашим руководством.
Полное введение в React, v5

Полное введение в React, v5

en
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан...
The Web Developer Bootcamp

The Web Developer Bootcamp

en
Единственный курс, который вам нужен для изучения веб-разработки - HTML, CSS, JS, Node и многое другое! Привет! Добро пожаловать в The Web Developer Bootcamp, единственный курс, который вам нужен для изучения веб-разработки. Существует множество вариантов онлайн-обучения разработчиков...
chat
logo