Гид по технологиям

JavaScript

Push‑уведомления в JavaScript
JavaScript 7 min read

Push‑уведомления в JavaScript

Push-уведомления в браузере и на телефоне можно отправлять напрямую из клиентского JavaScript через Notification API. Сначала запросите разрешение у пользователя, затем создавайте объекты Notification с настройками: title, body, icon, tag, data и обработчиками событий.

Цифровые часы на JavaScript — пошаговый урок
JavaScript 4 min read

Цифровые часы на JavaScript — пошаговый урок

В этой статье показано, как создать простые цифровые часы на HTML, CSS и JavaScript. Вы получите рабочий пример кода, разбор логики, варианты улучшений, тесты и чеклисты для быстрой интеграции в проект.

npm скрипты: настройка, запуск, отладка
JavaScript 7 min read

npm скрипты: настройка, запуск, отладка

npm-скрипты в package.json упрощают автоматизацию задач: запуск сервера, сборка, тесты и линтинг. Используйте cross-env и concurrently/npm-run-all для кросс-платформенной поддержки и параллельного запуска.

Каррирование в JavaScript: руководство
JavaScript 6 min read

Каррирование в JavaScript: руководство

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

Циклы в JavaScript: перебор массивов
JavaScript 5 min read

Циклы в JavaScript: перебор массивов

Циклы в JavaScript позволяют последовательно обрабатывать элементы массивов. В статье показаны основные конструкции (for, forEach, for...in, for...of, while, do...while), примеры, советы и чек-листы.

Итераторы и генераторы JavaScript — практическое руководство
JavaScript 7 min read

Итераторы и генераторы JavaScript — практическое руководство

Итераторы и генераторы позволяют безопасно и эффективно перебирать большие или бесконечные коллекции, отдавая по одному значению за раз. Генераторы проще в использовании; ручные итераторы дают полный контроль.

Отладка JavaScript — техники и чек-листы
JavaScript 7 min read

Отладка JavaScript — техники и чек-листы

Используйте console.log для быстрой проверки значений, ставьте точки останова и debugger для пошаговой отладки, читайте сообщения об ошибках и применяйте инструменты (Chrome DevTools, VS Code, React DevTools). Примените чеклист и простую методику для системной работы с багами.

Airbnb Style Guide и ESLint: инструкция по подключению
JavaScript 5 min read

Airbnb Style Guide и ESLint: инструкция по подключению

Airbnb Style Guide — популярный стиль для JavaScript. Установите ESLint, подключите конфигурацию Airbnb, настройте .eslintrc.json, добавьте npm-скрипты и активируйте автоисправление в редакторе.

Логические операторы JavaScript: &&, ||, !, ??
JavaScript 4 min read

Логические операторы JavaScript: &&, ||, !, ??

Логические операторы (&&, ||, !, ??) позволяют объединять условия, возвращать значения при коротком замыкании и задавать значения по умолчанию. && и || работают с truthy/falsy значениями и могут возвращать не-boolean результаты; ?? безопаснее для значений вроде 0 или "".

Экспорт и импорт функций в JavaScript
JavaScript 5 min read

Экспорт и импорт функций в JavaScript

Экспорт и импорт функций — стандартный способ разделять и повторно использовать код в JavaScript. Статья даёт практические примеры, советы по переходу с CommonJS, чек‑листы и диаграмму принятия решения.

Чистые функции в JavaScript — руководство
JavaScript 7 min read

Чистые функции в JavaScript — руководство

Чистые функции не изменяют внешнее состояние и при одинаковых входных данных всегда возвращают один и тот же результат. Это упрощает тестирование, кэширование и параллельное выполнение.

call, apply и bind в JavaScript — разбор
JavaScript 4 min read

call, apply и bind в JavaScript — разбор

call, apply и bind управляют значением this при вызове функции. call вызывает функцию с явным this и отдельными аргументами, apply — с this и массивом аргументов, bind возвращает новую функцию с привязанным this.

Словарь в JavaScript — Object и Map
JavaScript 5 min read

Словарь в JavaScript — Object и Map

Словарь — это структура пар ключ:значение. В JavaScript Object часто используется как словарь, но Map и WeakMap решают ограничения Object; здесь — примеры и рекомендации.

Классы JavaScript: конструктор, методы, static
JavaScript 7 min read

Классы JavaScript: конструктор, методы, static

Классы в JavaScript — синтаксический способ описать объекты и их поведение, введённый в ES6 (2015). Используйте constructor для инициализации, методы для поведения и static для утилит; при необходимости выбирайте фабрики или композицию.

Валидация форм JavaScript — практическое руководство
JavaScript 4 min read

Валидация форм JavaScript — практическое руководство

Клиентская валидация форм с помощью JavaScript улучшает UX и отсекает очевидные ошибки (некорректный email, короткий пароль, невыбранное поле). Всегда комбинируйте клиентскую проверку с серверной валидацией — клиент легко обойти.

Объявление переменных в JavaScript — var, let, const
JavaScript 6 min read

Объявление переменных в JavaScript — var, let, const

JavaScript предоставляет var, let и const. Используйте const по умолчанию, let для изменяемых значений, а var — только для совместимости со старым кодом.

Паттерны JavaScript: модуль и фабрика
JavaScript 7 min read

Паттерны JavaScript: модуль и фабрика

Модульный паттерн даёт инкапсуляцию и публичный API, фабрика централизует создание похожих объектов. Используйте ES6-модули и карту типов для масштабируемых решений.

break в JavaScript — как и когда прерывать цикл
JavaScript 6 min read

break в JavaScript — как и когда прерывать цикл

Оператор break немедленно завершает текущий цикл, экономит итерации и помогает обработать исключительные случаи; используйте альтернативы, если break ухудшает читаемость.

Каррирование функций в JavaScript
JavaScript 5 min read

Каррирование функций в JavaScript

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

localStorage в JavaScript — руководство и пример
JavaScript 6 min read

localStorage в JavaScript — руководство и пример

localStorage — это простой синхронный ключ—значение store в браузере для небольших и не чувствительных данных. Используйте его для настроек и кэша; для больших или секретных данных выбирайте IndexedDB или сервер.