[JavaScript, Программирование, Разработка веб-сайтов, Учебный процесс в IT] Задачки для фронтенд-тренировки: doodle-place, Apple Podcasts, Site Blocker, парсинг CSV-файлов (перевод)
Автор
Сообщение
news_bot ®
Стаж: 6 лет 8 месяцев
Сообщений: 27286
Клон 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 — это веб-расширение, позволяющее блокировать один или несколько сайтов путем добавления доменного имени. Эффективно распоряжайтесь своим временем без отвлекающих факторов.
Чему вы научитесь, построив клон «Блокировщика сайтов»:
- Всему, что необходимо для создания расширений для браузера
- JavaScript, HTML и CSS для создания расширений.
- Работе с площадками для расширений в Chrome/Firefox/Safari.
Клон Notion
Notion – легкое, быстрое и не отвлекающее внимание приложения для ведения заметок и многого другого. Я использую его, чтобы следить за своими задачами и идеями. Что мне нравится в Notion, так это поддержка языка разметки Markdown.
Нет никаких ограничений: вы можете создать настольную версию Notion, а также мобильную или веб-версию. Выберите любимую среду (или ту, которую вы хотите изучить больше всего).
Чему вы научитесь, создав клон Notion:
- Если вы хотите продвинуться, используйте Grid в CSS. Grid фантастически подходит для создания макетов.
- Работе с базой данных. Вы захотите хранить заметки в базе данных, к которой потом сможете делать запросы.
- DevOps. Как только вы закончите, разворачивайте приложение в сети или магазине приложений. Покажите миру, что вы сделали.
Клон Подкастов от Apple
Приложение «Подкасты» для iOS и MacOS обеспечивает легкий доступ к популярным и новым подкастам с помощью навигационных значков в нижней части приложения.
Чему вы научитесь, создав клон «Подкастов»:
- Как получать данные из API. В случае данного приложения, данные представлены подкастами. Используйте этот APIдля получения всех подкастов.
- Как разработать настольное приложения для Mac OS или приложение для iOS и развернуть его в магазине приложений. Если вам нравится собирать для веба, это тоже отлично!
- Построению нативных интерфейсов. Например, вы узнаете как выводить данные на экран.
Узнайте подробности, как получить востребованную профессию с нуля или Level Up по навыкам и зарплате, пройдя платные онлайн-курсы SkillFactory:
- Профессия Веб-разработчик (8 месяцев)
Ещё курсы
SPL
- Курс по Machine Learning (12 недель)
- Обучение профессии Data Science с нуля (12 месяцев)
- Профессия аналитика с любым стартовым уровнем (9 месяцев)
- Курс «Python для веб-разработки» (9 месяцев)
- Курс по DevOps (12 месяцев)
Полезное
- 450 бесплатных курсов от Лиги Плюща
- Тренды в Data Scienсe 2020
- Data Science умерла. Да здравствует Business Science
- Data Scienсe на стероидах: знакомство с Decision Intelligence
- Самый успешный и самый скандальный Data Science проект: Cambridge Analytica
===========
Источник:
habr.com
===========
===========
Автор оригинала: Indrek Lasn
===========Похожие новости:
- [Agile, DevOps, Управление разработкой, Учебный процесс в IT] DevOps vs Agile: В чем разница (перевод)
- [FPGA, Haskell, Компиляторы, Программирование микроконтроллеров] Встраивание Haskell: компиляторы и компиляция компиляторов (перевод)
- [Дизайн, Программирование микроконтроллеров] Интеграция в проект LVGL графической библиотеки для микроконтроллеров
- [JavaScript, ReactJS, TypeScript] Todolist на React Hooks + TypeScript: от сборки до тестирования
- [CSS, JavaScript] Atomizer vs Minimalist Notation (MN)
- [Администрирование баз данных, Микросервисы, Программирование] Использование Camunda для удобной оркестровки на основе REST и Workflow Engine (без Java)
- [IT-инфраструктура, Open source, Разработка под Linux, Учебный процесс в IT] Мастер-курсы по Istio и Kafka, книга про Python и немного про навыки веб-разработки
- [GTD, Карьера в IT-индустрии, Учебный процесс в IT] Как изучать Machine Learning каждый день 9 месяцев подряд (перевод)
- [C++, Программирование] Отображение данных в формате json на структуру c++ и обратно (работа над ошибками)
- [Занимательные задачки, Космонавтика, Разработка игр, Учебный процесс в IT] Игры от Илона Маска для детей 8-14 лет (играем всем Хабром в комментах)
Теги для поиска: #_javascript, #_programmirovanie (Программирование), #_razrabotka_vebsajtov (Разработка веб-сайтов), #_uchebnyj_protsess_v_it (Учебный процесс в IT), #_uchebnyj_protsess (учебный процесс), #_blog_kompanii_skillfactory (
Блог компании SkillFactory
), #_javascript, #_programmirovanie (
Программирование
), #_razrabotka_vebsajtov (
Разработка веб-сайтов
), #_uchebnyj_protsess_v_it (
Учебный процесс в IT
)
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 01-Ноя 08:46
Часовой пояс: UTC + 5
Автор | Сообщение |
---|---|
news_bot ®
Стаж: 6 лет 8 месяцев |
|
Клон doodle-place doodle-place — это онлайн-мир, населенный анимированными каракулями. Вы можете бродить и просматривать каракули, созданные пользователями по всему миру, или внести свой вклад. Чему вы научитесь, сделав клон doodle-place:
Парсинг CSV-файлов в JSON Это приложение использует d3-dsv (на стороне клиента) для парсинга CSV-файлов. d3-dsv — это утилита, входящая в состав d3 (популярная библиотека визуализации данных), но также может быть использована сама по себе, как показано здесь. Чему вы научитесь, создав парсер «из CSV в JSON».
Клон расширения для блокировки сайтов Site Blocker — это веб-расширение, позволяющее блокировать один или несколько сайтов путем добавления доменного имени. Эффективно распоряжайтесь своим временем без отвлекающих факторов. Чему вы научитесь, построив клон «Блокировщика сайтов»:
Клон Notion Notion – легкое, быстрое и не отвлекающее внимание приложения для ведения заметок и многого другого. Я использую его, чтобы следить за своими задачами и идеями. Что мне нравится в Notion, так это поддержка языка разметки Markdown. Нет никаких ограничений: вы можете создать настольную версию Notion, а также мобильную или веб-версию. Выберите любимую среду (или ту, которую вы хотите изучить больше всего). Чему вы научитесь, создав клон Notion:
Клон Подкастов от Apple Приложение «Подкасты» для iOS и MacOS обеспечивает легкий доступ к популярным и новым подкастам с помощью навигационных значков в нижней части приложения. Чему вы научитесь, создав клон «Подкастов»:
Узнайте подробности, как получить востребованную профессию с нуля или Level Up по навыкам и зарплате, пройдя платные онлайн-курсы SkillFactory:
Ещё курсыSPL
Полезное
=========== Источник: habr.com =========== =========== Автор оригинала: Indrek Lasn ===========Похожие новости:
Блог компании SkillFactory ), #_javascript, #_programmirovanie ( Программирование ), #_razrabotka_vebsajtov ( Разработка веб-сайтов ), #_uchebnyj_protsess_v_it ( Учебный процесс в IT ) |
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 01-Ноя 08:46
Часовой пояс: UTC + 5