PROJECT: Bringitup

Многостраничный сайт и скрипты полностью в ООП стиле

❶ Работа с классами es6 стандарта;

❷ Весь функционал прописан при помощи классов с использованием обертки функции конструктора, которые есть в JS;

❸ Работа с конструированием классов:

• со свойствами;

• c наследованием;

• с контекстом вызова this, bind(this);

• со сторонним youTube API.

➥ Реализация слайдера:

• переключение по стрелке слайдера(кнопка вверх отсутствует);
• анимация, с помощью animated.css;
• возврат на первый слайд, осуществляется кликом на лого.

➥ Реализация воспроизведение видео используя YouTube API:

• после закрытия видео останавливается, после повторного открытия, видео начинается заного(сбрасывается).

➥ Реализация вторичных слайдеров:

• на первом большом слайде, переключение маленьких слайдов, с добавлением активности;
• на 3-ем большом слайде, автопереключение маленьких слайдов с интервалом 5сек;
• при наведений курсора, автопереключение останавливается;
• на 5-ом большом слайде, показ маленьких слайдов с возможностью просмотра видео и с текстовым описанием.

➥ Реализация блока с различиями на 2-ом большом слайде:

• при клике на плючик, анимированное и интерактивное появление блока;
• на последнем клике по плюсику, блок исчезает и заменяется на информационный.

➥ Реализация форм отправки данных:

• fetch api c async / await поcредством AJAX;
• валидация email, запрет на ввод латинских букв;
• маска ввода +1 (США);
• отключение кнопки отправки с помощью disabled;
• при отправке данных, форма анамированно уходит со страницы и аналогично возвращается;
• оповещение пользователя при отправке (loading, success, failure);
• очистка инпутов после отправки.

➥ Реализация динамического видеоплеера в Modules.html:

- на большом слайдере, располошаются два видео плеера, при клике и просмотре(до конца) первого видео, разблокируется(откроется) доступ ко второму;
- переключение модулей слайдера next, prev.

➥ Реализация небольшого аккордеона;

➥ При клике Download PDF - реализуется скачивание файла.