Чему вы научитесь
Узнаешь как создавать реальные и полноценные проекты, используя JavaScript
Получишь необходимую практику и сформируешь портфолио проектов
Закрепишь всю теоретическую информацию
Узнаешь новые подходы и как избегать ошибок
Создашь свою JavaScript UI библиотеку
Получишь представление об различной архитектуре проектов
Требования
Средние навыки владения версткой (HTML/CSS)
Средние навыки владения JavaScript (ES6+)
Желание получить новые навыки и практику
Материалы курса
–Проект №1.
Как проходить данный курс
Настраиваем сборку проекта и разбираемся с ТЗ
Работа с модальными окнами
Работа с табами (вкладками) на странице
Работа с формами отправки данных
Работа с формой-калькулятором, часть 1
Работа с формой-калькулятором, часть 2
Работа с таймером
Реализуем модуль с показом изображений
Улучшаем наш проект (анимации, правильное поведение overflow)
–Проект №2. Объемный проект в классическом стиле
Знакомство с проектом и работа с модальными окнами
"Ловим" скролл до конца страницы и модальное окно подарка
Работа со слайдерами на странице
Работаем с формами отправки данных
Создаем маску для номера телефона
Простая "подгрузка" элементов
Подгружаем элементы с сервера
Создаем калькулятор расчета общей суммы
Фильтрация элементов на странице
Замена изображений при наведении
Создаем аккордеон
Работаем с бургер-меню
Создаем плавный скролл на сайте
Реализация Drag & Drop загрузки изображений
Проект №3. Многостраничный сайт и скрипты полностью в ООП стиле
Знакомство с проектом и реализация главного слайдера
Всплывающий со временем блок
Создаем видеоплеер в модальном окне
Наследование классов. Создаем общий прототип слайдера и главные слайдеры
Реализация вторичных слайдеров (меньших размеров)
Реализация блока с различиями
Работаем с формами отправки данных
Многостраничность. Как избегать ошибок в коде.
Главный слайдер второй страницы, всплытие событий
Создаем динамический видеоплеер
Функционал загрузки файлов, разворачивания контента и итоги проекта
–Создаем свою JavaScript UI библиотеку
Введение
Сборка и архитектура проекта
Работа с css-классами и обработчиками событий
Создаем методы для работы с элементами, часть 1
Создаем методы для работы с элементами, часть 2
Создаем анимации fadeIn/fadeOut
Работа со стилями + создаем готовые компоненты кнопок для библиотеки
Создаем анимацию fadeToggle
Создаем Dropdown menu как готовый компонент
Создаем компоненты модального окна и карточки товаров
Динамическое создание модальных окон
Создаем компонент табов (вкладок)
Создаем компонент аккордеона
Создаем компонент слайдера
Создаем сервисы для работы с сервером
Проект только с использованием нашей библиотеки
Итоги и полезные ссылки
Дополнительные материалы
Настройка редактора кода
Как работать с JSHint
Локальные сервера
Как работать с сервером в JavaScript ч.1
Как работать с сервером в JavaScript ч.2
Как работать с сервером в JavaScript ч.3
Создаем свою мини-библиотеку в ООП стиле ч.1
Создаем свою мини-библиотеку в ООП стиле ч.2
Пишем парсер на JavaScript
Разбор тестовых заданий: Формируем сценарий
Разбор тестовых заданий: Заполнение матрицы спиралью
Разбор тестовых заданий: Сортировка массива товаров
Авторы: Иван Петриченко
Последнее обновление: 3/2020
4,8 (71 оценка)
Цена со скидкой
Узнаешь как создавать реальные и полноценные проекты, используя JavaScript
Получишь необходимую практику и сформируешь портфолио проектов
Закрепишь всю теоретическую информацию
Узнаешь новые подходы и как избегать ошибок
Создашь свою JavaScript UI библиотеку
Получишь представление об различной архитектуре проектов
Требования
Средние навыки владения версткой (HTML/CSS)
Средние навыки владения JavaScript (ES6+)
Желание получить новые навыки и практику
Материалы курса
–Проект №1.
Как проходить данный курс
Настраиваем сборку проекта и разбираемся с ТЗ
Работа с модальными окнами
Работа с табами (вкладками) на странице
Работа с формами отправки данных
Работа с формой-калькулятором, часть 1
Работа с формой-калькулятором, часть 2
Работа с таймером
Реализуем модуль с показом изображений
Улучшаем наш проект (анимации, правильное поведение overflow)
–Проект №2. Объемный проект в классическом стиле
Знакомство с проектом и работа с модальными окнами
"Ловим" скролл до конца страницы и модальное окно подарка
Работа со слайдерами на странице
Работаем с формами отправки данных
Создаем маску для номера телефона
Простая "подгрузка" элементов
Подгружаем элементы с сервера
Создаем калькулятор расчета общей суммы
Фильтрация элементов на странице
Замена изображений при наведении
Создаем аккордеон
Работаем с бургер-меню
Создаем плавный скролл на сайте
Реализация Drag & Drop загрузки изображений
Проект №3. Многостраничный сайт и скрипты полностью в ООП стиле
Знакомство с проектом и реализация главного слайдера
Всплывающий со временем блок
Создаем видеоплеер в модальном окне
Наследование классов. Создаем общий прототип слайдера и главные слайдеры
Реализация вторичных слайдеров (меньших размеров)
Реализация блока с различиями
Работаем с формами отправки данных
Многостраничность. Как избегать ошибок в коде.
Главный слайдер второй страницы, всплытие событий
Создаем динамический видеоплеер
Функционал загрузки файлов, разворачивания контента и итоги проекта
–Создаем свою JavaScript UI библиотеку
Введение
Сборка и архитектура проекта
Работа с css-классами и обработчиками событий
Создаем методы для работы с элементами, часть 1
Создаем методы для работы с элементами, часть 2
Создаем анимации fadeIn/fadeOut
Работа со стилями + создаем готовые компоненты кнопок для библиотеки
Создаем анимацию fadeToggle
Создаем Dropdown menu как готовый компонент
Создаем компоненты модального окна и карточки товаров
Динамическое создание модальных окон
Создаем компонент табов (вкладок)
Создаем компонент аккордеона
Создаем компонент слайдера
Создаем сервисы для работы с сервером
Проект только с использованием нашей библиотеки
Итоги и полезные ссылки
Дополнительные материалы
Настройка редактора кода
Как работать с JSHint
Локальные сервера
Как работать с сервером в JavaScript ч.1
Как работать с сервером в JavaScript ч.2
Как работать с сервером в JavaScript ч.3
Создаем свою мини-библиотеку в ООП стиле ч.1
Создаем свою мини-библиотеку в ООП стиле ч.2
Пишем парсер на JavaScript
Разбор тестовых заданий: Формируем сценарий
Разбор тестовых заданий: Заполнение матрицы спиралью
Разбор тестовых заданий: Сортировка массива товаров
Авторы: Иван Петриченко
Последнее обновление: 3/2020
4,8 (71 оценка)
Цена со скидкой
