JavaScript

Знакомство с JavaScriptтем: 7

1. Что такое JavaScript и где он работает Бесплатно Интерактивный урок
2. Подключение JavaScript к странице: script, defer, async и модули Бесплатно Интерактивный урок
3. DevTools и консоль: console.log, table, group, time Бесплатно Интерактивный урок
4. Рабочее окружение: VS Code, Node.js 22 и запуск скриптов Бесплатно Интерактивный урок
5. Синтаксис: инструкции, точка с запятой, комментарии и строгий режим Бесплатно Интерактивный урок
6. Переменные: let, const и правила именования Бесплатно Интерактивный урок
7. Простой диалог с пользователем: alert, prompt и confirm Бесплатно Интерактивный урок

Типы данных и операторытем: 9

1. Типы данных и оператор typeof Бесплатно Интерактивный урок
2. 🔒 Числа и арифметические операторы Интерактивный урок
3. 🔒 Строки: кавычки, шаблонные строки и конкатенация Интерактивный урок
4. 🔒 Логический тип: true, false, truthy и falsy Интерактивный урок
5. 🔒 null и undefined: в чём разница Интерактивный урок
6. 🔒 Операторы сравнения: == и ===, сравнение строк Интерактивный урок
7. 🔒 Приведение типов: явное и неявное Интерактивный урок
8. 🔒 Логические операторы &&, || и !: короткое замыкание Интерактивный урок
9. 🔒 Оператор ?? и логическое присваивание ||=, &&=, ??= Интерактивный урок

Условия и циклытем: 7

1. 🔒 Условный оператор: if, else if и else Интерактивный урок
2. 🔒 Тернарный оператор и условные выражения Интерактивный урок
3. 🔒 Конструкция switch: case, break и default Интерактивный урок
4. 🔒 Циклы while и do...while Интерактивный урок
5. 🔒 Цикл for: счётчик, шаг и вложенные циклы Интерактивный урок
6. 🔒 Управление циклом: break, continue и метки Интерактивный урок
7. 🔒 Проект: игра «Угадай число»

Функциитем: 11

1. 🔒 Объявление функций: параметры, аргументы и вызов Интерактивный урок
2. 🔒 Возврат значений: return и ранний выход Интерактивный урок
3. 🔒 Function Expression: функции как значения Интерактивный урок
4. 🔒 Стрелочные функции Интерактивный урок
5. 🔒 Параметры по умолчанию и rest-параметры Интерактивный урок
6. 🔒 Колбэки и функции высшего порядка Интерактивный урок
7. 🔒 Область видимости: глобальная, функциональная и блочная Интерактивный урок
8. 🔒 Hoisting, var и временная мёртвая зона Интерактивный урок
9. 🔒 Замыкания: как функция запоминает окружение Интерактивный урок
10. 🔒 Рекурсия и стек вызовов Интерактивный урок
11. 🔒 Проект: электронный кошелёк на замыканиях

Объектытем: 7

1. 🔒 Объекты: литерал, свойства, точка и квадратные скобки Интерактивный урок
2. 🔒 Сокращённая запись свойств и вычисляемые ключи Интерактивный урок
3. 🔒 Методы объекта и первое знакомство с this Интерактивный урок
4. 🔒 Объекты по ссылке: сравнение и мутация Интерактивный урок
5. 🔒 Копирование объектов: spread, Object.assign и structuredClone Интерактивный урок
6. 🔒 Деструктуризация объектов Интерактивный урок
7. 🔒 Опциональная цепочка ?.: безопасный доступ к свойствам Интерактивный урок

Массивы и их методытем: 13

1. 🔒 Массивы: создание, индексы, length и at() Интерактивный урок
2. 🔒 Добавление и удаление: push, pop, shift, unshift, splice Интерактивный урок
3. 🔒 Перебор массива: for, for...of и forEach Интерактивный урок
4. 🔒 Деструктуризация массивов и spread-синтаксис Интерактивный урок
5. 🔒 Поиск и проверки: find, findLast, some, every Интерактивный урок
6. 🔒 map и filter: преобразование и фильтрация массивов Интерактивный урок
7. 🔒 reduce: сворачивание массива в одно значение Интерактивный урок
8. 🔒 Перебор объектов: for...in, Object.keys, values и entries Интерактивный урок
9. 🔒 Группировка данных: Object.groupBy Интерактивный урок
10. 🔒 Сортировка: sort, функция сравнения и localeCompare Интерактивный урок
11. 🔒 Методы без мутации: slice, concat, toSorted, toReversed, with Интерактивный урок
12. 🔒 Создание и преобразование: Array.from, fill, flat, flatMap, join Интерактивный урок
13. 🔒 Проект: аналитика заказов интернет-магазина

Строки, регулярные выражения, числа и датытем: 11

1. 🔒 Методы строк: поиск и проверка Интерактивный урок
2. 🔒 Методы строк: вырезание, замена, split и join Интерактивный урок
3. 🔒 Регулярные выражения: синтаксис, флаги и классы символов Интерактивный урок
4. 🔒 RegExp: квантификаторы, группы и альтернация Интерактивный урок
5. 🔒 RegExp на практике: match, matchAll, replace и валидация Интерактивный урок
6. 🔒 Работа с числами: Math, округление, parseInt и BigInt Интерактивный урок
7. 🔒 Объект Date: создание даты и её компоненты Интерактивный урок
8. 🔒 Вычисления с датами и часовые пояса Интерактивный урок
9. 🔒 Intl.DateTimeFormat и RelativeTimeFormat: форматирование дат Интерактивный урок
10. 🔒 Intl.NumberFormat, PluralRules и ListFormat Интерактивный урок
11. 🔒 Проект: анализатор текста с многоязычным отчётом

Map, Set, JSON и итераторытем: 7

1. 🔒 Коллекция Map: ключи любого типа Интерактивный урок
2. 🔒 Set: уникальные значения и операции над множествами Интерактивный урок
3. 🔒 WeakMap, WeakSet и сборка мусора Интерактивный урок
4. 🔒 JSON: JSON.stringify и JSON.parse Интерактивный урок
5. 🔒 Symbol: уникальные ключи и встроенные символы Интерактивный урок
6. 🔒 Итераторы и итерируемые объекты Интерактивный урок
7. 🔒 Генераторы: function* и yield Интерактивный урок

ООП: this, прототипы и классытем: 10

1. 🔒 this: правила определения контекста Интерактивный урок
2. 🔒 call, apply и bind: управление контекстом Интерактивный урок
3. 🔒 Функции-конструкторы и оператор new Интерактивный урок
4. 🔒 Прототипы и цепочка прототипов Интерактивный урок
5. 🔒 Классы: constructor, методы и поля Интерактивный урок
6. 🔒 Наследование: extends, super и instanceof Интерактивный урок
7. 🔒 Геттеры и сеттеры Интерактивный урок
8. 🔒 Статические свойства и методы Интерактивный урок
9. 🔒 Приватные поля и методы: # Интерактивный урок
10. 🔒 Проект: система учёта библиотеки на классах

Ошибки и отладкатем: 5

1. 🔒 Обработка ошибок: try, catch и finally Интерактивный урок
2. 🔒 Объект Error, типы ошибок и throw Интерактивный урок
3. 🔒 Собственные классы ошибок: extends Error Интерактивный урок
4. 🔒 Отладка в DevTools: точки останова и debugger Интерактивный урок
5. 🔒 Типичные ошибки и стратегии отладки Интерактивный урок

Работа с DOMтем: 9

1. 🔒 Что такое DOM: дерево узлов и объект document Интерактивный урок
2. 🔒 Поиск элементов: querySelector, getElementById, closest Интерактивный урок
3. 🔒 Навигация по DOM: родители, дети и соседи Интерактивный урок
4. 🔒 Содержимое элемента: textContent, innerHTML и innerText Интерактивный урок
5. 🔒 Атрибуты и свойства: getAttribute, setAttribute, dataset Интерактивный урок
6. 🔒 classList и стили: управление классами и CSS Интерактивный урок
7. 🔒 Создание, вставка и удаление элементов Интерактивный урок
8. 🔒 Отрисовка из данных: template, DocumentFragment и replaceChildren Интерактивный урок
9. 🔒 Размеры и прокрутка: getBoundingClientRect и scrollIntoView Интерактивный урок

Событиятем: 10

1. 🔒 Обработчики событий: addEventListener и removeEventListener Интерактивный урок
2. 🔒 Объект события: target, currentTarget и preventDefault Интерактивный урок
3. 🔒 Всплытие и погружение событий Интерактивный урок
4. 🔒 Делегирование событий Интерактивный урок
5. 🔒 События мыши и указателя (pointer events) Интерактивный урок
6. 🔒 События клавиатуры: keydown, key и code Интерактивный урок
7. 🔒 Жизненный цикл страницы: DOMContentLoaded, load, scroll и resize Интерактивный урок
8. 🔒 Пользовательские события: CustomEvent и dispatchEvent Интерактивный урок
9. 🔒 Проект: калькулятор
10. 🔒 Проект: слайдер изображений

Формы и хранение данных в браузеретем: 7

1. 🔒 Работа с формами: form.elements, value, checked и select Интерактивный урок
2. 🔒 События форм: submit, input, change и FormData Интерактивный урок
3. 🔒 Встроенная валидация: Constraint Validation API Интерактивный урок
4. 🔒 Собственная валидация на JavaScript: правила и сообщения Интерактивный урок
5. 🔒 Проект: форма регистрации с валидацией
6. 🔒 localStorage и sessionStorage: хранение данных в браузере Интерактивный урок
7. 🔒 Проект: список задач с сохранением в localStorage

Асинхронный JavaScriptтем: 10

1. 🔒 Таймеры: setTimeout и setInterval Интерактивный урок
2. 🔒 Event loop: стек вызовов и очередь задач Интерактивный урок
3. 🔒 Микро- и макрозадачи: порядок выполнения Интерактивный урок
4. 🔒 Асинхронные колбэки и callback hell Интерактивный урок
5. 🔒 Promise: состояния, then, catch и finally Интерактивный урок
6. 🔒 Цепочки промисов и ошибки в цепочке Интерактивный урок
7. 🔒 Promise.all, allSettled, race, any и withResolvers Интерактивный урок
8. 🔒 async/await: асинхронный код в синхронном стиле Интерактивный урок
9. 🔒 Ошибки в асинхронном коде: параллельное и последовательное выполнение Интерактивный урок
10. 🔒 Проект: квиз-приложение с таймером

Сеть: fetch и REST APIтем: 7

1. 🔒 HTTP и REST для фронтенда: методы, статусы, заголовки Интерактивный урок
2. 🔒 GET-запросы с fetch: Response, json() и URLSearchParams Интерактивный урок
3. 🔒 Отправка данных: POST, PUT, PATCH и DELETE Интерактивный урок
4. 🔒 Сетевые ошибки, таймауты и AbortController Интерактивный урок
5. 🔒 Состояния загрузки в интерфейсе и гонки запросов Интерактивный урок
6. 🔒 Авторизация в API: ключи, токены и CORS Интерактивный урок
7. 🔒 Проект: приложение погоды на открытом API

Браузерные APIтем: 9

1. 🔒 BOM: window, location, navigator и screen Интерактивный урок
2. 🔒 History API: pushState, popstate и простой роутинг Интерактивный урок
3. 🔒 IntersectionObserver: ленивая загрузка и бесконечная прокрутка Интерактивный урок
4. 🔒 Geolocation и Clipboard API: работа с разрешениями Интерактивный урок
5. 🔒 IndexedDB: введение в базу данных браузера Интерактивный урок
6. 🔒 Web Workers: тяжёлые вычисления в фоне Интерактивный урок
7. 🔒 Canvas: введение в рисование Интерактивный урок
8. 🔒 Drag and Drop API: перетаскивание элементов Интерактивный урок
9. 🔒 Проект: Kanban-доска с drag & drop

Модули, npm и инструментытем: 7

1. 🔒 ES-модули: import и export Интерактивный урок
2. 🔒 Динамический import(), top-level await и import.meta Интерактивный урок
3. 🔒 npm: package.json, зависимости и скрипты Интерактивный урок
4. 🔒 Vite: создание проекта, dev-сервер и сборка Интерактивный урок
5. 🔒 Стиль кода: ESLint и Prettier Интерактивный урок
6. 🔒 Unit-тестирование с Vitest Интерактивный урок
7. 🔒 jQuery: краткий обзор для чтения legacy-кода Интерактивный урок

Профессиональный уровень и финальный проекттем: 7

1. 🔒 Функциональный подход: чистые функции и иммутабельность Интерактивный урок
2. 🔒 Каррирование, частичное применение и композиция функций Интерактивный урок
3. 🔒 Debounce и throttle: контроль частоты вызовов Интерактивный урок
4. 🔒 Безопасность фронтенда: XSS, innerHTML и textContent Интерактивный урок
5. 🔒 Производительность: reflow, requestAnimationFrame и утечки памяти Интерактивный урок
6. 🔒 Проект: SPA-каталог товаров с фильтрами
7. 🔒 Финальный проект: интерактивное веб-приложение с API

Браузерные API и продвинутый JSтем: 6

1. 🔒 WebSocket в браузере: двусторонняя связь в реальном времени
2. 🔒 File API: файлы, Blob и FileReader
3. 🔒 `Proxy` и `Reflect`: перехват поведения объектов
4. 🔒 Web Components: customElements.define, жизненный цикл, атрибуты и события
5. 🔒 Shadow DOM, <template> и slot: изолированный CSS и композиция компонентов
6. 🔒 Сборщики: основы webpack и Rollup, tree shaking, code splitting

Библиотеки, сеть и безопасностьтем: 6

1. 🔒 HTTP-клиенты: Axios и fetch, interceptors, таймауты и retry
2. 🔒 Авторизация на клиенте: JWT, хранение токенов, refresh и OAuth 2.0 PKCE
3. 🔒 Утилитные библиотеки: lodash, dayjs, date-fns и размер бандла
4. 🔒 Графики: Chart.js (конфигурация, datasets, обновление) и основы D3
5. 🔒 Библиотеки анимации: GSAP (tweens, timelines, ScrollTrigger), CSS и Web Animations API
6. 🔒 Основы WebRTC: getUserMedia, RTCPeerConnection, signaling и data channel

Графика, офлайн-режим и звуктем: 3

1. 🔒 Основы Three.js: сцена, камера, свет, анимация и glTF
2. 🔒 PWA и Service Worker: manifest, кеш и офлайн-режим
3. 🔒 Web Audio API: синтез звука, сэмплы и визуализация

Безопасность, тесты и развёртываниетем: 1

1. 🔒 E2E-тесты на чистом JS: Playwright