CodeRoll | Frontend
4.51K subscribers
1.69K photos
74 videos
1 file
1.01K links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://xn--r1a.website/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что должен знать современный Middle Frontend

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

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


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1😁1
Что выведет этот код?
Что такое Spread оператор (...)?

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

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

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
💅1
Объясните, что такое прототипное наследование в 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
3💅1
Что такое “currying” в JavaScript?

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

Пример:

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

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


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

Coderoll | Frontend
Что такое props и state в React?

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

вызывает повторный рендер компонента.

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

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

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

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

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

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

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?
2
Что выведет этот код?
Что такое “middleware” в Redux?

Ответ:
Middleware в Redux — это промежуточные слои, которые могут перехватывать и обрабатывать действия перед тем, как они будут отправлены в редьюсер. Примером является redux-thunk, который позволяет использовать асинхронные операции.

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

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

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

➡️Открыть сервис

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
⚡️ Пара методов для объектов в JS, которую должен знать каждый

Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта

Пример:


var obj = { first: "a", second: "b", third: "c" };
console.log(Object.keys(obj));

// консоль: [ 'first', 'second', 'third' ]

Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике

Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта

Пример:


const user = {
name: 'John',
surname: "Smith",
age: 35,
};

console.log(Object.values(user));
// консоль: Array [ 'John', 'Smith', 35 ]


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1
👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript?

Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ»)

Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону

❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше


export const exponentialSearch = (
array: number[],
x: number
): number | null => {
const arrayLength = array.length
if (arrayLength === 0) return null

if (array[0] === x) return 0

let i = 1
while (i < arrayLength && array[i] <= x) {
i = i * 2
}

const start = Math.floor(i / 2)
const end = Math.min(i, arrayLength - 1)
const result = binarySearchIterative(array, x, start, end)

return result
}


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM