НОВОСТИ [Перевод] Задачки для фронтенд-тренировки: doodle-place, Apple Podcasts, Site Blocker, парсинг CSV-файлов

Alvaros
Онлайн

Alvaros

Ветеран
.
Регистрация
14.05.16
Сообщения
21.461
Реакции
102
Репутация
204
Клон doodle-place


dde7cd0bb6654ceab686f5b18b830421.gif


— это онлайн-мир, населенный анимированными каракулями. Вы можете бродить и просматривать каракули, созданные пользователями по всему миру, или внести свой вклад.

Чему вы научитесь, сделав клон doodle-place:

  • Использованию для рисования графики вроде каракулей на экране.
  • Методам работы с 2D-графикой и
  • Работе с пользовательским вводом, например, с рисунками, и сохранению результатов в базе данных.

Парсинг CSV-файлов в JSON


Это приложение использует (на стороне клиента) для парсинга CSV-файлов. d3-dsv — это утилита, входящая в состав (популярная библиотека визуализации данных), но также может быть использована сама по себе, как показано здесь.

af86bc71d51c01f36d7ace7f18cd989f.png


Чему вы научитесь, создав парсер «из CSV в JSON».

  • Как работать с различными источниками данных (такими как CSV и JSON), и как анализировать наборы данных.
  • Вы обретете практический опыт работы с библиотекой . Вот .

Клон расширения для блокировки сайтов


— это веб-расширение, позволяющее блокировать один или несколько сайтов путем добавления доменного имени. Эффективно распоряжайтесь своим временем без отвлекающих факторов.

5a965ff07e1c7be3c239a391d88945e8.png


Чему вы научитесь, построив клон «Блокировщика сайтов»:

  • Всему, что необходимо для
  • JavaScript, HTML и CSS для создания расширений.
  • Работе с площадками для расширений в Chrome/Firefox/Safari.

Клон Notion


– легкое, быстрое и не отвлекающее внимание приложения для ведения заметок и многого другого. Я использую его, чтобы следить за своими задачами и идеями. Что мне нравится в Notion, так это поддержка языка разметки Markdown.

Нет никаких ограничений: вы можете создать настольную версию Notion, а также мобильную или веб-версию. Выберите любимую среду (или ту, которую вы хотите изучить больше всего).

cf0f65a5014c47a233deb9c2d9b8c16c.gif


Чему вы научитесь, создав клон Notion:

  • Если вы хотите продвинуться, используйте . Grid фантастически подходит для создания макетов.
  • Работе с базой данных. Вы захотите хранить заметки в базе данных, к которой потом сможете делать запросы.
  • DevOps. Как только вы закончите, разворачивайте приложение в сети или магазине приложений. Покажите миру, что вы сделали.

Клон Подкастов от Apple


для iOS и MacOS обеспечивает легкий доступ к популярным и новым подкастам с помощью навигационных значков в нижней части приложения.

54a692ae85a306e1819a49d0cf48d7fa.png


Чему вы научитесь, создав клон «Подкастов»:

  • Как получать данные из API. В случае данного приложения, данные представлены подкастами. для получения всех подкастов.
  • Как разработать настольное приложения для Mac OS или приложение для iOS и развернуть его в магазине приложений. Если вам нравится собирать для веба, это тоже отлично!
  • Построению нативных интерфейсов. Например, вы узнаете как выводить данные на экран.

rdkllrbtrth_kdpceb-vxzrxl1o.jpeg


Узнайте подробности, как получить востребованную профессию с нуля или Level Up по навыкам и зарплате, пройдя платные онлайн-курсы SkillFactory:

  • (8 месяцев)

Ещё курсы
  • (12 недель)
  • (12 месяцев)
  • (9 месяцев)
  • (9 месяцев)
  • (12 месяцев)

Полезное


 
Сверху Снизу