#js
В чем разница между document load и DOMContentLoaded?

Уровень: 5️⃣

document.load: Событие, которое срабатывает, когда весь документ и все его ресурсы ( изображения, скрипты и стили) полностью загружены.

DOMContentLoaded: Событие, которое срабатывает, когда HTML документ был полностью загружен и разобран, без ожидания загрузки стилей и изображений.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube

#js
Для чего используется блок try ... catch в JavaScript?

Уровень: 5️⃣

Он используются для обработки ошибок, которые могут возникать во время выполнения кода. Это позволяет предотвратить аварийное завершение программы и выполнить альтернативные действия в случае возникновения ошибки. Давай рассмотрим, как это работает более подробно в комментарии

Ресурсы для изучения:
📔 Дока
📄 Статья

#js
Что такое замыкание?

Уровень: 4️⃣

Замыкание в JavaScript — это функция, которая сохраняет доступ к своей внешней области видимости даже после того, как эта внешняя функция завершила выполнение.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube

#js
Для чего используется объект Range в JS?

Уровень: 4️⃣

Объект `Range` в JavaScript используется для работы с фрагментами документа, такими как текст или узлы, позволяя манипулировать ими: выделение текста, копирование, вставку и изменение содержимого.

Ресурсы для изучения:
📔 Дока
📄 Статья

#basic #js
Для чего используются методы Object.keys(obj), Object.values(obj), Object.entries(obj)?

Уровень: 3️⃣

- `Object.keys()`: возвращает массив имен свойств (ключей) объекта.
- `Object.values()`: возвращает массив значений свойств объекта.
- `Object.entries()`: возвращает массив пар `[ключ, значение]` для всех свойств объекта.

Ресурсы для изучения:
📄 Статья

#js
Какая разница между методами sort и toSorted в JS?

Уровень: 3️⃣

sort: Изменяет оригинальный массив, сортируя его элементы на месте.

toSorted: Создает и возвращает новый отсортированный массив, не изменяя оригинальный массив.

Ресурсы для изучения:
📔 Дока
📄 Статья

#js #css
Что такое CSS Houdini и для чего он используется?

Уровень: 9️⃣

CSS Houdini — это набор API, расширяющий возможности CSS при помощи создания собственных стилей и эффектов, которые невозможно реализовать стандартными свойствами CSS. Он предоставляет доступ к процессу рендеринга CSS, позволяя программистам «разблокировать» низкоуровневые возможности браузера.

Ресурсы для изучения:
📄 Статья
📄 Статья

#js
А вы слышали про Temporal в JavaScript? Знаете для чего он будет использоваться?

Уровень: 5️⃣

Temporal — это новая глобальная сущность в JavaScript, которая предоставляет современный API для работы с датами и временем. Она решает много проблем, связанных с использованием устаревшего объекта `Date`, включая поддержку всех часовых поясов, удобные APIs для вычислений с датами и временем, а также поддержку не-григорианских календарей.

Ресурсы для изучения:
📔 Дока
📄 CookBook

#js
Что такое debounce?

Уровень: 6️⃣

Дебаунс (debounce) в JavaScript — это техника оптимизации, которая позволяет задерживать выполнение функции до тех пор, пока событие не прекратится на заданный промежуток времени. Это предотвращает многократные вызовы функции при быстром потоковом вводе, например, при вводе текста в поле поиска или изменении размера окна.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube

#js #basic
для чего используется blob в javascript?

Уровень: 5️⃣

Blob (Binary Large Object) в JavaScript используется для представления двоичных данных. Он позволяет обрабатывать и манипулировать файлами, такими как изображения, видео, аудио и другие данные, не загружая их на сервер. Blob может использоваться для создания объектов URLs, которые легко отображаются на веб-страницах, например, для загрузки или отображения файлов.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube

#js #basic
Какой метод используется для округления числа до ближайшего целого?

Уровень: 2️⃣

В субботу утром хочется не сильно напрягать ваши головы, поэтому держите вот такой легкий вопрос ответом на который будет Math.round() 🤪 Ну и давайте в комментариях пробежимся по основным методам работы с числами в объекте Math.

