Просто! Создать! Веб-сайт!

Ведущим подкаста ShopTalk Крису Койер (Chris Coyier) и Дейву Руперт (Dave Rupert) часто задают вопрос, как научиться веб-разработке. Их мантра – «просто создавайте веб-сайты».

Что делать, если вы не знаете, какой именно сайт «просто создать»? Ниже приведён список различных идей для проектов, который даст вам нужную практику веб-дизайна и веб-разработки.

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

1. Помогите новому бизнесу / хобби / резюме / свадьбе ваших друзей.
2. Создайте фан-сайт или форум «старой школы» того, что вы любите.
3. Создайте галерею фотографий с вашего отпуска.
4. Попробуйте воссоздать страницу любимого сайта, не заглядывая в её код.
5. Создайте сайт некоммерческой организации вашего региона.
6. Найдите локальную проблему, которая важна для вас, и сделайте брошюру, в которой вы высказываете свою позицию.
7. Сделайте эту брошюру с использованием системы управления контентом (CMS) или языком программирования, который вы хотите изучить.
8. Создайте игру с использованием веб-технологий.
9. Попробуйте воссоздать эффект из реального мира на чистом CSS.
10. Выберите потребность вашей повседневной жизни и сделайте веб-приложение, которое будет её удовлетворять.
11. Создайте веб-сайт вымышленного персонажа.
12. Исследуйте все веб-возможности на сервисе Can I Use и создайте сайт с теми возможностями, о которых вы никогда не слышали или не использовали ранее.
13. Создайте сайт-витрину вашей коллекции или коллекции ваших друзей.
14. Исследуйте ваше генеалогическое древо.
15. Возьмите старый сайт и адаптируйте его для людей с ограниченными возможностями.
16. Создайте несколько бесплатных тем для популярного сервиса блогов.
17. Опубликуйте ваши стихи.
18. Изобретите велосипед: разработайте калькулятор, приложение для личных финансов, приложение для отслеживания времени в пути и так далее…
19. Произведите рефакторинг кода для существующего сайта.
20. Стилизуйте сайт с использованием трёх различных подходов к архитектуре CSS и определите, какая вам больше подходит.
21. Создайте сайт с использованием нескольких фреймворков и определите, какой вам больше подходит.
22. Сделайте фан-сайт вашего родного города.
23. Придумайте 25 способов изменить / оформить изображения.
24. Создайте веб-чат для ваших друзей.
25. Создайте коллекцию повторно используемых компонентов, функций и т.п.
26. Сделайте удобное приложение с доступом по регистрации для ваших друзей, где они могли бы найти инструкции для ухода за домом / отдыха / ухода за растениями.
27. Создайте путеводитель по вашему городу с различными фильтрами (уровень расходов, цель поездки, где что купить и т.д.).
28. Сделайте дизайн сайта, которых будет использоваться на устройствах с разрешением 100px.
29. Создайте список сайтов с причудливым дизайном.
30. Создайте сайт-справочник о какой-то новинке, которую вы хорошо знаете.
31. Соберите любимые цитаты и изречения в одном месте.
32. Создайте каталог вещей в шкафу / растений в саду / специй на кухне. Сайт должен запоминать набор фильтров пользователя.
33. Сделайте интерактивный сайт для вашего ребёнка, который научит его определять цвета, цифры, буквы и фигуры.
34. Выберите книгу, которая находится в свободном доступе, и сделайте сайт, где пользователь мог бы её прочитать, сделать заметки и т.д.
35. Создайте красивый дизайн сайта на основе двух цветов – белого и чёрного.

(Перевод статьи Just! Build! Websites! (в ред. автора)