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

Ведущим подкаста 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! (в ред. автора)