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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Vite (если вдруг вы ещё не работали с ним — обязательно посмотрите)

Vite — это невероятно быстрый инструмент сборки интерфейса, обеспечивающий работу веб-приложений нового поколения. Обеспечивает молниеносную скорость благодаря использованию ES-модулей. Поддерживает TypeScript, Vue, React и многие другие фреймворки.

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

Coderoll | Frontend #vite
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Как работает this в JavaScript?

В глобальной области: this ссылается на window (в браузере) или global (в Node.js).
В методах объектов: this ссылается на объект, в котором вызван метод.
В стрелочных функциях: this берется из внешнего контекста.

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

Coderoll | Frontend
💅54
База бесплатных API для ваших пет-проектов и не только

Игры, погода, база персонажей Звёздных войн, финансы и ещё куча других тем

По каждому API можно посмотреть рейтинг работоспособности

Посмотреть сайт

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

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


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
4💅2
Animista

Коллекция анимаций CSS с готовыми пресетами и возможностью настройки. Поможет в добавлении анимаций без написания сложного CSS.

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

Coderoll | Frontend
3🔥1
Что такое let и const? В чём их отличие от var?

Ответ:
let и const — это современные способы объявления переменных, добавленные в ES6. Они имеют блочную область видимости (block scope), в отличие от var, которая имеет функциональную область видимости. Переменные, объявленные через const, не могут быть переопределены после инициализации.

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

Coderoll | Frontend
7💅1
👩‍💻👩‍💻 Как выглядит алгоритм гномьей сортировки на JavaScript?

Алгоритм находит первое место, где два соседних элемента стоят в неправильном порядке и меняет их местами



const gnomeSort = (arr: number[]): number[] => {
if (arr.length <= 1) {
return arr
}

let i: number = 1

while (i < arr.length) {
if (arr[i - 1] <= arr[i]) {
i++ //increment index if sub-array[0:i] already sorted
} else {
;[arr[i], arr[i - 1]] = [arr[i - 1], arr[i]] //swapping two numbers
i = Math.max(1, i - 1) //go back to the previous index to check the swapped number
}
}
return arr
}


Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1
Что делает Object.freeze?

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

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

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

Coderoll | Frontend
💅53
Классная шпаргалка для методов массивов

Coderoll | Frontend
👍8
Что такое Callback Hell?

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

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

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

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

👀 Читать

Coderoll | Frontend | #статьи
👍1
Что такое Event Loop и как он работает?

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

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

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

Функции


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


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

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

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Вопрос с собеседования:

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

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

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

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

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

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


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2💅21
Preact – альтернатива React, которая весит 3KB

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

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

Coderoll | Frontend
😁31👍1🔥1
Что такое Object.defineProperty?

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

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

Coderoll | Frontend
💅51
Что такое hoisting в JavaScript?

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

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

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

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

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

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

Coderoll | Frontend
👍2🔥21
Что такое Функциональное программирование?

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

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

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