Русский
Русский
English
Статистика
Реклама

Перевод Задачки для фронтенд-тренировки doodle-place, Apple Podcasts, Site Blocker, парсинг CSV-файлов

Клон doodle-place


image

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

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

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

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


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

image

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

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

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


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

image

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


Клон Notion


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

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

image

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

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

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


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

image

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

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

image

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



Полезное


Источник: habr.com
К списку статей
Опубликовано: 13.07.2020 12:11:27
0

Сейчас читают

Комментариев (0)
Имя
Электронная почта

Блог компании skillfactory

Javascript

Программирование

Разработка веб-сайтов

Учебный процесс в it

Учебный процесс

Категории

Последние комментарии

  • Имя: Макс
    24.08.2022 | 11:28
    Я разраб в IT компании, работаю на арбитражную команду. Мы работаем с приламы и сайтами, при работе замечаются постоянные баны и лаги. Пацаны посоветовали сервис по анализу исходного кода,https://app Подробнее..
  • Имя: 9055410337
    20.08.2022 | 17:41
    поможем пишите в телеграм Подробнее..
  • Имя: sabbat
    17.08.2022 | 20:42
    Охренеть.. это просто шикарная статья, феноменально круто. Большое спасибо за разбор! Надеюсь как-нибудь с тобой связаться для обсуждений чего-либо) Подробнее..
  • Имя: Мария
    09.08.2022 | 14:44
    Добрый день. Если обладаете такой информацией, то подскажите, пожалуйста, где можно найти много-много материала по Yggdrasil и его уязвимостях для написания диплома? Благодарю. Подробнее..
© 2006-2024, personeltest.ru