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

Bot

Администратор
Команда форума
23 Янв 2020
165,915
2,933
113
Чему вы научитесь
  • Узнаешь как создавать реальные и полноценные проекты, используя 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 оценка)
Цена со скидкой

Спойлер: Продажник
www.udemy.com/course/javascript_practice/
 
Сверху Снизу