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
Другие статьи по теме
Маркетинг вашего проекта: большая подборка полезных сервисов