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 073
Obunachilar
-124 soatlar
-107 kun
-3830 kun
Ma'lumot yuklanmoqda...
O'xshash kanallar
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.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
+1
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 | |
| 07 Oktabr | 0 | |||
| 06 Oktabr | 0 | |||
| 05 Oktabr | +1 | |||
| 04 Oktabr | 0 | |||
| 03 Oktabr | 0 | |||
| 02 Oktabr | 0 | |||
| 01 Oktabr | 0 |
Kanal postlari
Вопрос с собеседования:
❓Что такое инкапсуляция?
Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект.
Почитать подробнее на Хабре
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web
| 2 |  Оптимизация рендеринга React-компонентов: как не навредить
Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность.
В этом материале разберём:
✅ Почему React-компоненты перерисовываются?
✅ Когда стоит использовать useMemo и useCallback?
✅ Как React.memo может ускорить рендер?
✅ Какие инструменты помогают анализировать производительность?
Читай статью и избавляйся от лагов 👇
👀 Читать
Coderoll | Frontend | 153 |
| 3 | ❓Какими способами можно визуально скрыть элемент?
с помощью свойства display;
с помощью свойства opacity;
с помощью свойства visibility;
с помощью position:absolute;
уменьшить размеры элемента до нуля.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 162 |
| 4 | Вопрос с собеседования:
❓Расскажите про тег keygen
Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.
Подробнее — раз, два
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web | 186 |
| 5 | Вопрос с собеседования:
❓Что такое HTTPS?
HTTPS (HyperText Transfer Protocol Secure) — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов SSL или TLS. В отличие от HTTP с TCP-портом 80, для HTTPS по умолчанию используется TCP-порт 443
Почитать подробнее
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web | 206 |
| 6 | ❓ Что такое Asynchronous JavaScript?
Ответ:
Asynchronous JavaScript позволяет выполнять задачи без блокировки основного потока выполнения. Это достигается с помощью механизмов, таких как Callbacks, Promises, Async/Await и Web Workers. Асинхронность особенно важна при работе с операциями ввода-вывода (например, запросами к серверу).
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 217 |
| 7 |  +5711 собесдований и 51 оффер получили наши ученики за лето
- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка
и другие.... + 11 оффер за сентябрь за сентябрь
👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 239 |
| 8 | 711 собесдований и 51 оффер получили наши ученики за лето
- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка
и другие.... + 11 оффер за сентябрь за сентябрь
👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 23 |
| 9 | ❓Что такое слоистая архитектура (Layered Architecture) и зачем она нужна во фронтенде?
Слоистая архитектура — это подход, при котором код разделяется на логические слои, каждый из которых отвечает за свою зону ответственности. Обычно это: UI слой (компоненты), слой бизнес-логики, слой работы с API и слой хранилища данных.
Такой подход помогает:
1) изолировать ответственность каждого слоя;
2) улучшить читаемость и поддержку кода;
3) упростить тестирование;
4)снизить связность и повысить масштабируемость.
Во фронтенде слоистая архитектура позволяет удобно расширять приложение, не ломая уже работающие части.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 220 |
| 10 |  Contrast Checker — проверка контраста цвета для доступного UI
Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG!
👀 Попробовать
Coderoll | Frontend | 230 |
| 11 | ❓ Что такое Event Loop и как он работает?
Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 225 |
| 12 |  +1👩💻 Используем принципы “Чистого кода” в контексте JavaScript
Функции
✏ Избегайте отрицательных условных конструкций
Не усложняйте условные конструкции и не создавайте негативных сценариев проверок
Держите в голове простое правило:
➕ Не создавайте условия с НЕ
🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице
🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер
🔩 Не получен статус 503 ➡️ Получен статус 503
Иначе позитивные сценарии будут звучать как комбинация двух НЕ
Coderoll | Frontend | 269 |
| 13 |  Coderoll | Frontend | 306 |
| 14 |  Собес через неделю
Ты открыл 10 вкладок с темами и не знаешь, за какую хвататься? 😮💨
Знакомо: учишь всё подряд, и не успеваешь ничего?
Диагностика Jumse решает ровно эту проблему. Проходишь полный скрининг за час и получаешь карту знаний: срез по каждой теме твоего стека на трёх уровнях (хорошо / провисает / критично). По каждому провалу — приоритет, что подтянуть первым.
Это тот же детальный отчёт, который в корпоративной версии видит HR. Только теперь он у тебя на руках — до собеса, а не вместо оффера.
💵 1 990 ₽ — дешевле одного проваленного собеса
👉 Получить карту пробелов
А познакомиться с платформой можно бесплатно! Ждем в канале и у нас на сайте.
_______________________________________________
Реклама. ИП "Андреева Мария Сергеевна", ИНН 771001057735. erid: 2VtzquWm4hz1 | 251 |
| 15 |  НЕ:РОЗЫ - магазин подарков
Сложность: #средняя
Жанр: #LandingPage
Язык: #RU
👉Открыть макет
Coderoll Frontend | #макеты | 228 |
| 16 | ❓ В чем разница между REST API и GraphQL?
REST API – стандартная архитектура API, где есть фиксированные эндпоинты (/users,/posts). Клиент получает фиксированный ответ.
GraphQL – позволяет клиенту запрашивать только нужные данные, без лишней нагрузки.
GraphQL хорош, когда нужно минимизировать сетевой трафик, а REST проще в реализации и лучше кешируется.
Ставь ❤️ если знаешь ответ
Если нет — ставь 💅
Coderoll | Frontend | 242 |
| 17 |  Браузер для фронтенд-разработчиков
Polypane позволяет одновременно просматривать сайт на разных экранах, тестировать доступность и контрастность, синхронизировать скроллинг и клики между всеми экранами, поддерживает hot-reload для фреймворков вроде React и Vue, а также предоставляет данные по SEO и производительности.
👀 Потыкать браузер
#web | 264 |
| 18 |  Qwik – фреймворк для мгновенных веб-приложений
Qwik – это новый взгляд на SSR и рендеринг. Он подгружает JS только при необходимости, что делает сайты супер быстрыми.
🔥 Что дает Qwik?
✔️ Почти мгновенный рендеринг
✔️ Минимум JS-кода в браузере
✔️ Отлично подходит для больших проектов
👀 Попробовать
Coderoll | Frontend | 273 |
| 19 | +5 711 собесдований и 51 оффер получили наши ученики за лето
- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка
и другие.... + 11 оффер за сентябрь за сентябрь
👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ
Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще
Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY
Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ
🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март
А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)
Подписывайся 👇
frontend_punks
Реклама, erid: 2W5zFGDkXJR ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 326 |
| 20 |  +1👩💻 Используем принципы “Чистого кода” в контексте JavaScript
Функции
✏ Инкапсулируйте условные операторы
Простыми словами, старайтесь ваши условия заключить в определенный функционал - метод или функцию. Таким образом вы сможете:
💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)
Coderoll | Frontend | 261 |