Ресурсы для изучения:
📔 Дока
📄 Статья

#js
Какими способами можно добавить событие по клику без использования addEventListener?

Уровень: 3️⃣

Давайте в комментарии, там покажем :)

📄 Статья

#js
В чем отличие оператора нулевого слияния (??) и оператора ИЛИ (||)?

Уровень: 3️⃣

Оператор нулевого слияния (??): Возвращает правый операнд, если левый операнд равен null или undefined.

Оператор логического ИЛИ (||): Возвращает правый операнд, если левый операнд имеет "ложное" значение (falsy), такие как false, 0, "", null, undefined, или NaN.

Ресурсы для изучения:
📔 Дока
📄 Статья

#basic #js
Что такое AJAX?

Уровень: 3️⃣

AJAX (Asynchronous JavaScript and XML) — это технология, позволяющая веб-приложениям отправлять и получать данные асинхронно, то есть без необходимости перезагрузки страницы.

Ресурсы для изучения:
📄 Статья
📄 Статья

#js #basic
Что такое очередь и стек?

Уровень: 5️⃣

Стек (Stack) – это структура данных, работающая по принципу "последний пришел – первый вышел" (LIFO). Элементы добавляются и удаляются с одного конца.

Очередь (Queue) – это структура данных, работающая по принципу "первый пришел – первый вышел" (FIFO). Элементы добавляются в один конец и удаляются с другого.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 Видео

#js #basic
Что такое события указателя (Pointer Events)?

Уровень: 3️⃣

События указателя (Pointer Events) — это API в веб-разработке, который объединяет обработку событий мыши, касания и пера в единый интерфейс. Это позволяет разработчикам обрабатывать взаимодействия с различными устройствами ввода более унифицированным способом.

Ресурсы для изучения:
📔 Дока
📄 Статья

#js
Назовите мутирующие и немутирующие методы массива?

Уровень: 5️⃣

Мутирующие методы изменяют оригинальный массив:
1) push(): добавляет элементы в конец.
2) pop(): удаляет последний элемент.
3) shift(): удаляет первый элемент.
4) unshift(): добавляет элементы в начало.
5) splice(): удаляет или добавляет элементы по индексу.
6) sort(): сортирует элементы массива.
7) reverse(): разворачивает массив.
8) fill(): заполняет все элементы массива статическим значением.
9) forEach(): выполняет заданную функцию на каждом элементе массива

Немутирующие методы возвращают новый массив и не изменяют оригинал:

1) map(): создает новый массив на основе функции.
2) filter(): возвращает массив, содержащий элементы, прошедшие тест.
3) reduce(): сводит массив к одному значению.
4) concat(): объединяет массивы.
5) slice(): возвращает часть массива.
6) find(): находит первый элемент, соответствующий условию.
7) findIndex(): находит первый элемент, соответствующий условию и возвращает его индекс.
8) every(): проверяет, удовлетворяют ли все элементы условию.
9) join(): объединяет все элементы массива в строку.
10) includes(): проверяет, содержится ли элемент в массиве.
11) some(): проверяет, удовлетворяет ли хотя бы один элемент условию.
12) flat(): создает новый массив с подмассивами, "развёрнутыми" на заданный уровень.
13) flatMap(): сначала применяет функцию к каждому элементу, затем "разворачивает" результат в новый массив.

Ресурсы для изучения:
📄 Статья

#js
Что такое requestAnimationFrame?

Уровень: 6️⃣

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

Ресурсы для изучения:
📔 Дока
📄 Статья

#js
Что такое дефолтный и именованный экспорт в модулях?

Уровень: 3️⃣

Дефолтный экспорт позволяет экспортировать одну главную сущность из модуля
Именованный экспорт позволяет экспортировать несколько сущностей из модуля, каждая из которых имеет своё имя.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 Видео

#js
Что такое Intersection Observer?

Уровень: 5️⃣

Intersection Observer - это API в браузере, который позволяет отслеживать и реагировать на пересечения элементов с видимой областью окна браузера или других элементов веб-страницы. Этот функционал особенно полезен для реализации ленивой загрузки изображений, бесконечной прокрутки, анимаций или для определения видимости элементов на странице.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube