Что должен знать современный Middle Frontend
👉 Смотреть видео
Coderoll | Frontend
Вы и сами знаете, как тяжело обстоят дела с трудоустройством в 2025 году. Откликов на джунов больше, чем вакансий, и даже опытные вроде бы мидлы долго ищут работу.
Автор видео разобрал подробно, что нужно знать современному мидлу, чтобы соответствовать запросам рынка
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1😁1
❓ Что такое Spread оператор (...)?
Ответ:
Spread оператор позволяет расширять или разворачивать итерируемые объекты (например, массивы или строки) в местах, где ожидается ноль или более аргументов (для функций) или элементов (для массивов).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
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
Ответ:
— 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
Ответ:
Пример:
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
Ответ:
Пример:
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
Ответ:
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
❓Что такое серверный рендеринг (SSR) в React?
Ответ:
Серверный рендеринг (SSR) — это процесс рендеринга React-компонентов на сервере перед отправкой HTML-кода на клиент. Это улучшает SEO и ускоряет первоначальную загрузку приложения.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Сервис-генератор фона с градиентом
Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)
👀 Посмотреть-потыкать
Coderoll | Frontend
Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
❓Что такое “middleware” в Redux?
Ответ:
Middleware в Redux — это промежуточные слои, которые могут перехватывать и обрабатывать действия перед тем, как они будут отправлены в редьюсер. Примером является redux-thunk, который позволяет использовать асинхронные операции.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Ответ:
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend
Сервис-генератор фона с градиентом
Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)
➡️ Открыть сервис
Coderoll | Frontend
Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)
Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
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
Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ»)
Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону
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