Это краткое описание первого проекта, который был сделан в рамках недели конструирования второго блока в Школе Масаи для Full Stack Web Developer Bootcamp.

[Ссылка на проект: Upsehu/India-mart: Clone of the India Mart (github.com)]

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

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

Вторая часть затрагивала темы, упомянутые ниже:

  • Основы HTML и блочная модель
  • Стиль веб-страницы с использованием CSS и макетов CSS более высокого уровня, а именно Flexbox и Grid.
  • Основы сценариев Java, решение основных задач с использованием операторов, итерационных циклов, условных операторов, массивов, строк и объектов.
  • Темы DSA и решение проблем.
  • Обработка DOM с помощью сценария Java.
  • Обучение коммуникативным навыкам для улучшения коммуникативных и письменных навыков учащихся, а также для сохранения мотивации и последовательности в рамках четко определенной строгой учебной программы.

Команда обучения и поддержки

Нрупул Дев (техническое обучение)

Йогеш Бхат (обучение навыкам межличностного общения)

Нирадж Рават (преподаватель)

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

Описание проекта, команда и объем работ:

Как упоминалось в заголовке, мы, команда под названием "SARN", которая состоит из четырех участников, которых зовут Шайлендра Сингх (fw12_207), Ановар Хоссейн (fw12_265), Ришабх Камбой (fw12_003) и Нитину Гупте (fw12_272) было поручено клонировать веб-сайт indiaMART.com.

IndiaMART — крупнейший в Индии онлайн-рынок B2B, соединяющий покупателей с поставщиками. Имея 60% доли рынка онлайн-пространства B2B Classified в Индии, канал фокусируется на предоставлении платформы для малых и средних предприятий (МСП), крупных предприятий, а также частных лиц. Миссия компании, основанной в 1999 году, — «облегчить ведение бизнеса».

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

Страницы, которые мы выбрали для разработки, и участник, который над ними работал, указаны в следующем разделе:

Целевая страница — Шайлендра Сингх

Войти и зарегистрироваться — Ановар Хоссейн

Весь бэкэнд был обработан — Rishabh Kamboj

Создание данных и страница сведений о продукте — Нитин Гупта

Более подробное описание каждой страницы, которая была клонирована:

Целевая страница:

Целевая страница была созданаШайлендрой, и эта страница представляет собой очень находчивую страницу для пользователя, который использует это приложение, эта страница направляет клиента в соответствии с его потребностями и требованиями, а также для создания таких полноценная страница, разработчик должен был использовать много HTML из-за большого количества тегов и чрезмерной глубины страницы, когда дело доходит до стиля, использовались сетки CSS и, таким образом, для повышения общей ответственности за манипуляции с DOM страницы. .

Страница входа, регистрации и оплаты:

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

Страница результатов поиска:

Страница результатов поиска предоставила клиенту возможность гибкого поиска продукта/услуги в соответствии с его требованиями, а также возможности выбора среди различных продуктов/услуг, предлагаемых различными продавцами, доступными на indiaMart со всей Индии, что делает расходы клиента до оптимального уровня. Эту страницу создалRishabhиз нашей команды, используя JS для управления DOM, HTML и CSS.

Страница описания продукта и форма требования:

Страница описания продукта была создана мной (Нитин), и цель этой страницы заключалась в том, чтобы дать клиенту лучшее представление о конкретном продукте, который его интересовал. Эта страница была прилично длинной и была создана с использованием HTML, CSS для стилей и манипулирования DOM с использованием основных кодов javascript.

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