#ЧеКак
🤔 Что такое Intersection Observer?

Intersection Observer — это API, которое позволяет отслеживать, когда элемент входит или выходит из области видимости (viewport). Оно полезно для оптимизации ленивой загрузки изображений, бесконечной прокрутки или анимаций при прокрутке.

Пример

// Целевой элемент для наблюдения
const target = document.querySelector('.observe-me');

// Callback-функция для обработки пересечений
const observerCallback = (entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      console.log('Элемент видим:', entry.target);
      observer.unobserve(entry.target); // Останавливаем наблюдение
    }
  });
};

// Настройки наблюдателя
const observerOptions = {
  root: null, // Вся область видимости
  threshold: 0.5 // 50% видимости элемента
};

// Создаем наблюдатель
const observer = new IntersectionObserver(observerCallback, observerOptions);

// Начинаем наблюдение за элементом
observer.observe(target);

👉Новости 👉Платформа

#ЧеКак
🤔 Что такое path.resolve()?

🟠Это метод модуля path в Node.js, который возвращает абсолютный путь, объединяя переданные сегменты пути. Он полезен для построения пути к файлам и директориям независимо от текущей рабочей директории.

Пример

const path = require('path');

// Построение абсолютного пути
const fullPath = path.resolve('folder', 'subfolder', 'file.txt');
console.log(fullPath); // Например: /Users/username/project/folder/subfolder/file.txt

В этом примере path.resolve() объединяет сегменты пути и возвращает абсолютный путь к файлу. Это помогает избежать проблем с относительными путями и улучшает кросс-платформенность приложений.

👉Новости 👉Платформа

#Вакансии
👨‍💻 Senior Backend Developer (Node js)

Разработка фандрайзинговой платформы Fundraise Up. Цель в том, чтобы быть самым удобным и самым быстрым способом сделать донат в пользу некоммерческого фонда.

Что и как?

▪️ 6 лет
▪️ От 3800$ до 6300$
▪️ Офис/удаленно

📩 Изучить вакансию

#ЧеКак
🤔 Что такое стек вызовов и является ли он частью движка V8?

Стек вызовов (Call Stack) является частью V8. Это структура данных, которую V8 использует для отслеживания вызовов функций. Каждый раз, когда вызывается функцию, V8 помещает ссылку на эту функцию в стек вызовов.

👉Новости 👉Платформа

#Вакансии
👨‍💻 PHP-разработчик на Wordpress (Бекенд)

SoftComputers — интернет-магазин программного обеспечения Microsoft, Adobe и пр. продуктов. Продает, оказывает техподдержку, создает большие базы-знаний по данным продуктам имея большой блог с посещаемостью более более 10 тыс. посетителей в день.

Что и как?

▪️ Удалёнка
▪️ До 95000
▪️ Самозанятость или ИП

📩 Изучить вакансию

#ЧеКак
🤔 Какие могут быть проблемы с рекурсивными функциями?

Если рекурсия глубокая, то может переполнится стек вызовов
Рекурсивные решения почти всегда менее оптимальны по использованию ресурсов (например памяти), чем их “циклические” аналоги

👉Новости 👉Платформа

#ЛитКод
🤔 Поиск самого длинного слова в строке

Напишите функцию, которая принимает строку и возвращает самое длинное слово. Если несколько слов имеют одинаковую длину, вернуть первое из них.

Пример

const sentence = "JavaScript is an amazing programming language";
const result = findLongestWord(sente nce);
console.log(result); 
// Ожидаемый результат: "programming"

👨‍💻 Решение задачи

function findLongestWord(sentence) {
  return sentence
    .split(' ')
    .reduce((longest, word) => (word.length > longest.length ? word : longest), '');
}

// Пример использования:
const sentence = "JavaScript is an amazing programming language";
const result = findLongestWord(sentence);
console.log(result); 
// Ожидаемый результат: "programming"

👉Новости 👉Платформа

#ЧеКак
🤔 Что такое process.env и как использовать переменные окружения?

process.env — это объект в Node.js, который содержит переменные окружения. Они используются для хранения конфиденциальной информации (например, ключей API, паролей) и настройки приложений в разных средах (разработка, тестирование, продакшен).

Пример:

// Установите переменные окружения (например, в .env файле или через терминал)
// В Linux/Mac: export API_KEY=12345
// В Windows (cmd): set API_KEY=12345

// Доступ к переменным окружения
console.log(`Ваш API ключ: ${process.env.API_KEY}`);

// Используем переменные окружения для конфигурации
if (process.env.NODE_ENV === 'production') {
  console.log('Запущено в режиме продакшена');
} else {
  console.log('Запущено в режиме разработки');
}

🟠Переменные окружения через process.env позволяют настраивать поведение приложения без изменения кода. Это важно для обеспечения безопасности и управления настройками.

👉Новости 👉Платформа

#Вакансии
👨‍💻 Fullstack-разработчик React.js/JavaScript/Node.js/PHP Laravel

Digitable - частная разработка ПО, консультация разработчиков и бизнесов по росту и внедрению современных решений

Что и как?
▫опыт от 1-ого года
▫от 110000 руб до 150000
▫самозанятость или ИП

📩 Изучить вакансию

#ЧеКак
🤔 Как работает деструктуризация объектов и массивов в JavaScript?

Деструктуризация — это удобный синтаксис в JavaScript, который позволяет извлекать значения из массивов и объектов и присваивать их переменным. Это делает код более лаконичным и удобным, особенно при работе с объектами с множеством свойств.

Пример

// Деструктуризация объекта
const user = { name: 'Alice', age: 25 };
const { name, age } = user;
console.log(name); // 'Alice'
console.log(age);  // 25

// Деструктуризация массива
const colors = ['red', 'green', 'blue'];
const [firstColor, secondColor] = colors;
console.log(firstColor);  // 'red'
console.log(secondColor); // 'green'

Деструктуризация полезна для удобного доступа к значениям из объектов и массивов, минимизируя дублирование кода и делая его более читаемым.

👉Новости 👉Платформа

#Ваканасии
👨‍💻 Senior Fullstack/Backend Developer (Node.js, TypeScript, Postgres, Web3)

Мы инновационная B2B SaaS компания, разрабатывающая передовые решения, такие как управление партнерскими программами, системы бэк-офиса и бизнес-аналитика для предприятий конкретных отраслей. В настоящее время наше внимание сосредоточено на динамично развивающемся секторе iGaming.

Что и как?

▫от 4000 до 6000 $
▫Офлайн/удаленка
▫Полный день

📩 Изучить вакансию

#ЧеКак
🤔 Что такое цикл событий? Является ли он частью движка V8?

Цикл событий — это сущность, которая обрабатывает внешние события и преобразует их в вызовы коллбэков - берёт события из очереди событий и помещает их коллбэки в стек вызовов V8
Цикл событий не является часть движка V8, он реализовал во внешней библиотеке libuv

👉Новости 👉Платформа

#ЧеКак
🤔 Почему в модулях переменные верхнего
уровня не являются глобальными?

Каждый файл Node оборачивается в собственное немедленно вызываемое функциональное выражение (IIFE, Immediately Invoked Function Expression). Все переменные, объявленные в файле Node, оказываются внутри этого IIFE и снаружи не видны.

👉Новости 👉Платформа

#ЧеКак
🤔 Что такое process.nextTick в Node.js и зачем он используется?

🟠process.nextTick позволяет выполнять функцию сразу после текущей операции, но перед началом следующего цикла событий (event loop). Это полезно для выполнения задач с высоким приоритетом.

👨‍💻 Пример

console.log('Начало');

process.nextTick(() => {
  console.log('Выполнено в nextTick');
});

console.log('Конец');

В этом примере process.nextTick выполняет функцию между выводом "Конец" и началом следующего цикла событий. Это помогает при обработке срочных задач.

👉Новости 👉Платформа

#ЧеКак
🤔 Что такое циклические зависимости модулей? Допускает ли NodeJS циклические зависимости?

Циклическая зависимость возникает когда два и более модулей импортируют друг друга (module1 <- module2, module2 <- module1)
NodeJS допускает циклические зависимости (тут главное чтобы НЕ ответили что NodeJs не допускает циклических зависимостей и описанная ситуации выше приводит к ошибке)

👉Новости 👉Платформа