Курс по JavaScript

Пошаговые способы запускать JavaScript в браузере через DevTools и Console, а также разбор типичных ошибок и чтение stack trace.

Разбор способов подключения script в HTML, влияние места вставки, атрибуты defer и async, а также порядок выполнения и частые ошибки.

Объяснение, что такое переменные в JavaScript, чем отличаются let и const, почему чаще выбирают const и как избегать типичных ошибок.

Базовые типы данных в JavaScript: строки, числа, логические значения, null и undefined. Проверка типа через typeof и типичные нюансы.

Явное и неявное преобразование типов в JavaScript: Number(), String(), Boolean(), разбор NaN и способы безопасной проверки данных.

Работа со строками в JavaScript: шаблонные строки, конкатенация, доступ к символам, поиск, замена, разбиение и полезные методы.

Условные конструкции if и else в JavaScript: как работают проверки, блоки кода, цепочки else if, сравнения и частые ошибки.

Операторы сравнения: строгое и нестрогое равенство, сравнение чисел и строк, а также нюансы с NaN, null, undefined и объектами.

Как значения приводятся к true или false в условиях: список falsy, примеры с if, логическими операторами и частые нюансы.

Как работают &&, || и !: short-circuit, порядок вычисления, возврат операндов (не только true/false) и типичные паттерны.

Как работает тернарный оператор: синтаксис, приоритет, вложенные тернарники, и когда лучше выбрать if/else.

Как работает switch: сравнение по ===, case/default, break, группировка кейсов и ситуации, где switch читается лучше if/else.

Как устроен цикл for: инициализация, условие, шаг, работа с индексами и границами, а также частые ошибки в циклах.

Как работают while и do...while: проверка условия, минимум одна итерация в do...while, break/continue и типичные ошибки с бесконечными циклами.

Как управлять выполнением циклов: break для остановки, continue для пропуска итерации, примеры для for/while и частые ошибки.

Как перебирать строки и массивы: индексы, length, for/for...of, доступ к символам и элементам, и базовые приемы.

Типичные ошибки при работе с циклами: бесконечные циклы, неверные границы, off-by-one, изменение коллекции во время перебора и ошибки с continue.

Базовые идеи функций: зачем они нужны, параметры и аргументы, возвращаемое значение через return, ранний выход и частые ошибки.

Как передавать данные в функции: параметры и аргументы, missing arguments, значения по умолчанию, rest-параметры и аккуратные проверки.

Два способа создать функцию: declaration и expression. Разница простыми словами: hoisting, где можно вызывать, и как выбирать подходящий вариант.

Стрелочные функции: синтаксис, короткий return, удобство для колбэков и важные ограничения (this, arguments, new).

Как работает scope: глобальная, функциональная и блочная области видимости, lexical scope, shadowing и частые ошибки с var.

Как guard clauses упрощают код: ранние return, меньше вложенных if, обработка ошибок и проверка входных данных.

Частые ошибки при вызове и работе функций: undefined, NaN, неверный тип данных, и как сделать проверки, чтобы код был надежнее.

Небольшие правила, которые делают код понятнее: хорошие имена, маленькие функции, ранний выход, минимум вложенности и аккуратные условия.

База по массивам: что такое массив, как устроены индексы, свойство length, доступ к элементам и типичные ошибки с границами.

Базовые методы изменения массива: push и pop для конца, shift и unshift для начала. Что возвращают методы и на что обратить внимание.

Два похожих метода массивов с разным смыслом: slice делает копию (не меняет массив), splice изменяет массив (удаляет/вставляет).

Три способа перебора массива: классический for с индексом, for...of по значениям и forEach как метод. Отличия и когда что удобнее.

Как работает map: преобразование элементов в новый массив, функция-колбэк, неизменяемость исходного массива и частые ошибки.

Как работает filter: отбор элементов по условию, новый массив, колбэк с boolean, примеры с числами и объектами и частые ошибки.

Методы для поиска и проверок: find возвращает элемент, some проверяет что есть хотя бы один, every проверяет что подходят все. Примеры и нюансы.

Два способа проверить наличие элемента в массиве: includes возвращает boolean, indexOf возвращает индекс или -1. Примеры и нюансы с NaN.

Почему sort по умолчанию сортирует как строки и как правильно сортировать числа через compareFn. Примеры по возрастанию, убыванию и сортировка объектов.

Метод reduce собирает массив в одно значение: сумма, произведение, максимум и объект-счетчик. Синтаксис, initialValue и частые ошибки.

База по объектам: что такое объект, свойства и ключи, чтение и запись через точку и квадратные скобки, удаление свойств и частые ошибки.

