CodeRoll | Frontend

❓ Что такое Async/Await?

Ответ:
Async/Await — это синтаксический сахар над Promises, который позволяет писать асинхронный код, выглядящий как синхронный. Ключевое слово async указывает, что функция содержит асинхронный код, а await используется для ожидания завершения Promise.

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

Coderoll | Frontend

НЕ:РОЗЫ - магазин подарков

Сложность: #средняя
Жанр: #LandingPage
Язык: #RU

👉Открыть макет

Coderoll Frontend | #макеты

❓ Что такое reduce метод массива?

Ответ:
Метод reduce используется для свёртки массива в одно значение. Он принимает callback-функцию, которая вызывается для каждого элемента массива, накапливая результат в аккумуляторе.

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

Coderoll | Frontend

❓ Какие методы массива являются мутирующими?

Ответ:
Мутирующими называются методы, которые изменяют исходный массив. К таким методам относятся:

push() — добавляет элемент в конец массива.
pop() — удаляет последний элемент массива.
shift() — удаляет первый элемент массива.
unshift() — добавляет элемент в начало массива.
splice() — добавляет/удаляет элементы в любом месте массива.
sort() — сортирует элементы массива.
reverse() — меняет порядок элементов на противоположный.

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

Coderoll | Frontend

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

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

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

Coderoll | Frontend

❓ Что такое Proxy в JavaScript?

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

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

Coderoll | Frontend

Книга «Рецепты TypeScript»

Практическое руководство для JavaScript-разработчиков, которое помогает решать типичные проблемы TypeScript. Она предлагает готовые решения для настройки сложных проектов, работы с типами и устранения ошибок компилятора, объясняя, как и почему это работает.

👀Почитать

Coderoll | Frontend | #Книги

Memoize.js — как управлять кэшем в браузере

Memoize.js — современная библиотека для работы с кешированием данных. Она идеально подходит для сохранения результатов API-запросов или временных данных.

👀 Потестить

Coderoll | Frontend

❓ Что такое Функциональное программирование?

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

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

Coderoll | Frontend

Rem, Em, Px – какие единицы измерения лучше использовать в CSS?

При разработке адаптивных интерфейсов важно правильно выбирать единицы измерения. Но что лучше: px, em или rem?

📌 Краткий разбор:
✅ px – фиксированная величина, удобна, но не масштабируется.
✅ em – зависит от родительского элемента, удобно для вложенных блоков.
✅ rem – зависит от html, обеспечивает консистентность масштабирования.

❓ Когда использовать
Для шрифтов: rem
Для отступов и padding: em/rem
Для границ и теней: px

Coderoll | Frontend

❓ Что такое hoisting в JavaScript?

Ответ:
Hoisting (всплытие) — это механизм JavaScript, при котором объявления переменных и функций поднимаются в начало их области видимости перед выполнением кода.
Однако переменные, объявленные с let и const, всплывают без инициализации и вызывают ошибку при доступе до объявления.

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

Coderoll | Frontend

❓ Что такое Object.defineProperty?

Ответ:
Object.defineProperty позволяет определить новое свойство в объекте или изменить существующее, с указанием его настроек (например, enumerable, writable, configurable).

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

Coderoll | Frontend

Preact – альтернатива React, которая весит 3KB

Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!

👀 Попробовать

Coderoll | Frontend

Вопрос с собеседования:

❓Для чего используют замыкания?

1.Использование в качестве приватных переменных

2.Каррирование - для создания новых функции, частично применяя аргументы к уже существующей функции.

3.Работа с асинхронным кодом- для сохранения контекста при обработке асинхронных операций, таких как обработчики событий или колбэки.

4.Мемоизация - сохранения результатов выполнения функций для оптимизации времени выполнения и уменьшения количества повторных вычислений.

5.Работа с коллбэками - для передачи контекста и данных в коллбэки, обеспечивая безопасный доступ к данным.

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

Coderoll | Frontend

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

Функции

Функции должны делать что-то одно

❗️ Это самое важное правило в программной инженерии

Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них

Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище

Coderoll | Frontend

❓ Что такое Event Loop и как он работает?

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

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

Coderoll | Frontend

Улучшенная обработка асинхронных операций в React 19

В статье вы увидите обзор ключевых нововведений в React 19: Actions, useTransition, Server Components и другие инструменты для улучшения производительности и упрощения разработки.

👀 Читать

Coderoll | Frontend | #статьи

❓ Что такое Callback Hell?

Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await.

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

Coderoll | Frontend

Классная шпаргалка для методов массивов

Coderoll | Frontend

❓ Что делает Object.freeze?

Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства

Подходит для защиты конфигураций и констант.

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

Coderoll | Frontend