CodeRoll | Frontend
Kanalga Telegram’da o‘tish
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
Ko'proq ko'rsatish4 045
Obunachilar
Ma'lumot yo'q24 soatlar
-87 kun
-4330 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
![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}
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+3
0 kanalda
Sentabr '26
+7
0 kanalda
Get PRO
Avgust '26
+9
0 kanalda
Get PRO
Iyul '26
+10
0 kanalda
Get PRO
Iyun '26
+8
0 kanalda
Get PRO
May '26
+5
2 kanalda
Get PRO
Aprel '26
+9
2 kanalda
Get PRO
Mart '26
+12
2 kanalda
Get PRO
Fevral '26
+15
0 kanalda
Get PRO
Yanvar '26
+7
1 kanalda
Get PRO
Dekabr '25
+15
0 kanalda
Get PRO
Noyabr '25
+15
0 kanalda
Get PRO
Oktabr '25
+12
0 kanalda
Get PRO
Sentabr '25
+5
0 kanalda
Get PRO
Avgust '25
+5
0 kanalda
Get PRO
Iyul '25
+15
10 kanalda
Get PRO
Iyun '25
+22
9 kanalda
Get PRO
May '25
+31
11 kanalda
Get PRO
Aprel '25
+37
8 kanalda
Get PRO
Mart '25
+41
2 kanalda
Get PRO
Fevral '25
+38
4 kanalda
Get PRO
Yanvar '25
+33
0 kanalda
Get PRO
Dekabr '24
+86
10 kanalda
Get PRO
Noyabr '24
+159
7 kanalda
Get PRO
Oktabr '24
+94
8 kanalda
Get PRO
Sentabr '24
+34
0 kanalda
Get PRO
Avgust '24
+47
0 kanalda
Get PRO
Iyul '24
+33
0 kanalda
Get PRO
Iyun '24
+61
0 kanalda
Get PRO
May '24
+241
2 kanalda
Get PRO
Aprel '24
+72
1 kanalda
Get PRO
Mart '24
+91
0 kanalda
Get PRO
Fevral '24
+372
10 kanalda
Get PRO
Yanvar '24
+853
39 kanalda
Get PRO
Dekabr '23
+118
5 kanalda
Get PRO
Noyabr '23
+4
0 kanalda
Get PRO
Oktabr '23
+13
0 kanalda
Get PRO
Sentabr '23
+18
0 kanalda
Get PRO
Avgust '23
+35
0 kanalda
Get PRO
Iyul '23
+37
0 kanalda
Get PRO
Iyun '23
+11
0 kanalda
Get PRO
May '23
+17
0 kanalda
Get PRO
Aprel '23
+17
0 kanalda
Get PRO
Mart '23
+20
0 kanalda
Get PRO
Fevral '23
+21
0 kanalda
Get PRO
Yanvar '23
+31
0 kanalda
Get PRO
Dekabr '22
+27
0 kanalda
Get PRO
Noyabr '22
+25
0 kanalda
Get PRO
Oktabr '22
+14
0 kanalda
Get PRO
Sentabr '22
+38
0 kanalda
Get PRO
Avgust '22
+32
0 kanalda
Get PRO
Iyul '22
+32
0 kanalda
Get PRO
Iyun '22
+157
0 kanalda
Get PRO
May '22
+31
0 kanalda
Get PRO
Aprel '22
+36
0 kanalda
Get PRO
Mart '22
+17
0 kanalda
Get PRO
Fevral '22
+339
0 kanalda
Get PRO
Yanvar '22
+215
0 kanalda
Get PRO
Dekabr '21
+13
0 kanalda
Get PRO
Noyabr '21
+124
0 kanalda
Get PRO
Oktabr '21
+750
0 kanalda
Get PRO
Sentabr '21
+25
0 kanalda
Get PRO
Avgust '21
+28
0 kanalda
Get PRO
Iyul '21
+17
0 kanalda
Get PRO
Iyun '21
+27
0 kanalda
Get PRO
May '21
+28
0 kanalda
Get PRO
Aprel '21
+30
0 kanalda
Get PRO
Mart '21
+49
0 kanalda
Get PRO
Fevral '21
+94
0 kanalda
Get PRO
Yanvar '21
+83
0 kanalda
Get PRO
Dekabr '20
+6 901
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 27 Oktabr | 0 | |||
| 26 Oktabr | 0 | |||
| 25 Oktabr | 0 | |||
| 24 Oktabr | 0 | |||
| 23 Oktabr | 0 | |||
| 22 Oktabr | 0 | |||
| 21 Oktabr | +1 | |||
| 20 Oktabr | 0 | |||
| 19 Oktabr | 0 | |||
| 18 Oktabr | 0 | |||
| 17 Oktabr | 0 | |||
| 16 Oktabr | 0 | |||
| 15 Oktabr | 0 | |||
| 14 Oktabr | 0 | |||
| 13 Oktabr | 0 | |||
| 12 Oktabr | 0 | |||
| 11 Oktabr | +1 | |||
| 10 Oktabr | 0 | |||
| 09 Oktabr | 0 | |||
| 08 Oktabr | 0 | |||
| 07 Oktabr | 0 | |||
| 06 Oktabr | 0 | |||
| 05 Oktabr | +1 | |||
| 04 Oktabr | 0 | |||
| 03 Oktabr | 0 | |||
| 02 Oktabr | 0 | |||
| 01 Oktabr | 0 |
Kanal postlari
| 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 |
