CodeRoll | Frontend
前往频道在 Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
显示更多4 045
订阅者
无数据24 小时
-87 天
-4330 天
正在加载数据
相似频道
![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}
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
十月 '2610月 '26
十月 '26
+3
在0个频道中
九月 '26
+7
在0个频道中
Get PRO
八月 '26
+9
在0个频道中
Get PRO
七月 '26
+10
在0个频道中
Get PRO
六月 '26
+8
在0个频道中
Get PRO
五月 '26
+5
在2个频道中
Get PRO
四月 '26
+9
在2个频道中
Get PRO
三月 '26
+12
在2个频道中
Get PRO
二月 '26
+15
在0个频道中
Get PRO
一月 '26
+7
在1个频道中
Get PRO
十二月 '25
+15
在0个频道中
Get PRO
十一月 '25
+15
在0个频道中
Get PRO
十月 '25
+12
在0个频道中
Get PRO
九月 '25
+5
在0个频道中
Get PRO
八月 '25
+5
在0个频道中
Get PRO
七月 '25
+15
在10个频道中
Get PRO
六月 '25
+22
在9个频道中
Get PRO
五月 '25
+31
在11个频道中
Get PRO
四月 '25
+37
在8个频道中
Get PRO
三月 '25
+41
在2个频道中
Get PRO
二月 '25
+38
在4个频道中
Get PRO
一月 '25
+33
在0个频道中
Get PRO
十二月 '24
+86
在10个频道中
Get PRO
十一月 '24
+159
在7个频道中
Get PRO
十月 '24
+94
在8个频道中
Get PRO
九月 '24
+34
在0个频道中
Get PRO
八月 '24
+47
在0个频道中
Get PRO
七月 '24
+33
在0个频道中
Get PRO
六月 '24
+61
在0个频道中
Get PRO
五月 '24
+241
在2个频道中
Get PRO
四月 '24
+72
在1个频道中
Get PRO
三月 '24
+91
在0个频道中
Get PRO
二月 '24
+372
在10个频道中
Get PRO
一月 '24
+853
在39个频道中
Get PRO
十二月 '23
+118
在5个频道中
Get PRO
十一月 '23
+4
在0个频道中
Get PRO
十月 '23
+13
在0个频道中
Get PRO
九月 '23
+18
在0个频道中
Get PRO
八月 '23
+35
在0个频道中
Get PRO
七月 '23
+37
在0个频道中
Get PRO
六月 '23
+11
在0个频道中
Get PRO
五月 '23
+17
在0个频道中
Get PRO
四月 '23
+17
在0个频道中
Get PRO
三月 '23
+20
在0个频道中
Get PRO
二月 '23
+21
在0个频道中
Get PRO
一月 '23
+31
在0个频道中
Get PRO
十二月 '22
+27
在0个频道中
Get PRO
十一月 '22
+25
在0个频道中
Get PRO
十月 '22
+14
在0个频道中
Get PRO
九月 '22
+38
在0个频道中
Get PRO
八月 '22
+32
在0个频道中
Get PRO
七月 '22
+32
在0个频道中
Get PRO
六月 '22
+157
在0个频道中
Get PRO
五月 '22
+31
在0个频道中
Get PRO
四月 '22
+36
在0个频道中
Get PRO
三月 '22
+17
在0个频道中
Get PRO
二月 '22
+339
在0个频道中
Get PRO
一月 '22
+215
在0个频道中
Get PRO
十二月 '21
+13
在0个频道中
Get PRO
十一月 '21
+124
在0个频道中
Get PRO
十月 '21
+750
在0个频道中
Get PRO
九月 '21
+25
在0个频道中
Get PRO
八月 '21
+28
在0个频道中
Get PRO
七月 '21
+17
在0个频道中
Get PRO
六月 '21
+27
在0个频道中
Get PRO
五月 '21
+28
在0个频道中
Get PRO
四月 '21
+30
在0个频道中
Get PRO
三月 '21
+49
在0个频道中
Get PRO
二月 '21
+94
在0个频道中
Get PRO
一月 '21
+83
在0个频道中
Get PRO
十二月 '20
+6 901
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 27 十月 | 0 | |||
| 26 十月 | 0 | |||
| 25 十月 | 0 | |||
| 24 十月 | 0 | |||
| 23 十月 | 0 | |||
| 22 十月 | 0 | |||
| 21 十月 | +1 | |||
| 20 十月 | 0 | |||
| 19 十月 | 0 | |||
| 18 十月 | 0 | |||
| 17 十月 | 0 | |||
| 16 十月 | 0 | |||
| 15 十月 | 0 | |||
| 14 十月 | 0 | |||
| 13 十月 | 0 | |||
| 12 十月 | 0 | |||
| 11 十月 | +1 | |||
| 10 十月 | 0 | |||
| 09 十月 | 0 | |||
| 08 十月 | 0 | |||
| 07 十月 | 0 | |||
| 06 十月 | 0 | |||
| 05 十月 | +1 | |||
| 04 十月 | 0 | |||
| 03 十月 | 0 | |||
| 02 十月 | 0 | |||
| 01 十月 | 0 |
频道帖子
| 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 |
