TGViewer
Channel Public Channel
CodeRoll | Frontend

CodeRoll | Frontend

@coderoll

OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Open in Telegram
Subscribers
4.07K
Photos
1.8K
Videos
74
Links
1.1K
Recent Posts 14 shown
Post #3273 115
TsParticles

Мощная библиотека для создания интерактивных анимаций частиц, которая легко настраивается и поддерживает интеграцию с популярными фреймворками.

👀 Посмотреть

Coderoll | Frontend
Post #3272 164
⚡️Группа хакеров взломала сервера Skillbox, Geekbrains, Skillfactory и ещё 12 онлайн-школ, чтобы выгрузить их курсы в Telegram

Юристы пытаются удалить каналы за Авторские Права🤡 – потому вот актуальные ссылки на архивы:

По школам: 

├ Skillbox (1.12 ТБ)
├ Нетология (846 ГБ)
├ SkillFactory (720 ГБ) 
├ GeekBrains (934 ГБ)
└ Другие (3.21 ТБ)

По ЯП:

├ Python (1.48 ТБ)
├ SQL (982 ГБ)
├ C++ (590 ГБ)
├ С (318 ГБ)
├ GoLang (290 ГБ)
└ Другие (3.17 ТБ)

Ссылка на общий архив: @schools_hack_arc
  • 😁 1
Post #3270 165
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Функции должны делать что-то одно

❗️ Это самое важное правило в программной инженерии

Когда функции делают больше, чем одно, их сложнее составлять, тестировать и рассуждать о них

Когда вы можете изолировать функцию только для одного действия, ее можно легко рефакторить (переписывать, исправлять), и ваш код будет читаться намного чище

Coderoll | Frontend
Post #3269 175
Вопрос с собеседования:

❓Что такое инкапсуляция?

Инкапсуляция - это механизм, который объединяет данные и методы, манипулирующие этими данными, и защищает и то и другое от внешнего вмешательства или неправильного использования. Когда методы и данные объединяются таким способом, создается объект.

Почитать подробнее на Хабре

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web
Post #3268 195
Оптимизация рендеринга React-компонентов: как не навредить

Всё идёт хорошо, пока компоненты не начинают ререндериться без причины, нагружая браузер. Чем больше состояние и пропсов, тем сильнее страдает производительность.

В этом материале разберём:
✅ Почему React-компоненты перерисовываются?
✅ Когда стоит использовать useMemo и useCallback?
✅ Как React.memo может ускорить рендер?
✅ Какие инструменты помогают анализировать производительность?

Читай статью и избавляйся от лагов 👇

👀 Читать

Coderoll | Frontend
Post #3267 195
❓Какими способами можно визуально скрыть элемент?

с помощью свойства display;
с помощью свойства opacity;
с помощью свойства visibility;
с помощью position:absolute;
уменьшить размеры элемента до нуля.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
Post #3266 217
Вопрос с собеседования:

❓Расскажите про тег keygen

Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.

Подробнее — раз, два

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web
Post #3265 228
Вопрос с собеседования:

❓Что такое HTTPS?

HTTPS (HyperText Transfer Protocol Secure) — расширение протокола HTTP для поддержки шифрования в целях повышения безопасности. Данные в протоколе HTTPS передаются поверх криптографических протоколов SSL или TLS. В отличие от HTTP с TCP-портом 80, для HTTPS по умолчанию используется TCP-порт 443

Почитать подробнее

Ставь ❤️если знаешь ответ
Если нет — ставь 💅

#web
Post #3264 233
❓ Что такое Asynchronous JavaScript?

Ответ:
Asynchronous JavaScript позволяет выполнять задачи без блокировки основного потока выполнения. Это достигается с помощью механизмов, таких как Callbacks, Promises, Async/Await и Web Workers. Асинхронность особенно важна при работе с операциями ввода-вывода (например, запросами к серверу).

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • ❤ 1
  • 👍 1
Post #3258 245
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
Post #3256 231
❓Что такое слоистая архитектура (Layered Architecture) и зачем она нужна во фронтенде?

Слоистая архитектура — это подход, при котором код разделяется на логические слои, каждый из которых отвечает за свою зону ответственности. Обычно это: UI слой (компоненты), слой бизнес-логики, слой работы с API и слой хранилища данных.

Такой подход помогает:
1) изолировать ответственность каждого слоя;
2) улучшить читаемость и поддержку кода;
3) упростить тестирование;
4)снизить связность и повысить масштабируемость.

Во фронтенде слоистая архитектура позволяет удобно расширять приложение, не ломая уже работающие части.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 1
Post #3255 238
Contrast Checker — проверка контраста цвета для доступного UI

Проблема низкоконтрастного текста часто мешает пользователям с нарушениями зрения. Не хочешь терять аудиторию? Убедись, что твои цвета соответствуют WCAG!

👀 Попробовать

Coderoll | Frontend
Post #3254 234
❓ Что такое Event Loop и как он работает?

Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • ❤ 1
Post #3252 280
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


✏ Избегайте отрицательных условных конструкций

Не усложняйте условные конструкции и не создавайте негативных сценариев проверок

Держите в голове простое правило:

➕ Не создавайте условия с НЕ

🔩 Элемент не присутствует на странице ➡️ Элемент присутствует на странице

🔩 Запрос не ушел на сервер ➡️ Запрос ушел на сервер

🔩 Не получен статус 503 ➡️ Получен статус 503

Иначе позитивные сценарии будут звучать как комбинация двух НЕ

Coderoll | Frontend
  • 👍 1
Older posts →

About this channel

How can I read @coderoll without a Telegram account?
TGViewer shows the public web preview Telegram publishes for CodeRoll | Frontend: recent posts, photos, videos and the subscriber count, with no app, login or account.
How many subscribers does CodeRoll | Frontend have?
CodeRoll | Frontend (@coderoll) has 4.07K subscribers on Telegram, refreshed roughly every 30 minutes.
Does CodeRoll | Frontend know I viewed it here?
No. Public channel previews carry no viewer identity, and TGViewer has no accounts or tracking of what you look up.
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →