CodeRoll | Frontend

❓ Что такое Object.entries() и как он работает?

Ответ:
Object.entries() возвращает массив массивов, где каждый вложенный массив содержит пару [ключ, значение] из объекта. Это полезно для итерации по свойствам объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

❓ Что такое Proxy в JavaScript?

Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Инкапсулируйте условные операторы

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

💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)

Coderoll | Frontend

❓ Что такое reduce метод массива?

Ответ:
Метод reduce используется для свёртки массива в одно значение. Он принимает callback-функцию, которая вызывается для каждого элемента массива, накапливая результат в аккумуляторе.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

👩‍💻👩‍💻 Как выглядит алгоритм сортировки выбором на JavaScript?

❗ Один из самых распространенных алгоритмов, которые спрашивают на собеседованиях

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

function selectionSort(arr) {
    const n = arr.length;

    // Проходим по всем элементам массива
    for (let i = 0; i < n - 1; i++) {
        // Предполагаем, что текущий индекс i содержит минимальный элемент
        let minIndex = i;

        // Ищем минимальный элемент в оставшейся части массива
        for (let j = i + 1; j < n; j++) {
            if (arr[j] < arr[minIndex]) {
                minIndex = j; // Обновляем индекс минимального элемента
            }
        }

        // Если найден минимальный элемент не равен текущему, меняем их местами
        if (minIndex !== i) {
            [arr[i], arr[minIndex]] = [arr[minIndex], arr[i]];
        }
    }

    return arr; // Возвращаем отсортированный массив
}

Coderoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Избегайте отрицательных условных конструкций

Не усложняйте условные конструкции и не создавайте негативных сценариев проверок

Держите в голове простое правило:

➕ Не создавайте условия с НЕ

🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице

🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер

🔩 Не получен статус 503 ➡️ Получен статус 503

Иначе позитивные сценарии будут звучать как комбинация двух НЕ

Coderoll | Frontend

❓ Что такое Async/Await?

Ответ:
Async/Await — это синтаксический сахар над Promises, который позволяет писать асинхронный код, выглядящий как синхронный. Ключевое слово async указывает, что функция содержит асинхронный код, а await используется для ожидания завершения Promise.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend

Svgl – SVG-иконки для твоих проектов

👀 Попробовать

Coderoll | Frontend

Игровой тренжёр по TypeScript

На сервисе лежат игры по программированию для новичков, чтобы улучшить навыки в кодинге через задачки и упражнения

Да, сервис доступен на русском и английском, визуал тоже кайфовый

👀Попробовать

Coderoll | Frontend #typescript

Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

👀 Попробовать

Coderoll | Frontend

❓ Что такое Symbol в JavaScript?

Ответ:
Symbol — это уникальный и неизменяемый тип данных, часто используемый как уникальный идентификатор для свойств объектов. Каждый вызов Symbol() создаёт новый уникальный символ.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend