Привет, ребята, я здесь, чтобы поделиться своим опытом создания клона Udemy, одной из лучших онлайн-платформ для обучения в мире.
B.B.King прекрасно сказал:
«Прелесть обучения в том, что никто не может отнять его у тебя».
Udemy — это платформа, которая позволяет преподавателям создавать онлайн-курсы по интересующим их темам. Используя инструменты разработки курсов Udemy, они могут загружать видео, презентации PowerPoint, PDF, аудио, ZIP-файлы и живые классы для создания курсов. Преподаватели также могут взаимодействовать с пользователями через онлайн-форумы.
Это полностью доступно как в мобильной (Android и iOS), так и в настольной версиях.
Наша цель-
Мы, команда udemyиз группы ниндзя-2 школы масаи, попытались создать клон веб-сайта udemy. Я пишу этот блог, чтобы рассказать о нашем путешествии, выполняя удаленную совместную работу.
Позвольте мне кратко рассказать вам обо мне. Я недавно получил диплом инженера-механика в 2021 году, однако я всегда хотел получить высшее образование в области компьютерных наук. На последнем курсе, как мы все знаем, covid-19 случается пандемия, я сам подумал о повышении квалификации, поэтому я начал искать технологии, которые я могу изучить в условиях изоляции, а затем я начал изучать веб-разработку по некоторым видео на YouTube. После долгих размышлений я понял, что в сегодняшнем конкурентном мире только просмотр видео ничего мне не даст, поэтому я искал платформу, которая могла бы реализовать мои амбиции. Затем я узнал о школе масаи, и меня очень привлекла учебная программа 9–9–6, а также кодирование в стиле милитари. Теперь, когда я здесь, в школе масаи, я действительно думаю, что это было лучшее решение, которое я принял.
Что касается моего первого проекта, мы только закончили 2 месяца в школе масаи и изучили html, css и javascript. Итак, в течение первой недели сборки (которая предназначена только для создания проекта) нам дали задание клонировать веб-сайт Udemy за 7 дней.
Сначала, когда наша группа увидела веб-сайт, мы действительно подумали, как мы можем построить столько за заданное количество времени. Но нам сказали, что «не думайте много, просто прыгайте, тогда все будет ясно». Затем, не задумываясь, мы начали строить этот проект, используя полученные навыки.
Наши повестки дня -
- Разбивка всего сайта на мельчайшие разделы по нашей сильной зоне.
- Установление сроков для каждого человека.
- Просмотрите код, если кто-то не может сделать часть заметной.
- Регулярные коммиты в GitHub и 2 раза встают, чтобы все соответственно обновились.
- Если на исходном веб-сайте обнаружены какие-то недостатки, постарайтесь исправить и их.
Снимки нашего проекта -
1) Целевая страница
а) Сначала, когда вы увидите этот снимок, он будет выглядеть нормально, но мы реализовали почти все функции, такие же, как и на оригинальном веб-сайте, такие как карусель, модальное всплывающее окно.
б) кутежи
c) Модальное всплывающее окно после нажатия кнопки «Добавить в корзину»
2) Страница регистрации и страница входа
а) Имя, адрес электронной почты и пароль необходимы для регистрации.
б) Электронная почта и пароль необходимы для логина.
3)После входа на страницу
После успешной регистрации или входа каждый пользователь перенаправляется на эту страницу. Есть только разница в целевой странице и после входа в систему, то есть тот, кто вошел в систему, его инициалы будут отображаться на панели навигации.
4) Страница корзины
Когда пользователь наводит курсор на любой из курсов, он увидит всплывающее окно с двумя кнопками, одна из которых — пользователь может добавить один курс, какой бы он ни выбрал, в противном случае пользователь может добавить два курса, в которых другой выбирается случайным образом.
Затем пользователь будет перенаправлен на эту страницу, где он может столкнуться с некоторыми дополнительными функциями, такими как удаление, сохранение на потом, перемещение в список желаний и не говоря уже о функциональности купона.
5) Страница оформления заказа
Как только пользователь решил купить курсы, он может нажать на кнопку «Оформить заказ», после чего он будет перенаправлен на страницу оформления заказа. Здесь пользователь может заполнить детали запрашиваемого платежа, а затем нажать «Завершить платеж». После нажатия появится сообщение.
6) Дополнительные страницы
а) Научите на странице udemy
б) Udemy для бизнес-страницы
Используемые технологии -
- Мы использовали HTML-5 и CSS-3 для внешнего интерфейса.
- Javascript для серверной части
- Localstorage используется для хранения данных (поскольку мы еще не знакомы с базами данных)
Команда Udemy-
Следуя хорошо структурированному пути, все мы успешно выполнили свои обязанности в установленные сроки. Члены нашей команды -
- Омкар Гаваде
- Маюр Камте
- Судхир Кумар Самантарай
В школе масаи мы узнали, что
знать недостаточно, мы должны применить.
Хотения недостаточно, мы должны сделать.
(- Брюс Ли)
Пожалуйста, взгляните на наш репозиторий чек
Проблемы -
1. Общение
Расстояние всегда имеет значение для групповой работы. Поскольку мы из разных частей Индии, недопонимание было для нас общей проблемой. Но мы делаем это с помощью slack и WhatsApp
2. Сотрудничество
Поскольку мы используем совместную работу Git, изначально мы столкнулись с некоторыми техническими проблемами, но постоянная координация упростила задачу.
Эти две задачи улучшают наши способности быть командными игроками
Вывод -
Я хотел бы поблагодарить обоих членов моей команды, Mayur Kamthe, SudhirKumar Samantharay, за их вклад. В первый день, получив проект, мы думали, что это для нас невозможно, но
Все невозможно, пока это не сделано…
Я очень горжусь тем, что у меня есть такие трудолюбивые члены команды, а также чувствую, что мне очень повезло, что я являюсь частью Школы Масаи.
Спасибо за чтение……..
