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

Если мы просто следим за роликами YouTube о том, как создавать клоны популярных приложений и копировать код, мы упускаем из виду самое важное — "создание функций". определенно чему-то учатся, но большая часть знаний приходит из размышлений и поисков того, как создавать небольшие компоненты или функции . Что я бы очень рекомендовал, так это то, что перед началом любого проекта клона перечислите, какие функции он должен иметь, и работайте по одной функции за раз, погуглите, как это сделать. для создания этой функции, проведения исследований, поиска видео (только для этой функции) и т. д..

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

Все приложения в мире можно разделить на 5 типов: приложения для бронирования, приложения для электронной коммерции, приложения для чата, приложения для повышения производительности и приложения для потокового видео. Особенности, проблемы, архитектура категории почти аналогичны. ~ Танай Пратап

Перечисленных выше категорий приложений достаточно, чтобы составить хорошее портфолио. Я возьму пример приложения Booking и проведу вас через весь процесс создания этого приложения. может повысить эффективность обучения при его создании.

Шаг 1: Составьте список функций

Перечислите все функции, которые вы хотели бы, чтобы ваше приложение-клон имело только базовые функции, как в случае с приложением для бронирования, следующие функции хорошо иметь:

  1. Поиск и фильтрация. Пользователи должны иметь возможность искать и фильтровать доступные бронирования по таким критериям, как местоположение, дата, цена и тип бронирования.
  2. Процесс бронирования. Пользователи должны иметь возможность просматривать сведения о доступных бронированиях, выбирать нужные параметры и выполнять процесс бронирования, включая ввод платежной информации.
  3. Управление аккаунтом. Пользователи должны иметь возможность создавать собственные аккаунты и управлять ими, включая сохранение платежной и контактной информации, а также просматривать текущие бронирования.
  4. Интеграция с платежными шлюзами. Приложение должно обеспечивать безопасную и эффективную обработку платежей, возможно, за счет интеграции с платежными шлюзами, такими как PayPal или Stripe.

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

Шаг 2: Создайте базовый интерфейс и начните создавать функции.

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

  • Для этого нам понадобится база данных для хранения доступных бронирований (это первое, что придет вам в голову).
  • Теперь вам нужно знать, как его получить, и для этого вам нужно будет создать сервер и настроить конечные точки API.
  • Теперь вы можете получить данные из базы данных на серверную часть, и серверная часть отправит их во внешний интерфейс, если внешний интерфейс попадет в конечную точку API.
  • После этого нам просто нужно сделать конечные точки специфичными для метода фильтра, например, /bookings/price/desc должен выдавать данные в порядке убывания, а /bookings/price/asc предоставит данные в порядке возрастания.

Шаг 3: Обновите клон.

После того, как у него есть основные функции, которые вы создали, поместив свой мыслительный процесс и создав его по одной функции за раз, исследуя Google и YouTube. Теперь вы можете посмотреть основной туториал для всего проекта и проанализировать, как человек его строит и чем он отличается от вашей версии, увидеть улучшения, изучить их и внедрить в свой клон.

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

Итак, после того, как вы выполните все эти шаги, вы познакомитесь с полным стеком, как интегрировать платежные шлюзы, как развернуть проект, как исследовать и создавать проекты, как улучшить пользовательский интерфейс и многое другое…

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

Полное руководство по приложению Booking:

https://youtu.be/k3Vfj-e1Ma4

Помните, ребята, продолжайте в том же духе и становитесь лучше, чем вы были вчера.

Надеюсь, вы нашли этот блог полезным, не стесняйтесь подключаться ⬇️



Другие мои статьи:





До скорого …

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.