Начиная с веб-разработки, один из наиболее частых советов, которые вы получаете, - это создать проект. В то же время отличный и ужасный совет. Ужасно, потому что многие застревают в выборе проекта. Часто люди задумываются над этим. Они хотят создать что-то новое, инновационное и отличное от других. По правде говоря, в этом нет необходимости. При работе в бизнес-среде есть структуры, которые вы постоянно повторяете, только в разных случаях использования. И если вы построите самостоятельно что-то, что использует эти структуры, этого будет достаточно. В этом посте я перечисляю некоторые возможные идеи веб-приложений для начинающих, которые могут быть хорошими демонстрационными проектами.
Структуры
CRUD
CRUD - это сокращение для создания, чтения, обновления и удаления. И в любом приложении это действия, которые вы постоянно повторяете. Это может быть комментарий на YouTube, публикация в Twitter, изображение в Instagram или что-то еще. Вы создаете этот контент; вы читаете это; вы обновляете его и удаляете. Это действия, которые вы создаете в своем приложении, возможно, в другом варианте использования.
Пользовательский интерфейс
Что касается пользовательского интерфейса, то здесь размещаются блоки, списки и таблицы. Это может быть список пунктов меню, список товаров в интернет-магазине, таблица результатов экзаменов. Тем не менее, он снова размещает блоки, таблицы и списки по-разному и стилизует их.
Идеи проектов
Список TODO
Список TODO - одна из самых распространенных задач программирования при собеседовании по кодированию. И для этого есть причина. Если мы говорим о простейшей версии, один элемент списка очевиден. Он содержит только текст. Но на уровне приложения вам нужно создать форму для ввода новой, списка существующих и, возможно, кнопки удаления. Если вы хотите сделать его немного сложнее, возможно, нажмите кнопку редактирования и какой-нибудь способ пометить его как завершенный. Или, возможно, даже фильтр для поиска определенного элемента в списке и отдельного экрана, на котором будут отображаться завершенные. Следующим уровнем будет интеграция с некоторым API или просто загрузка начального списка из файла JSON. В общем, простое приложение со способами продемонстрировать свои знания.
Телефонная книга
Телефонная книга - это еще одно приложение с CRUD-действиями на одной модели. Он очень похож на список TODO и часто вызывает затруднения при написании кода. Практически все, что указано выше в списке TODO, также действует в телефонной книге. Разница в том, что модель немного сложнее. Здесь у нас есть имя, фамилия, номер телефона, возможно, адрес и все, что вы хотите еще. Чтобы было интереснее, добавьте в форму различные проверки, например, введенный действительный номер телефона.
Блог
Еще раз, что касается структуры, очень похожей на первые два приложения. Одна модель, сообщение в блоге, которое содержит текст, заголовок, идентификатор и, возможно, автора и дату создания. Да, можно усложнить, но это минимум. А если вы хотите сделать дополнительный шаг, добавьте форму для добавления нового поста и роутера. С маршрутизатором у вас может быть несколько страниц: одна для ввода сообщения, вторая для перечисления всех сообщений и третья для отображения только одного сообщения. Если пойти еще дальше, добавьте API, чтобы вы могли его сохранить.
Интернет-магазин
Интернет-магазин немного сложнее, чем первые три, но все же следует тем же шаблонам. На этот раз это просто несколько моделей. У вас будет как минимум товар и тележка, и вы можете рассматривать покупку как третью модель. Вы показываете список предметов. При нажатии элементы добавляются или удаляются в корзину, и, в конце концов, вы покупаете их и пустую корзину. Действия, выполняемые над моделью, такие же. Тем не менее, в этом проекте основное внимание уделяется взаимодействию между разными.
Подведение итогов
Придумывать идеи для первого проекта сложно, и люди склонны чрезмерно задумываться и перерабатывать их. Они оказывают на себя огромное давление и планируют создать что-то, на реализацию чего уйдут недели и месяцы. А потом часто не заканчивают, потому что со временем теряют интерес. Я надеюсь, что вы получили из этого поста, что этого не следует делать. Нет ничего плохого в том, чтобы создать приложение, которое уже существует. Ваша цель - продемонстрировать свои знания. Кроме того, не бойтесь начинать.
Как видите, шаблоны похожи. Эти объекты немного разные, и, возможно, их больше. Иногда они также взаимодействуют друг с другом, как в интернет-магазине. Но все равно очень похоже. Создавать, читать, обновлять и удалять. Так что выберите один и начните кодировать и получайте удовольствие.
Чтобы узнать больше, вы можете подписаться на меня в Twitter, LinkedIn, GitHub или Instagram.
