8 идей проектов для практики веб-разработки

3
29488
Добавить в избранное

Подготовили подборку небольших открытых проектов для всех, кто ломает голову, что бы такого сделать для практики навыков веб-разработки.

Pomodoro

Написать собственный томатный таймер хорошая идея хотя бы потому, что он вам еще пригодятся. В часах есть все что нужно – время пауз регулируется, как и время работы. От себя можно добавить, например, звуковое оповещение или возможность прерывать любой из циклов.

Генератор случайных цитат

Небольшой проект, который показывает случайную цитату из подготовленной базы и позволяет расшарить ее в соцсетях.

Графический калькулятор

Классический пример для практики – калькулятор. Только на этот раз совсем как настоящий.

Крестики-нолики

Классическая игра крестики-нолики с режимами игры против компьютера и против другого игрока. Игрок имеет возможность выбрать для игры крестики, либо нолики. Проект поможет для практики с различными алгоритмами, которые нужно реализовывать для ботов.

Поиск статей на Википедии

Небольшой браузер статей для Вики с поиском. Проект поможет для практики работы со сторонними api, алгоритмами и паттернами.

Виджет, показывающий местную погоду

Легкая страница, показывающая данные о погоде в регионе пользователя. Этот веб-проект поможет для практики работы со сторонними api и геолокацией. После создания анализа погоды, можно добавить множество других полезных функций для практики.

Пример работы с api Twitch.tv

У популярного стримингового сервиса тоже есть открытое api, работу с которым можно попрактиковать. В примере показана работа небольшого виджета, который выводит на страницу список каналов и имеет вкладки-переключатели, чтобы показывать какие из каналов сейчас находятся онлайн или офлайн.

Другие статьи по теме

Маркетинг вашего проекта: большая подборка полезных сервисов

164 крутых опенсорс проекта для новичков

Интересуетесь веб-разработкой?

Подпишитесь на нашу рассылку, чтобы получать больше интересных материалов:

И не беспокойтесь, мы тоже не любим спам. Отписаться можно в любое время.




Комментариев: 3

  1. для полного списка требований, обращайтесь на https://www.freecodecamp.org/ . Ведь весь список проектов украден оттуда 🙂
    Как не стыдно

Добавить комментарий