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

В нашу команду входят следующие участники:Шубхам Пасван, Дивья, Прабин Дхонде, Ганеш Ахер, Шубхаканта Панда и Рахул Кумар (я).

Нашей группе поручили работать над Lumen5.com, который по сути представляет собой онлайн-редактор видео.

#Постановка задачи:

Нам было поручено создать полностью функционирующую копию веб-сайта Lumen5.com за шесть дней.

Прежде чем ответить на большой вопрос «как мы это сделали? “, позвольте мне показать вам несколько фрагментов клона нашего веб-сайта.

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

@ Мы использовали следующие ресурсы для нашей помощи:

1.https://developer.mozilla.org/en-US/

2. https://www.w3schools.com/

3. https://www.flaticon.com/

4. https://codepen.io/pen/

5. https://github.com/

6. https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka

7.https://code.visualstudio.com/

#Концепции, которые мы рассмотрели во всем модуле:

  1. HTML

2. CSS

3. Дом

4. Медиа-запрос

5. Git

*** Усилия командной работы ***

Шаг 1.Сначала мы создаем группу в Slack и Whatsapp для лучшего общения между всеми членами команды, а затем подключаемся к обсуждению данного проекта в масштабе.

Шаг 2. На собрании в масштабе мы разделяем небольшие части проекта на всех членов команды, а затем собираем необработанные данные для проекта, содержание которого лучше объединить и легко заполнить. работа.

Шаг 3.Каждый день мы проводим встречу после схватки, затем обсуждаем работу прошлых дней и текущую работу. Любой, у кого есть проблемы, может просто отправить сообщение в основную группу, и мы все по отдельности постараемся прийти с решением.

Шаг 4. Наконец, мы отправили данные в основную ветку Git hub и выполнили серверную часть проекта.

Шаг 5: После завершения данного проекта мы обсудили презентационную часть нашего проекта, и все наши усилия направлены на окончательный результат, когда мы успешно отправим его.

ПРОБЛЕМЫ, С КОТОРЫМИ МЫ СТОЛКНУЛИСЬ И КАК МЫ ИХ РЕШИЛИ

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

  1. Git был для нас новинкой, поэтому слияние кода и разрешение конфликтов стало сложной задачей. Иногда мы работали целый день только для того, чтобы слить код и потом улучшить финальную версию.
  2. Еще одной проблемой было решение проблемы избыточных классов CSS. Иногда случалось, что избыточных классов было мало, и вывод был дезориентирован. Чтобы решить эту проблему, потребовалась тщательная проверка имен классов и эффективная коммуникация между нами, чтобы мы могли предотвратить ее возникновение.
  3. Нам пришлось научиться делать анимации и карусели, так как несколько разделов некоторых страниц требовали от нас создания видеокарт, перемещения панели навигации, открытия и закрытия анимации и т. д. Здесь, чтение документации и просмотр фрагменты пригодятся для решения таких проблем.
  4. Поскольку мы еще не используем библиотеки пользовательского интерфейса, мы столкнулись с множеством проблем при получении одинакового макета на экранах разного размера. Хотя мы смогли справиться с большей частью этого, мы узнали, что эта проблема может быть решена только с помощью библиотек пользовательского интерфейса (которые мы еще не изучили), поэтому мы решили двигаться дальше и исправить другие вещи.

Посетите наш репозиторий на GitHub:https://upbeat-saha-f5b7a4.netlify.app/index.html