Обьектно-ориентированне программирование в рамках языка JavaScript. Изучаем понятие классов, объектов, геттеров и сеттеров, методов и свойств. Применяем ООП на примерах DOM в JS. Изучаем this, контекст, способы изменения контекста. Курс содержит 2 проекта — разработка корзины интернет магазина ( товары, сумма, отрисовка корзины) и создание виджета gridView, который принимает данные в виде объекта и обрисовывает на странице таблицу с фильтрами.
- Количество видеоуроков: 14
- Количество задач в ДЗ: 49
Проекты:
- Корзина магазина. Разрабатываем методы добавления в корзину, изменения товаров, расчёта суммы, вывода корзины.
- Разработка виджета gridView, виджет принимает объект и позволяет отрисовать на странице оформленную таблицу с фильтрами.
Программа обучения
- Что такое ООП, мифы и реальность. Киты ООП: инкапсуляция, полиморфизм, наследование
- Понятие объекта. Свойства и методы. Прототипное программирование. Наследование.
- Класс, объект, конструктор. свойства и методы. This.
- Наследование с использованием классов. Super, конструктор.
- Волшебные методы get, set (геттеры и сеттеры). Понятие о приватных свойствах.
- Статические свойства и методы.
- This – значение в классах, объектах, функциях. Стрелочные функции и this. Понятие контекста.
- Явное указание контекста с использованием call и apply. Метод bind.
- Создание виджета GridView с использованием ООП (1)
- Создание виджета GridView с использованием ООП (2)
- Создание виджета GridView с использованием ООП (3)
- Использование ООП во FrontEnd разработке на примере корзины интернет-магазина
- Использование ООП во FrontEnd разработке на примере корзины интернет-магазина (часть 2)
- Заключение
