[JavaScript, Программирование, Разработка веб-сайтов, Учебный процесс в IT] Задачки для фронтенд-тренировки: doodle-place, Apple Podcasts, Site Blocker, парсинг CSV-файлов (перевод)

Автор Сообщение
news_bot ®

Стаж: 6 лет 9 месяцев
Сообщений: 27286

Создавать темы news_bot ® написал(а)
13-Июл-2020 14:31

Клон doodle-place

doodle-place — это онлайн-мир, населенный анимированными каракулями. Вы можете бродить и просматривать каракули, созданные пользователями по всему миру, или внести свой вклад.
Чему вы научитесь, сделав клон doodle-place:
  • Использованию API для Canvas в JavaScript для рисования графики вроде каракулей на экране.
  • Методам работы с 2D-графикой и API WebGL
  • Работе с пользовательским вводом, например, с рисунками, и сохранению результатов в базе данных.

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

Чему вы научитесь, создав парсер «из CSV в JSON».
  • Как работать с различными источниками данных (такими как CSV и JSON), и как анализировать наборы данных.
  • Вы обретете практический опыт работы с библиотекой d3-dsv. Вот документация по d3-dsv.

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

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

Клон Notion
Notion – легкое, быстрое и не отвлекающее внимание приложения для ведения заметок и многого другого. Я использую его, чтобы следить за своими задачами и идеями. Что мне нравится в Notion, так это поддержка языка разметки Markdown.
Нет никаких ограничений: вы можете создать настольную версию Notion, а также мобильную или веб-версию. Выберите любимую среду (или ту, которую вы хотите изучить больше всего).

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

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

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


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

Ещё курсы

SPL
Полезное

===========
Источник:
habr.com
===========

===========
Автор оригинала: Indrek Lasn
===========
Похожие новости: Теги для поиска: #_javascript, #_programmirovanie (Программирование), #_razrabotka_vebsajtov (Разработка веб-сайтов), #_uchebnyj_protsess_v_it (Учебный процесс в IT), #_uchebnyj_protsess (учебный процесс), #_blog_kompanii_skillfactory (
Блог компании SkillFactory
)
, #_javascript, #_programmirovanie (
Программирование
)
, #_razrabotka_vebsajtov (
Разработка веб-сайтов
)
, #_uchebnyj_protsess_v_it (
Учебный процесс в IT
)
Профиль  ЛС 
Показать сообщения:     

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

Текущее время: 22-Ноя 12:20
Часовой пояс: UTC + 5