«Пoнятный JavaScript»

1. История и эволюция JavaScript:

• история языка;
• Backend и Frontend;
• определение и особенности JavaScript;
• JavaScript на клиенте и на сервере;
• разновидности JavaScript;
• стандарт ECMAScript.

2. Подключение JavaScript:

• инлайновое подключение;
• подключение внешнего файла;
• порядок загрузки defer/async.

3. Переменные:

• ключевые слова var, let и const;
• наименование переменных;
• hoisting (поднятие переменных);
• область видимости;
• особенности переменных.

4. Типы данных:

• простые типы данных;
• составные типы данных;
• оператор typeof.

5. Операторы:

• оператор присваивания;
• бинарные операторы;
• унарный оператор;
• инкремент/декремент;
• операторы сравнения;
• логические операторы.

6. Преобразование типов:

• строковое преобразование;
• численное преобразование;
• логическое преобразование;
• преобразование объектов.

7. Условные операторы:

• конструкция if ... else;
• конструкция switch … case;
• тернарный оператор (? :).

8. Циклы:

• for;
• while;
• do … while;
• операторы break и continue;
• вложенные циклы;
• циклы для объектов и массивов.

9. Функции и их виды:

• определение и синтаксис;
• function declaration и function expression;
• анонимная функция;
• самовызывающаяся функция (IIFE);
• стрелочная функция (arrow function).

10. Область видимости и замыкание:

• область видимости (Scope);
• контекст (Context);
• контекст исполнения (Execution Context);
• лексическая область видимости;
• замыкание (Closure);
• блочные конструкции (Block Statements).

11. Расширенные возможности функции:

• аргументы;
• псевдомассив arguments;
• rest оператор.

12. Глобальные функции:

• isNaN и isFinite;
• parseFloat и parseInt;
• encodeURI и encodeURIComponent;
• decodeURI и decodeURIComponent.

13. Объекты:

• определение и использование;
• свойства и методы;
• концепция передачи по ссылке и по значению;
• копирование объектов;
• итераторы объектов;
• spread оператор и деструктуризация объекта.

14. Встроенные объекты в JavaScript:

• String и шаблонные строки;
• Number и Boolean;
• Date;
• Math.

15. Массивы:

• определение и использование;
• методы массивов;
• spread оператор и деструктуризация массива.

16. Итераторы массивов:

• for и for ... of;
• forEach;
• map и filter;
• every и some;
• reduce и reduceRight.

17. DOM:

• DOM дерево и типы node;
• поиск DOM элементов;
• навигация по DOM дереву.

18. Работа с DOM:

• DOM свойства и методы;
• создание и вставка DOM элементов;
• удаление DOM элементов.

19. Отладка скрипта:

• обзор Chrome Dev Tools;
• Breakpoints;
• Stack Trace.

20. BOM:

• Window;
• Screen;
• Location;
• History;
• Cookie и Web Storage;
• Popup (alert, confirm и prompt);
• Timing (setInterval и setTimeout).

21. Основы работы с событиями:

• события и их виды;
• назначение обработчика событий;
• удаление обработчика событий.

22. Приемы для работы с событиями:

• порядок работы событий;
• объект event;
• делегирование события;
• собственные события.

23. Работа с this:

• this в функциях;
• this в объектах;
• потеря контекста;
• this в стрелочных функциях;
• this в событиях.

24. Модуль, конструктор и потеря контекста:

• паттерн “Модуль”;
• функция-конструктор;
• решения проблемы потери контекста.

25. ООП и прототипы:

• основные понятия ООП;
• прототип готового объекта __proto__;
• установка прототипа для функции-конструктора;
• реализация «класса» с помощью прототипа.

26. Наследование:

• основные понятия;
• прототипное наследование в JavaScript;
• свойство constructor и переопределение методов;
• родительские свойства и методы в контексте дочернего объекта.

27. Классы и наследование в ES6:

• классы в ES6;
• наследование с помощью классов.

28. Регулярные выражения:

• где и зачем применяются регулярные выражения;
• основные примеры работы с RegExp.

29. Сеть и обмен данными:

• обзор сетевых взаимодействий;
• JSON - структура и основные приемы работы.

30. AJAX:

• что такое AJAX и для чего он используется;
• XMLHttpRequest - основа AJAX технологии;
• fetch;
• пример с использованием Node сервера.

31. Асинхронный JavaScript:

• синхронное и асинхронное программирование;
• функции обратного вызова (callback);
• промисы (Promise);
• async/await.

32. Паттерны проектирования:

• что такое шаблоны разработки;
• Singleton;
• Factory;
• Decorator.

33. Структурные шаблоны и фреймворки:

• MVС и MV*;
• что такое фреймворк.

34. Инструментарий Frontend разработчика. Часть 1:

• некоторые приемы работы в консоли;
• обзор NPM (Node Package Manager).

35. Инструментарий Frontend разработчика. Часть 2:

• обзор Gulp и Webpack;
• обзор SASS.