JavaScript: основы языка и работа с DOM (презентация)

1. Переменные, типы данных, операторы

Теория:

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

   • Объявление: let, const, var (разница между ними).

   • Имена переменных: правила (нельзя начинать с цифры, регистрозависимость).

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

   • Примитивы: number, string, boolean, null, undefined, symbol, bigint.

   • Объекты: object, array, function.

   • Проверка типа: typeof.

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

   • Арифметические: +, -, *, /, %, **.

   • Сравнения: ==, ===, !=, !==, >, <, >=, <=.

   • Логические: &&, ||, !.

   • Присваивания: =, +=, -=.

2. Функции, циклы, условия

Теория:

1. Функции:

   • Объявление: function sum(a, b) { return a + b; }.

   • Стрелочные функции: const sum = (a, b) => a + b;.

2. Условия:

   • if...else, switch.

   • Тернарный оператор: condition ? true : false.

3. Циклы:

   • for: for (let i = 0; i < 5; i++) { ... }.

   • while: while (condition) { ... }.

   • do...while: do { ... } while (condition).

3. Работа с DOM (Document Object Model)

Теория:

1. Выбор элементов:

   • document.getElementById(), document.querySelector(), document.querySelectorAll().

2. Изменение содержимого:

   • element.textContent, element.innerHTML.

   • element.setAttribute(), element.style.

3. События:

   • click, mouseover, keydown.

   • Добавление обработчиков: element.addEventListener().

Инструменты

1. Браузерные инструменты:

   • Консоль разработчика: Для отладки кода (F12).

   • JSFiddle/CodePen: Онлайн-песочницы для экспериментов.

2. Редакторы кода:

   • VS Code с плагинами:

     • Live Server: Автоперезагрузка страницы.

     • ESLint: Проверка стиля кода.

3. Фреймворки для тестирования:

   • Jest: Для написания юнит-тестов (например, проверить функцию isEven).