Как работать с вложенными объектами: чтение и запись по цепочке, типичные ошибки TypeError, проверки, optional chaining (?.) и nullish coalescing (??).

Как получить ключи, значения и пары ключ-значение из объекта: Object.keys/values/entries, перебор через for...of и типичные нюансы.

Как удобно доставать значения из объектов и массивов: базовая деструктуризация, значения по умолчанию, переименование, вложенные структуры и частые ошибки.

Оператор ... в двух ролях: spread для копирования и объединения массивов/объектов и rest для сборки остатка в деструктуризации и параметрах функций.

Почему изменения массива или объекта могут неожиданно влиять на другие переменные: ссылочные типы, общая ссылка, поверхностная копия и как избегать случайных мутаций.

Как превращать данные в JSON-строку и обратно: JSON.stringify/parse, форматирование, ошибки парсинга, ограничения JSON и практичные примеры.

Почему массив объектов - один из самых частых форматов данных: чтение и поиск, map/filter/reduce по полям, обновление элемента без мутации и частые ошибки.

Частые ошибки при работе с объектами и JSON: undefined и отсутствующие свойства, квадратные скобки, мутации, поверхностные копии, parse/stringify и ошибки формата.

DOM - это объектная модель HTML-страницы. Как устроено дерево элементов, что такое document, как находить элементы и менять текст, атрибуты и классы.

Как находить элементы на странице через CSS-селекторы: querySelector/querySelectorAll, NodeList, перебор, поиск внутри контейнера и частые ошибки.

Как менять содержимое элементов: textContent vs innerHTML, когда нужен HTML, почему innerHTML может быть опасным и как делать безопаснее.

Как читать и менять атрибуты и классы элементов, что такое data-* и dataset, как правильно работать с булевыми атрибутами и типовые ошибки.

Как создавать элементы в DOM через createElement, задавать текст и атрибуты, добавлять в документ через append/prepend, собирать фрагменты и избегать типовых ошибок.

Как работают события в браузере: addEventListener, обработчик, объект event, target/currentTarget, preventDefault, keydown и типовые ошибки.

Как работать с формами в JavaScript: события input и submit, чтение значений, preventDefault, FormData, кнопки submit и типовые ошибки.

Как обрабатывать события на списках и динамических элементах через один обработчик: всплытие, event.target, closest и практичные примеры.

Как хранить простые данные в браузере через localStorage: setItem/getItem/removeItem, хранение строк, чисел и boolean, JSON для объектов и типовые ошибки.

Как держать DOM-код понятным без фреймворков: состояние, функции-обработчики, render, обновление UI и простой шаблон структуры файла.

Простое объяснение асинхронности: что блокирует поток, зачем нужны callbacks и Promises, как работает очередь задач, setTimeout и типовые причины эффекта 'не по порядку'.

Как работать с Promise: цепочки then, обработка ошибок через catch, финальная логика через finally, возврат значений, проброс ошибок и типовые ловушки.

Как писать асинхронный код понятнее: что делает async, как работает await, обработка ошибок через try/catch, параллельные запросы и частые ошибки.

Как ловить ошибки через try/catch, когда он работает и когда нет, throw, finally, собственные ошибки и обработка ошибок в async/await.

Как делать GET-запросы через fetch, проверять статус ответа, разбирать JSON, обрабатывать ошибки и работать с query-параметрами.

Какие ошибки бывают при fetch: HTTP-статусы, сетевые сбои, aborted, CORS, ошибки парсинга JSON и как писать надежный шаблон обработки.

Как запускать несколько запросов параллельно через Promise.all: отличие от последовательных await, обработка ошибок, Promise.allSettled и типовые ошибки.

Как сделать простой кеш в localStorage: хранение JSON, метка времени, TTL, обновление по сети и обработка ошибок.

Как работает модульная система в JavaScript: export и import, default и именованные экспорты, пути и расширения, type="module", частые ошибки и полезные правила структуры.

Простой подход к структуре маленького проекта: разделение на data, logic и ui, точка входа, зависимости между слоями и пример мини-проекта.

Как находить ошибки в JavaScript: чтение сообщений в консоли, стек вызовов, breakpoints, оператор debugger, watch, пошаговое выполнение и типовые сценарии.

Подборка типовых ошибок в JavaScript: сравнения и приведение типов, ошибки условий и циклов, массивы и объекты, работа с DOM, async/await, import/export и чтение ошибок.

Короткий чек-лист из 10 правил, которые делают JavaScript-код читаемее: имена, функции, условия, структура, данные, побочные эффекты, ошибки и стиль.

Куда двигаться после базы JavaScript: углубление в DOM и браузерные API, TypeScript, сборка и модули, тестирование, а затем выбор фреймворка. Понятные ориентиры и примеры.