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

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

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что такое JSX?

Ответ:
JSX (JavaScript XML) — это синтаксический сахар для JavaScript, который позволяет писать HTML-подобный код внутри JavaScript. JSX превращается в обычный JavaScript с помощью компилятора, такого как Babel. Пример:

const element = <h1>Hello, world!</h1>;

JSX упрощает создание и чтение UI компонентов.


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

Coderoll | Frontend
❤2
⚡️ Пара методов для объектов в 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
❓ Что такое Proxy в JavaScript?

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

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

Coderoll | Frontend
❤2💅1
❓ Что такое Event Loop в JavaScript?

Ответ:
Event Loop — это механизм, который позволяет JavaScript быть однопоточным языком, но при этом работать асинхронно. Он обрабатывает задачи из очереди событий, когда основной поток становится свободным. Event Loop проверяет Call Stack (стек вызовов), и если он пуст, берёт следующую задачу из очереди и выполняет её.

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

Coderoll | Frontend
❤1💅1
❓Что такое “currying” в JavaScript?

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

Пример:

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

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


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

Coderoll | Frontend
💅1
Как работает хук useState?

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

const [count, setCount] = useState(0);


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

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

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


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

Coderoll | Frontend
💅1
Что такое динамический импорт в React?

Ответ:
Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример:

const LazyComponent = React.lazy(() => import('./LazyComponent'));


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

Coderoll | Frontend
❓ Что такое Event Delegation?

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

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

Coderoll | Frontend
💅1
❓Что такое “middleware” в Redux?

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

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

Coderoll | Frontend
❤1
❓ JS, это однопоточный язык?

Ответ:
JavaScript (JS) является однопоточным языком программирования. Это означает, что у вас есть только один основной поток выполнения кода, который обрабатывает все инструкции последовательно (или синхронно).
Веб-браузеры, в которых JavaScript обычно исполняется, также однопоточные в своей основе.

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

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

Coderoll | Frontend
❤1
❓ Что такое Higher-Order Function?

Ответ:
Higher-Order Function — это функция, которая принимает другие функции в качестве аргументов или возвращает функцию в качестве результата. Примеры встроенных higher-order функций в JavaScript: map, filter, reduce.

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

Coderoll | Frontend
💅2
❓Как объединить массивы?

1 - Можно использовать метод concat()
2 - Можно использовать spread оператор


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

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

Функции


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

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

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

Coderoll | Frontend
711 собесдований и 51 оффер получили наши ученики за лето

- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка

и другие.... + 11 оффер за сентябрь за сентябрь

👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.


В нашем канале много ценного для разработчиков по подготовке к собесам👇


Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ

Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще

Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY

Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ

🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март

А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)

Подписывайся 👇
frontend_punks

Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809