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}
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '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 |
