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

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

Pomodoro

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

https://codepen.io/freeCodeCamp/pen/aNyxXR

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

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

https://codepen.io/hezag/pen/ZGxOLX

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

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

https://codepen.io/freeCodeCamp/pen/rLJZrA

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

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

https://codepen.io/freeCodeCamp/pen/KzXQgy

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

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

https://codepen.io/freeCodeCamp/pen/wGqEga

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

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

http://codepen.io/freeCodeCamp/pen/bELRjV

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

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

https://codepen.io/freeCodeCamp/pen/Myvqmo

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

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

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

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