CodeRoll | Frontend
Open in Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
Show more4 045
Subscribers
No data24 hours
-87 days
-4330 days
Loading data
Similar Channels
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
October '26Oct '26
October '26
+3
in 0 channels
September '26
+7
in 0 channels
Get PRO
August '26
+9
in 0 channels
Get PRO
July '26
+10
in 0 channels
Get PRO
June '26
+8
in 0 channels
Get PRO
May '26
+5
in 2 channels
Get PRO
April '26
+9
in 2 channels
Get PRO
March '26
+12
in 2 channels
Get PRO
February '26
+15
in 0 channels
Get PRO
January '26
+7
in 1 channels
Get PRO
December '25
+15
in 0 channels
Get PRO
November '25
+15
in 0 channels
Get PRO
October '25
+12
in 0 channels
Get PRO
September '25
+5
in 0 channels
Get PRO
August '25
+5
in 0 channels
Get PRO
July '25
+15
in 10 channels
Get PRO
June '25
+22
in 9 channels
Get PRO
May '25
+31
in 11 channels
Get PRO
April '25
+37
in 8 channels
Get PRO
March '25
+41
in 2 channels
Get PRO
February '25
+38
in 4 channels
Get PRO
January '25
+33
in 0 channels
Get PRO
December '24
+86
in 10 channels
Get PRO
November '24
+159
in 7 channels
Get PRO
October '24
+94
in 8 channels
Get PRO
September '24
+34
in 0 channels
Get PRO
August '24
+47
in 0 channels
Get PRO
July '24
+33
in 0 channels
Get PRO
June '24
+61
in 0 channels
Get PRO
May '24
+241
in 2 channels
Get PRO
April '24
+72
in 1 channels
Get PRO
March '24
+91
in 0 channels
Get PRO
February '24
+372
in 10 channels
Get PRO
January '24
+853
in 39 channels
Get PRO
December '23
+118
in 5 channels
Get PRO
November '23
+4
in 0 channels
Get PRO
October '23
+13
in 0 channels
Get PRO
September '23
+18
in 0 channels
Get PRO
August '23
+35
in 0 channels
Get PRO
July '23
+37
in 0 channels
Get PRO
June '23
+11
in 0 channels
Get PRO
May '23
+17
in 0 channels
Get PRO
April '23
+17
in 0 channels
Get PRO
March '23
+20
in 0 channels
Get PRO
February '23
+21
in 0 channels
Get PRO
January '23
+31
in 0 channels
Get PRO
December '22
+27
in 0 channels
Get PRO
November '22
+25
in 0 channels
Get PRO
October '22
+14
in 0 channels
Get PRO
September '22
+38
in 0 channels
Get PRO
August '22
+32
in 0 channels
Get PRO
July '22
+32
in 0 channels
Get PRO
June '22
+157
in 0 channels
Get PRO
May '22
+31
in 0 channels
Get PRO
April '22
+36
in 0 channels
Get PRO
March '22
+17
in 0 channels
Get PRO
February '22
+339
in 0 channels
Get PRO
January '22
+215
in 0 channels
Get PRO
December '21
+13
in 0 channels
Get PRO
November '21
+124
in 0 channels
Get PRO
October '21
+750
in 0 channels
Get PRO
September '21
+25
in 0 channels
Get PRO
August '21
+28
in 0 channels
Get PRO
July '21
+17
in 0 channels
Get PRO
June '21
+27
in 0 channels
Get PRO
May '21
+28
in 0 channels
Get PRO
April '21
+30
in 0 channels
Get PRO
March '21
+49
in 0 channels
Get PRO
February '21
+94
in 0 channels
Get PRO
January '21
+83
in 0 channels
Get PRO
December '20
+6 901
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 27 October | 0 | |||
| 26 October | 0 | |||
| 25 October | 0 | |||
| 24 October | 0 | |||
| 23 October | 0 | |||
| 22 October | 0 | |||
| 21 October | +1 | |||
| 20 October | 0 | |||
| 19 October | 0 | |||
| 18 October | 0 | |||
| 17 October | 0 | |||
| 16 October | 0 | |||
| 15 October | 0 | |||
| 14 October | 0 | |||
| 13 October | 0 | |||
| 12 October | 0 | |||
| 11 October | +1 | |||
| 10 October | 0 | |||
| 09 October | 0 | |||
| 08 October | 0 | |||
| 07 October | 0 | |||
| 06 October | 0 | |||
| 05 October | +1 | |||
| 04 October | 0 | |||
| 03 October | 0 | |||
| 02 October | 0 | |||
| 01 October | 0 |
Channel Posts
| 2 |  5 офферов получили наши ребята на прошлой неделе
Оффер на 4,2k долларов
Оффер на 5k евро
Оффер 260k рублей
Оффер на 210k рублей
Оффер на 220k рублей
И еще 19 за сентябрь... а за лето более 50... и у тебя получится!
👋 Меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из почти 300 фронтендеров.
Я веду канал, в котором уже 15 тыс разработчиков. Регулярно публикую полезные материалы по подготовке к собесам. А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Забирайте в закрепленном сообщении
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFH7cSp1 ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 147 |
| 3 |  Как устроены цикл событий и стек вызовов в JavaScript
Цикл событий (event loop) — ключ к асинхронному программированию на JavaScript. Сам по себе язык однопоточный, но использование этого механизма позволяет создать дополнительные потоки, чтобы код работал быстрее. В этой статье разбираемся, как устроен стек вызовов и как они связаны с циклом событий.
👀 Читать
Coderoll | Frontend | 160 |
| 4 |  Recharts: простая визуализация данных для React 👩💻
Recharts — библиотека, которая поможет добавить графики и диаграммы в ваш проект. Легко подключается, настраивается и отлично работает с React. Хотите показать тренды, сравнить показатели или сделать крутой аналитический дашборд? С этой библиотекой всё это можно сделать за пару строк кода. Выбирайте линейные графики, круговые диаграммы, гистограммы или что-то своё.
👀 Посмотреть библиотеку
#инструменты | 177 |
| 5 | ❓ Что такое Immediately Invoked Async Function Expression (IIFE)?
Ответ:
Это асинхронная версия IIFE, где функция немедленно выполняется асинхронно. Она используется для выполнения асинхронных операций без необходимости явно вызывать функцию.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 180 |
| 6 |  Webpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025?
Короткая статья, в которой проводятся замеры скорости работы актуальных сборщиков
👀 Читать
Coderoll | Frontend | 219 |
| 7 |  👨💻 Tabler Icons — легковесные иконки для ваших проектов
Набор из более чем 4300 современных SVG-иконок с минималистичным дизайном. Они быстро загружаются, легко настраиваются по размеру, цвету и толщине линий, что делает их отличным выбором для использования в React, Vue и других фреймворках. Набор полностью бесплатный и подходит для коммерческих проектов. Благодаря Tabler Icons интерфейс становится более профессиональным, а интеграция занимает всего несколько минут.
👀 Посмотреть иконки
#web | 226 |
| 8 | 👩💻👩💻 Как выглядит алгоритм сортировки подсчетом на JavaScript?
Сортировка подсчетом — это алгоритм сортировки коллекции объектов по ключам, представляющим собой небольшие целые числа
const countingSort = (inputArr: number[], min: number, max: number) => {
const sortedArr = []
const count = new Array(max - min + 1).fill(0)
for (const element of inputArr) count[element - min]++
count[0] -= 1
for (let i = 1; i < count.length; i++) count[i] += count[i - 1]
for (let i = inputArr.length - 1; i >= 0; i--) {
sortedArr[count[inputArr[i] - min]] = inputArr[i]
count[inputArr[i] - min]--
}
return sortedArr
}
Coderoll | Frontend | 224 |
| 9 | Вопрос с собеседования:
❓Что такое категории контента в HTML5, cколько их, расскажите о них
Каждый элемент HTML принадлежит некоторому количеству категорий контента, которые объединяют элементы с общим набором характеристик. Такая группировка является свободной, то есть не задает на самом деле отношение между элементами таких типов, но помогает определить и описать их поведение и правила, которым они должны следовать, особенно когда дело доходит до сложных деталей. Также возможна ситуация, когда элемент не входит ни в одну из этих категорий.
Существует три типа категорий контента:
— Основные категории контента, описывающие общие для многих элементов правила;
— Категории контента для элементов форм, описывающие общие правила для элементов форм;
— Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте.
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#html | 224 |
| 10 |  Preact – альтернатива React, которая весит 3KB
Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!
👀 Попробовать
Coderoll | Frontend | 234 |
| 11 |  Coolors — генератор цветовых палитр
Сервис для подбора цветовых сочетаний и создания палитр.
Помогает находить гармоничные цвета для UI, экспортировать палитры в CSS и работать с брендовыми цветами.
👀 Попробовать
Coderoll | Frontend | 245 |
| 12 | ❓ Что такое Callback Hell?
Ответ:
Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 247 |
| 13 |  Используем принципы “Чистого кода” в контексте JavaScript.
Функции
❗️ Не создавайте глобальные функции, которые могут создать конфликт с аналогичными функциями сторонних библиотек
Давайте разберем на примере: что, если вы хотите расширить собственный метод JavaScript Array, чтобы иметь метод diff, который мог бы показать разницу между двумя массивами?
Вы можете написать свою новую функцию в Array.prototype, но она может конфликтовать с другой библиотекой, которая попытается сделать то же самое
Что, если эта другая библиотека просто использует diff, чтобы найти разницу между первым и последним элементами массива?
Вот почему было бы гораздо лучше просто использовать классы ES2015/ES6 и просто расширить глобальный Array.
Coderoll | Frontend | 275 |
| 14 |  ⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ
Вот отсортированная база с тонной материала (постепенно пополняется):
(363 видео, 87 книги) — Python
(117 видео, 53 книги) — ВАЙБКОД
(174 видео, 91 книги) — DevOps
(415 видео, 68 книги) — Frontend
(137 видео, 93 книги) — DS/ML
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++/C
(343 видео, 87 книги) — Java/QA
(176 видео, 32 книги) — Git/Linux
(167 видео, 53 книги) — PHP/1С
(227 видео, 83 книги) — SQL/БД
(114 видео, 77 книги) — Сисадмин
(107 видео, 43 книги) — BA/SA
(181 видео, 32 книги) — Go/Rust
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — Дизайн
(136 видео, 33 книги) — PM/HR
Скачивать ничего не нужно — все выложили в Telegram | 246 |
| 15 | ❓ Как работает метод map?
Ответ:
Метод map создаёт новый массив, применяя указанную функцию к каждому элементу исходного массива. При этом исходный массив не изменяется.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 228 |
| 16 |  АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться | 261 |
| 17 |  GitHub Copilot – AI-помощник для написания кода
Позволяет писать код быстрее, учиться на примерах и исправлять ошибки на лету.
👀 Попробовать
Coderoll | Frontend | 244 |
| 18 |  Hero Patterns
Онлайн-коллекция готовых к использованию SVG-фонов, которые легко интегрировать в веб-проекты. Можно быстро находить и использовать стильные и легкие фоны в формате SVG и настраивать их под конкретные проекты
👀Посмотреть поближе
#front | 264 |
| 19 |  +65 офферов получили наши ребята на прошлой неделе
Оффер на 4,2k долларов
Оффер на 5k евро
Оффер 260k рублей
Оффер на 210k рублей
Оффер на 220k рублей
И еще 19 за сентябрь... а за лето более 50... и у тебя получится!
👋 Меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из почти 300 фронтендеров.
Я веду канал, в котором уже 15 тыс разработчиков. Регулярно публикую полезные материалы по подготовке к собесам. А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Забирайте в закрепленном сообщении
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFHbkrKs ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 271 |
| 20 |  Сервис-генератор фона с градиентом
Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)
➡️Открыть сервис
Coderoll | Frontend | 204 |
