[Udemy] Практический JavaScript (Продвинутый уровень) [Иван Петриченко] [Повтор]

Чему вы научитесь Узнаешь как создавать реальные и полноценные проекты, используя 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 оценка)