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

Складчина: [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 оценка)

Цена со скидкой

Спойлер: Продажник

Скрытая ссылка