Я учусь в Школе Масаи компании Batch ft-web12. И я очень счастлив быть учеником Школы Масаи, это мой первый проект. Я нахожусь на пороге завершения второго блока в школе Масаи. Это последняя неделя блока 2, называемая неделей сборки. На неделе сборки студенты в составе группы из 4 человек создают клон любого крупного веб-сайта, и моей команде был выделен hokmakeup.com.
[Ссылка на Github:https://github.com/Ankit-Mishra07/hokmakeup.git]
На втором этапе школы масаи я многому научился, например:
Из учебного курса по программированию:
HTML и стили
Блочная модель HTML
Селекторы HTML CSS
HTML-свойства CSS
Комбинаторы HTML
CSS Flex и сетка
Медиа-запросы CSS
Объектная модель документа
Как работает Js
Локальное хранилище
Асинхронное программирование
и многое другое…
Из учебного плана DSA:
Анализ сложности
JS принимает входные данные
Техника двух указателей
Техника раздвижного окна
Алгоритмы
Структура данных стека
и многое другое…
Обучение навыкам межличностного общения для улучшения коммуникативных и письменных навыков кандидата, а также для сохранения мотивации и последовательности в рамках четко определенной строгой учебной программы.
Группа обучения и поддержки
Нрупул Дев (Техническое обучение)
Свананд Кадам (техническое обучение)
Йогеш Бхат (обучение навыкам межличностного общения)
Митри (Обучение навыкам межличностного общения)
Анкуш (тренировка структуры данных)
Вишал Кумар (ассистент-инструктор)
Описание проекта:
HOK MAKEUP — это самый простой способ купить косметику международных брендов в Индии. 100% оригинальная продукция напрямую от брендов.
В команде из 4 человек мы решили отрисовать основные части веб-сайта, где я был выделен для всех javascript и основных частей css и страниц, таких как главная страница в верхней части, страница входа, страница продуктов, страница списка пожеланий, страница корзины. , страница новых поступлений , страница макияжа , страница скина, информационная страница, страница доставки, страница оплаты, страница размещения заказа.
Более глубокое понимание моих личных работ:
- Домашняя страница:На этой странице предупреждение при открытии сайта, всплывающее окно входа в систему после нажатия на кнопку входа, слайды, макияж и всплывающее окно скина при наведении на него курсора мыши и окно чата сделано мной с помощью HTML , CSS и JavaScript в качестве члена команды.
2. Страница входа:всплывающее окно страницы входа после нажатия на кнопку входа является обычным явлением для большинства страниц. Эта страница создана с использованием HTML CSS и JavaScript. Я использовал локальное хранилище для сопоставления данных пользователя.
3. Страница товаров. На этой странице представлен ассортимент товаров различных брендов. на этой странице есть добавление в корзину, добавление в список желаний, сортировка по различным категориям, сортировка по цене, различный макет после нажатия на кнопки просмотра, функциональность всплывающих окон в избранном поле и многие другие функции. Все это делается с помощью HTML, CSS и JavaScript.
4. Страница списка желаний:после нажатия на значок сердца любого изображения оно будет добавлено на страницу списка желаний, на которой работают кнопки добавления в корзину и удаления. Все это делается с помощью HTML, CSS и JavaScript.
5. Страница корзины: после нажатия кнопки добавления в корзину любого продукта он будет добавлен на страницу корзины, на которой отображается общая стоимость продуктов и расчет доставки, а также сводка заказа в примечании. Все это делается с помощью HTML, CSS и JavaScript.
6. Информационная страница: я сделал только часть Javascript этой страницы. Информация, которую мы добавляем сюда, будет видна на странице доставки. Он имеет функцию применения кода купона. После применения кода купона общая стоимость будет обновлена соответствующим образом.
7.Страница доставки: контакт и адрес, которые мы добавили на страницу информации, будут отображаться на странице доставки. Он имеет функцию применения кода купона. После применения кода купона общая стоимость будет обновлена соответствующим образом.
8.Страница оплаты: на этой странице общая стоимость и контактный номер будут обновлены соответствующим образом. Здесь используется лучшая часть CSS. Все это делается с использованием HTML, CSS и JavaScript.
9.Страница размещенного заказа: показывает, что ваш заказ размещается с разными изображениями через определенные промежутки времени. После нажатия кнопки «Продолжить покупки» он будет перенаправлен на страницу продуктов. Это делается с помощью HTML, CSS и JavaScript.
Сноски:
Все изображения и ссылки на значки взяты с основного веб-сайта и некоторых других интернет-источников и могут быть защищены авторским правом. Поэтому старайтесь не использовать изображения или значки в коммерческих целях и не воспроизводить их без предварительного разрешения владельца. Используемые здесь изображения и значки служат только для иллюстрации.