Светлый режимТемный режим
Проект №1. Классический стиль >Работа с модальными окнами
Содержание курса
Практический JavaScript (Продвинутый уровень)
Как проходить данный курс Бесплатно3 мин. 41 Сек.
Мобильное приложение1 мин.- ❗️Некоторые обновления, на которые стоит обратить внимание2 мин.
- Настраиваем сборку проекта и разбираемся с ТЗ Бесплатно15 мин. 36 Сек.
- Работа с модальными окнами Бесплатно30 мин. 44 Сек.
- Работа с табами (вкладками) на странице Бесплатно25 мин. 8 Сек.
- Работа с формами отправки данных31 мин. 9 Сек.
- Работа с формой-калькулятором, часть 118 мин. 45 Сек.
- Работа с формой-калькулятором, часть 238 мин. 53 Сек.
- Работа с таймером22 мин. 1 Сек.
- Реализуем модуль с показом изображений11 мин. 7 Сек.
- Улучшаем наш проект (анимации, правильное поведение overflow)11 мин. 32 Сек.
- Знакомство с проектом и работа с модальными окнами17 мин. 47 Сек.
- "Ловим" скролл до конца страницы и модальное окно подарка18 мин.
- Работа со слайдерами на странице27 мин. 44 Сек.
- Работаем с формами отправки данных39 мин. 31 Сек.
- Создаем маску для номера телефона25 мин. 27 Сек.
- Простая "подгрузка" элементов8 мин. 20 Сек.
- Подгружаем элементы с сервера24 мин. 11 Сек.
- Создаем калькулятор расчета общей суммы19 мин. 48 Сек.
- Фильтрация элементов на странице16 мин. 20 Сек.
- Замена изображений при наведении12 мин. 8 Сек.
- Создаем аккордеон26 мин. 19 Сек.
- Работаем с бургер-меню14 мин. 24 Сек.
- Создаем плавный скролл на сайте41 мин. 26 Сек.
- Реализация Drag & Drop загрузки изображений23 мин. 21 Сек.
- Знакомство с проектом и реализация главного слайдера27 мин. 43 Сек.
- Всплывающий со временем блок8 мин. 29 Сек.
- Создаем видеоплеер в модальном окне27 мин. 11 Сек.
- Наследование классов. Создаем общий прототип слайдера и главные слайдеры12 мин. 20 Сек.
- Реализация вторичных слайдеров (меньших размеров)39 мин. 20 Сек.
- Реализация блока с различиями23 мин. 9 Сек.
- Работаем с формами отправки данных26 мин. 4 Сек.
- Многостраничность. Как избегать ошибок в коде.11 мин. 6 Сек.
- Главный слайдер второй страницы, всплытие событий10 мин. 43 Сек.
- Создаем динамический видеоплеер30 мин. 48 Сек.
- Функционал загрузки файлов, разворачивания контента и итоги проекта18 мин. 38 Сек.
- Введение4 мин. 9 Сек.
- Сборка и архитектура проекта33 мин. 26 Сек.
- Работа с css-классами и обработчиками событий22 мин. 18 Сек.
- Создаем методы для работы с элементами, часть 132 мин. 25 Сек.
- Создаем методы для работы с элементами, часть 213 мин. 47 Сек.
- Создаем анимации fadeIn/fadeOut19 мин. 46 Сек.
- Работа со стилями + создаем готовые компоненты кнопок для библиотеки42 мин. 32 Сек.
- Создаем анимацию fadeToggle5 мин. 20 Сек.
- Создаем Dropdown menu как готовый компонент24 мин. 14 Сек.
- Создаем компоненты модального окна и карточки товаров30 мин. 26 Сек.
- Динамическое создание модальных окон30 мин. 5 Сек.
- Создаем компонент табов (вкладок)16 мин. 46 Сек.
- Создаем компонент аккордеона15 мин. 27 Сек.
- Создаем компонент слайдера42 мин. 42 Сек.
- Создаем сервисы для работы с сервером8 мин. 7 Сек.
- Проект только с использованием нашей библиотеки25 мин. 42 Сек.
- Итоги и полезные ссылки3 мин. 15 Сек.
- Настройка редактора кода21 мин. 48 Сек.
- Как работать с ESLint33 мин. 25 Сек.
- Как работать с Prettier7 мин. 12 Сек.
- Локальные сервера11 мин. 20 Сек.
- Как работать с сервером в JavaScript ч.131 мин. 44 Сек.
- Как работать с сервером в JavaScript ч.220 мин. 4 Сек.
- Как работать с сервером в JavaScript ч.326 мин. 26 Сек.
- Создаем свою мини-библиотеку в ООП стиле ч.144 мин. 58 Сек.
- Создаем свою мини-библиотеку в ООП стиле ч.224 мин. 26 Сек.
- Пишем парсер на JavaScript20 мин. 33 Сек.
- Разбор тестовых заданий: Формируем сценарий17 мин. 46 Сек.
- Разбор тестовых заданий: Заполнение матрицы спиралью19 мин. 44 Сек.
- Разбор тестовых заданий: Сортировка массива товаров21 мин. 37 Сек.
Описание эпизода
В этом уроке мы реализуем пункты технического задания, связанные с модальными окнами
Ресурсы:
