CodeRoll | Frontend

Сервис-генератор фона с градиентом

Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)

👀Посмотреть-потыкать

Coderoll | Frontend

❓Что такое серверный рендеринг (SSR) в React?

Ответ:
Серверный рендеринг (SSR) — это процесс рендеринга React-компонентов на сервере перед отправкой HTML-кода на клиент. Это улучшает SEO и ускоряет первоначальную загрузку приложения.

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

Coderoll | Frontend

❓Что такое props и state в React?

Ответ:
Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента.
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
вызывает повторный рендер компонента.

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

Coderoll | Frontend

❓Что такое “currying” в JavaScript?

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

Пример:

const add = a => b => a + b;

const add5 = add(5);
console.log(add5(3)); // 8

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

Coderoll | Frontend

❓Объясните, что такое прототипное наследование в JavaScript?

Ответ:
В JavaScript все объекты имеют скрытое свойство [[Prototype]] (прототип), которое указывает на другой объект. Когда вы пытаетесь получить доступ к свойству объекта, и оно не существует, JavaScript будет искать это свойство в его прототипе. Этот процесс называется прототипным наследованием.

Пример:

const animal = {
speak: function() {
console.log("Animal speaks");
}
};

const dog = Object.create(animal);
dog.speak(); // Animal speaks
В этом примере объект dog наследует метод speak от объекта animal.

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

Coderoll | Frontend

❓Что такое “defer” и “async” в тегах <script>?

Ответ:
Атрибуты defer и async используются в тегах <script> для управления загрузкой и выполнением JavaScript на веб-странице.

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

<script src="script.js" defer></script>


— async: Скрипт с атрибутом async загружается асинхронно и выполняется сразу после того, как он будет загружен, без ожидания загрузки других скриптов или HTML. Порядок выполнения может быть произвольным, так как скрипты могут загружаться параллельно.

<script src="script.js" async></script>

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

Coderoll | Frontend

❓ Что такое Spread оператор (...)?

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

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

Coderoll | Frontend

Что должен знать современный Middle Frontend

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

Автор видео разобрал подробно, что нужно знать современному мидлу, чтобы соответствовать запросам рынка

👉 Смотреть видео

Coderoll | Frontend

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

Функции

✏ Создавайте отдельные объекты, а не модифицируйте их напрямую

⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами

Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации

➕ Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign()

Coderoll | Frontend

❓Какие способы клонирования объектов существуют в JavaScript?

Ответ:
Клонирование объектов можно сделать несколькими способами:
Использование Object.assign()
Использование оператора spread (...)
Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями).

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

Coderoll | Frontend