ВІДЕОУРОК № 6. Робота з DOM деревом, шаблони та антишаблони
Поговоримо про різні види літералів об'єктів, як-от порожні об'єкти, об'єкти з властивостями та вкладені об'єкти. Також буде розглянуто, що таке користувацькі конструктори та як їх використовувати для створення об'єктів з однаковими властивостями. Дізнаємось, що таке літерали масивів та як їх використовувати для створення масивів у JavaScript. Буде розглянуто роботу з об’єктами обгортками, як-от числа, рядки. Учні вивчать структури даних Set і Map, які дозволяють зберігати унікальні значення та пари ключ-значення відповідно.
На уроці студенти ознайомляться з термінами функції, параметрами, аргументами та поверненням значення. Будуть розглянуті різні типи функцій та їх особливості, поняття колбеків та їх використання. Студенти дізнаються, як створювати та використовувати замикання для реалізації приватності даних. Ознайомимося з технікою карірування та її використання у функціях. Розберемо поняття мемоізації та її використання у функціях.
Будуть розглянуті поняття про те, що змінні можуть бути локальними або глобальними, і як це впливає на доступ до них з різних частин програми. Розберемо концепцію просторів імен, яка дозволяє зберігати змінні в окремих областях видимості і уникнути конфліктів імен. Поговоримо про те, як використовувати шаблон Модуль для створення збірки функцій та змінних, які можна експортувати для використання в інших частинах програми.
Роздивимось на практиці, як створити класи на основі інших класів, як використовувати ключове слово "extends" для наслідування властивостей та методів батьківського класу, та як перевизначати методи, щоб додати нову функціональність до нащадка.
Особливу увагу приділено розбіру шаблонів Singleton, Factory, Facade, Proxy, Decorator. На уроці докладніше розглянемо кожен з цих шаблонів, їх призначення, особливості реалізації та приклади використання в JavaScript.
На уроці детально розглянемо шаблони Iterator, Strategy, Mediator, Observer. Докладніше розглянемо кожен з цих шаблонів, їх призначення, особливості реалізації та приклади використання в JavaScript.
Ознайомимося з тим, як звертатися до елементів DOM, змінювати їх властивості та стилі, додавати та видаляти елементи, обробляти події, використовуючи різні шаблони, як-от модуль та інші. Урок покаже, як створювати та використовувати вебворкери, передавати та отримувати повідомлення між потоками та використовувати їх для розподілу завдань. Розберемо async defer атрибути + оптимізацію завантаження Js файлів.