{"id":20028271,"url":"https://github.com/itmtm/project_bringitup","last_synced_at":"2026-05-08T23:11:32.005Z","repository":{"id":197826264,"uuid":"699275499","full_name":"ITmTm/Project_bringitup","owner":"ITmTm","description":"Project: Bringitup","archived":false,"fork":false,"pushed_at":"2023-10-05T07:04:32.000Z","size":5424,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T17:30:35.841Z","etag":null,"topics":["accordion","ajax","animated","animation-css","api","async-await","constructor","es6","es6-classes","es6-modules","fetch-api","gulp","gulp-webpack","javascript","mask","oop","sliders","video-player"],"latest_commit_sha":null,"homepage":"https://itmtm.github.io/Project_bringitup/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ITmTm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-02T09:59:47.000Z","updated_at":"2023-10-05T07:09:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"d227abc9-f2a6-426c-8d5e-a2cd0b1a1414","html_url":"https://github.com/ITmTm/Project_bringitup","commit_stats":null,"previous_names":["itmtm/project_bringitup"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITmTm%2FProject_bringitup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITmTm%2FProject_bringitup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITmTm%2FProject_bringitup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ITmTm%2FProject_bringitup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ITmTm","download_url":"https://codeload.github.com/ITmTm/Project_bringitup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241460044,"owners_count":19966516,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accordion","ajax","animated","animation-css","api","async-await","constructor","es6","es6-classes","es6-modules","fetch-api","gulp","gulp-webpack","javascript","mask","oop","sliders","video-player"],"created_at":"2024-11-13T09:13:58.227Z","updated_at":"2026-05-08T23:11:26.985Z","avatar_url":"https://github.com/ITmTm.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003ePROJECT: Bringitup\u003c/h1\u003e\n\n![Screenshot_3](https://github.com/ITmTm/Project_bringitup/assets/98873757/09a7771c-abba-4230-8a1e-afb113127c82)\n\n\u003ch2 align=\"center\"\u003eМногостраничный сайт и скрипты полностью в \u003cb\u003eООП\u003c/b\u003e стиле\u003c/h2\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026#10102; Работа с классами \u003ci\u003ees6\u003c/i\u003e стандарта;\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026#10103; Весь функционал прописан при помощи классов с использованием обертки функции конструктора, которые есть в \u003ci\u003eJS\u003c/i\u003e;\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026#10104; Работа с конструированием классов:\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026bull; со свойствами;\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026bull; c наследованием;\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026bull; с контекстом вызова \u003ci\u003ethis\u003c/i\u003e, \u003ci\u003ebind(this)\u003c/i\u003e;\u003c/h3\u003e\n\n\u003ch3 align=\"left\"\u003e\u0026bull; со сторонним \u003ci\u003eyouTube API\u003c/i\u003e.\u003c/h3\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u0026#10149; Реализация слайдера:\u003c/h4\u003e\n\n- переключение по стрелке слайдера(кнопка вверх отсутствует);\n- анимация, с помощью \u003ci\u003eanimated.css;\u003c/i\u003e\n- возврат на первый слайд, осуществляется кликом на лого.\n\n\u003ch4\u003e\u0026#10149; Реализация воспроизведение видео используя \u003ci\u003eYouTube API\u003c/i\u003e:\u003c/h4\u003e\n\n- после закрытия видео останавливается, после повторного открытия, видео начинается заного(сбрасывается).\n\n\u003ch4\u003e\u0026#10149; Реализация вторичных слайдеров:\u003c/h4\u003e\n\n- на первом большом слайде, переключение маленьких слайдов, с добавлением активности;\n- на 3-ем большом слайде, автопереключение маленьких слайдов с интервалом 5сек;\n- при наведений курсора, автопереключение останавливается;\n- на 5-ом большом слайде, показ маленьких слайдов с возможностью просмотра видео и с текстовым описанием.\n\n\u003ch4\u003e\u0026#10149; Реализация блока с различиями на 2-ом большом слайде:\u003c/h4\u003e\n\n- при клике на плючик, анимированное и интерактивное появление блока;\n- на последнем клике по плюсику, блок исчезает и заменяется на информационный.\n\n\u003ch4\u003e\u0026#10149; Реализация форм отправки данных:\u003c/h4\u003e\n\n- \u003ci\u003efetch api c async / await\u003c/i\u003e поcредством AJAX;\n- валидация email, запрет на ввод латинских букв;\n- маска ввода +1 (США);\n- отключение кнопки отправки с помощью \u003ci\u003edisabled\u003c/i\u003e;\n- при отправке данных, форма анамированно уходит со страницы и аналогично возвращается;\n- оповещение пользователя при отправке (\u003ci\u003eloading, success, failure\u003c/i\u003e);\n- очистка инпутов после отправки.\n\n\u003ch4\u003e\u0026#10149; Реализация динамического видеоплеера в \u003ci\u003eModules.html\u003c/i\u003e:\u003c/h4\u003e\n- на большом слайдере, располошаются два видео плеера, при клике и просмотре(до конца) первого видео, разблокируется(откроется) доступ ко второму;\n\u003cbr\u003e\n- переключение модулей слайдера \u003ci\u003enext, prev\u003c/i\u003e.\n\n\u003ch4\u003e\u0026#10149; Реализация небольшого аккордеона;\u003c/h4\u003e\n\n\u003ch4\u003e\u0026#10149; При клике \u003ci\u003eDownload PDF\u003c/i\u003e - реализуется скачивание файла.\u003c/h4\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitmtm%2Fproject_bringitup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitmtm%2Fproject_bringitup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitmtm%2Fproject_bringitup/lists"}