Список клиентских проблем, которые вы можете начать решать сегодня

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

Есть пословица, что для того, чтобы стать мастером в чем-то, нужно потратить 10 000 часов на практику.

Используйте эту статью как источник вдохновения. Выберите проект из списка ниже и начинайте кодировать! Неважно, какие технологии или инструменты вы используете, если вы выполняете свою работу и действительно ее создаете.

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

Клон Jira

Jira - это проприетарный продукт для отслеживания проблем, разработанный Atlassian, который позволяет отслеживать ошибки и гибко управлять проектами. Название продукта является сокращением от Gojira, японского слова "Годзилла".

Вот что вы узнаете, создав клон Jira

  • Как работает API перетаскивания (DnD) для браузеров. На каждой доске Jira есть набор досок канбан, на которых вы можете перетаскивать задачи в зависимости от их прогресса.
  • Как упорядочить роли пользователей и логику разрешений на доступ - с каждой доской Канбан связаны участники. У участников могут быть разные уровни доступа.

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

  • HTML и CSS. Как семантически структурировать и стилизовать приложение - полезный набор навыков, который может иметь каждый.

Беседа в Discord с эмодзи

Discord - это увлекательный способ общения друзей, когда они гуляют или играют в видеоигры. Discord специализируется на текстовом, графическом, видео- и аудиосвязи между пользователями в канале чата.

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

Вот что вы узнаете, создав клон чата Discord

  • Как использовать веб-сокеты для чата. Каждое современное приложение для веб-чата так или иначе использует WebSockets.

WebSocket - это протокол компьютерной связи, обеспечивающий полнодуплексные каналы связи через одно TCP-соединение. Вкратце, сервер и клиентский интерфейс синхронизируются.

  • Как использовать Electron для создания кроссплатформенных настольных приложений. Текущая версия Discord построена на Electron.

Приложение Beatbox

Приложение Beatbox воспроизводит разные звуки в зависимости от нажатой клавиши. Вы можете сыграть мелодию только на клавиатуре.

Вот что вы узнаете, создав приложение Beatbox

  • Чтобы стимулировать звук, вам необходимо знать, как работает API веб-аудио.
  • Работа с событиями клавиатуры JavaScript. Вам нужно будет выяснить, какая клавиша нажимается и играет правильную мелодию.

API веб-аудио предоставляет мощную и универсальную систему для управления звуком в Интернете, позволяя разработчикам выбирать источники звука, добавлять эффекты к звуку, создавать аудиовизуализации, применять пространственные эффекты (например, панорамирование) и многое другое. - Документация разработчика Mozilla

Вот версия приложения битбокс на Github.

Раздел альбомов Spotify

Вы можете воспроизводить и загружать песни на Spotify. В Spotify есть раздел, где вы можете просматривать музыку и исполнителей на основе альбомов. Вот один из моих самых любимых альбомов.

Вот что вы узнаете, создав клон Spotify

  • Как получить данные через API и отобразить правильные альбомы для связанного исполнителя. К счастью, у Spotify есть API, которым вы можете пользоваться бесплатно - вот ссылка на документацию по API.
  • Вы можете создать приложение как веб-приложение или как настольное приложение - выбор за вами. Оба приложения требуют знаний о том, как размещать элементы на странице и правильно ее стилизовать.

Клон Амазонки

Когда Amazon начинал, они были всего лишь крошечным веб-сайтом электронной коммерции, на котором продавались только книги. По состоянию на 2020 год они стали Голиафом игрока в секторе электронной коммерции.

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

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

Вот что вы узнаете, создав клон Amazon

  • Настроить MySQL или PostgreSQL и иметь возможность хранить элементы внутри базы данных - вам нужно будет сохранять элементы в базе данных, а затем запрашивать элементы из нее.
  • Включение функции поиска. Пользователи заходят на ваш веб-сайт, ищут условия, и вам нужно будет вернуть соответствующие элементы. Как бы Вы это сделали?
  • HTML и CSS. Каждый веб-сайт использует две ранее упомянутые технологии. Их используют от очень сложных веб-сайтов, таких как Netflix или Amazon, до очень простых сторонних проектов для начинающих.

Если вы сочтете это полезным, вот простой клон Amazon, который я нашел на GitHub:

Клон Netflix

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

Вот что вы узнаете, создав клон Netflix

  • API видео и аудио - Netflix по своей сути является потоковым сервисом. Каждая потоковая служба включает в себя видео или аудио на определенном уровне.
  • Работа с HTML и CSS.
  • Необязательно: как получить фильмы и сериалы из API. Вот API и документация.

Клон Twitter

Twitter - популярная платформа для дискуссий от политики до музыки и программирования. В Твиттере есть множество нишевых сообществ.

Многие люди предпочитают использовать Twitter как свой выбор для связи со своей аудиторией.

Вот что вы узнаете, создав клон Twitter

  • Хранение твитов в базе данных. Настройте базу данных для отношений (MySQL) или без (MongoDB) - решать вам.
  • Логика управления ролями. У каждого пользователя есть профиль, который могут редактировать только они, но другие могут просматривать.
  • HTML и CSS для материалов, связанных с макетом.

Вот пример клона Twitter, который я нашел ранее.

Заключение

P.S: Ищете другие идеи для программирования? Идеи для программирования никогда не иссякнут. Получите здесь доступ к множеству заданий интерфейса пользователя.

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