Frontend Головного Мозга
前往频道在 Telegram
Фронтендер из сибири, обо всём что связано с frontend разработкой и интересно самому: ✅ Новости, статьи, ✅ Авторские кейсы, ✅ Песочница, готовые UI макеты. ✅ Юмор Я хочу услышать три главных слова: JS, Angular, Redux Сотрудничество: @cyberJohnny
显示更多6 432
订阅者
-424 小时
-137 天
-5330 天
帖子存档
Как frontend-разработчику получить оффер в Big Tech?
Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные.
Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK...
Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾
Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке.В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFJd6FZb ИП Галактионов Тихон Витальевич, ИНН 771618975809
90% каналов про ИИ - пересказ чужих новостей.
А что если контент делают те, кто строит эти системы?
🥷🏻 NeuroNinja (https://t.me/+1VlUYn5LCBM0MmQ6) - канал, который ведёт команда инженеров из Яндекса, Тинькова, Озона и Сбера.
Не блогеры. Не инфобизнесмены. Практики, которые каждый день работают с ML, LLM и продуктовым AI.
Что внутри:
🔹 Разборы реальных кейсов из BigTech изнутри
🔹 Гайды по нейросетям от тех, кто их внедряет
🔹 Инструменты и лайфхаки, проверенные в бою
🔹 Честный взгляд на тренды без хайпа
Без рекламы. Без воды. Только то, что реально работает.
👉 Подписаться: https://t.me/+1VlUYn5LCBM0MmQ6 (https://t.me/+1VlUYn5LCBM0MmQ6)
@frontend_mind
Кастомизация списков: от ::marker до @counter-style
Современный CSS позволяет гибко управлять списками, не перегружая HTML лишними элементами.
Разбираем три основных подхода.
✅ Псевдоэлемент ::marker
Самый быстрый способ изменить стандартную точку или цифру.
Что можно: менять color, font-size и font-family.
Ограничение: нельзя задать фон или произвольное позиционирование.
Нюанс: маркер выравнивается по базовой линии текста. При большом font-size он сместится вверх относительно строки.
✅ Директива @counter-style
Инструмент для создания собственных систем нумерации (Baseline 2023).
system: cyclic — позволяет зациклить любые символы или эмодзи (например, фазы луны 🌑🌓🌕).
system: extends — модифицирует стандартные стили (например, заменяет точку после цифры на скобку: 1) вместо 1.).
✅ Полный контроль через ::before
Когда возможностей ::marker не хватает для сложного дизайна.
Доступность: при list-style: none обязательно добавляйте role="list" в HTML, иначе Safari перестанет озвучивать список корректно.
Механика: используйте функции counter(list-item) для простых списков или counters(list-item, ".") для вложенной нумерации (1.1, 1.2).
Верстка: через position: absolute маркеру можно задать любые размеры, фон и точное положение относительно текста.
Источник: https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/
👉
@frontend_mind
https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/?utm_source=frontend_info&utm_source=telegram&utm_medium=social&utm_campaign=an-in-depth-guide-to
💻Angular — один из самых строгих и системных инструментов разработки пользовательских интерфейсов. Его выбирают крупные компании, где важны масштабируемость, предсказуемость кода и возможность развивать продукт долгие годы. Мы расскажем вам как работать с этим инструментом. Записывайтесь на открытые уроки в преддверии старта курса «Angular-разработчик»:
📆26 марта в 20:00 МСК на открытом уроке разберём, как LLM ускоряют фронтенд-разработку. Покажем их развитие, подготовим Angular-проект к работе с ИИ, создадим приложение и обсудим, где ИИ реально помогает разработчику.
📆9 апреля в 20:00 МСК на открытом уроке разберём сигналы в Angular: создадим реактивную форму с валидацией, обсудим управление состоянием и сравним с подходом на RxJS.
📆21 апреля в 20:00 МСК разберём архитектуру Angular-приложения: слои, feature-подход, разделение UI, логики и API, а также паттерны и структуру реального проекта.
Подробности об уроках и регистрация: https://clck.ru/3Sbh9p
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
CSS-анимация на примере аналоговых часов
Классический разбор того, как знание спецификации заменяет скрипты. Автор воссоздал реалистичные часы, используя только возможности CSS3.
Адаптивность через em: Один font-size родителя масштабирует все часы пропорционально (включая тени и засечки).
Реалистичный хром: Многослойные box-shadow (внешние и inset) создают объем и металлический блеск без картинок.
Вложенные transform: rotate(): Умная расстановка минутных делений по кругу с помощью всего нескольких тегов .
Тиканье стрелки: Анимация с animation-timing-function: steps(60) вместо плавного вращения.
Понимание вложенных трансформаций и оптимизации рендеринга помогает делать производительные UI-анимации, не нагружая Main Thread.
📖 Детали реализации на Хабре: https://habr.com/ru/articles/171015/
👉
@frontend_mind
💻Сегодня большинство современных веб-сервисов строятся вокруг серверной логики. Именно серверная часть отвечает за обработку данных, взаимодействие с базами и устойчивую работу всей системы.
Node.js стал одним из ключевых инструментов разработки серверных приложений на JavaScript. Он используется в высоконагруженных сервисах, интернет-платформах и масштабируемых веб-системах.
Приглашаем на открытые уроки перед стартом курса «Node.js-разработчик»:
📆26 марта в 20:00 МСК (https://otus.ru/lessons/node/?utm_source=telegram&utm_medium=cpm&utm_campaign=node&utm_term=frontendinterview&utm_content=mql_lesson_26-03-2026_usp-universal_js_aitext_no-headline_aida_short_aibanner_aibanner-hl1_white_standart&erid=777#broadcast)
На открытом уроке разберём, как строится современная серверная архитектура. Вы узнаете, почему одного чистого Node.js часто недостаточно для коммерческой разработки, какие задачи решает NestJS и как правильно организовать структуру проекта. Разберём модули, контроллеры, сервисы, внедрение зависимостей и принципы разделения ответственности в коде.
📆9 апреля в 20:00 МСК (https://otus.ru/lessons/node/?utm_source=telegram&utm_medium=cpm&utm_campaign=node&utm_term=frontendinterview&utm_content=mql_lesson_26-03-2026_usp-universal_js_aitext_no-headline_aida_short_aibanner_aibanner-hl1_white_standart&erid=777#broadcast)
Пошагово реализуем WebSocket-сервер на Node.js и разберём, как устроен обмен сообщениями в realtime. На открытом уроке покажем, как типизация событий делает код надёжнее, и обсудим, почему простого решения недостаточно для рабочей системы. Разберём авторизацию, масштабирование и работу нескольких экземпляров приложения.
📆22 апреля в 20:00 МСК (https://otus.ru/lessons/node/?utm_source=telegram&utm_medium=cpm&utm_campaign=node&utm_term=frontendinterview&utm_content=mql_lesson_26-03-2026_usp-universal_js_aitext_no-headline_aida_short_aibanner_aibanner-hl1_white_standart&erid=777#broadcast)
На открытом уроке разберём Bun, его отличия от Node.js и преимущества по производительности. Обсудим архитектуру backend-сервиса, интеграцию ИИ и работу с API, а также вопросы безопасности и оптимизации. На практике запустим сервер, подключим ИИ-модель и создадим интеллектуальное API.
⚡️Подробности об уроках и регистрация: https://clck.ru/3SbkHp
@frontend_mind
🧭 Разбираем React вместе с Podlodka React Crew
Современные React-приложения становятся всё сложнее. Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами.
Базового понимания фреймворка становится недостаточно для результативной работы.
💡Эксперты Podlodka React Crew (https://podlodka.io/reactcrew?utm_campaign=early_bird_react_crew_4&utm_source=telegram&utm_medium=paid&utm_content=frontendInterview) (https://podlodka.io/reactcrew)решили разобраться с этой проблемой на онлайн-конференции под названием «Продвинутый React».
С 23 по 27 марта ее участники:
⚙️ узнают, как устроен рендер и внутренние механизмы в современном React
🧠 познакомятся с архитектурой приложений, где применяются React Server Components
📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak
🛠️познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемы
Формат — удобный и ламповый: пять дней, живые Zoom-сессии утром и вечером, закрытое профессиональное сообщество в Telegram и общение со спикерами.
Если хотите углубить свои знания про React в компании крутых экспертов, присоединяйтесь к Podlodka React Crew👇
🎟Забрать early-bird билет: https://podlodka.io/reactcrew (https://podlodka.io/reactcrew?utm_campaign=early_bird_react_crew_4&utm_source=telegram&utm_medium=paid&utm_content=frontendInterview)
@frontend_mind
System Design - этап собеседования, на котором часто сыпятся даже сильные разработчики. Не потому, что они плохо пишут код, а потому что никогда не проектировали системы целиком и не знают, как уложить это в 40 минут собеса.
В одном из гайдов собрана база, без которой сложно пройти System Design интервью: что именно проверяют на таких собеседованиях, почему плохой архитектурный дизайн может уронить продукт, какие требования собирают перед проектированием и как инженеры подходят к построению систем уровня Amazon.
В первой части рассказывается:
- что такое системный дизайн и кому он нужен
- как в целом проектируются системы: монолиты, микросервисы, нагрузка, масштабирование, проектирование API
- какие темы нужно понимать для продвинутого уровня: распределённые транзакции, 2PC, 3PC, TCC и другие.
Во второй части планируют разобрать System Design во фронтенде, но для подготовки к собеседованию, по сути, достаточно уже первой.
Ссылка на видео:
@frontend_mind
https://youtu.be/PgC7LzIG29k
Если ты хочешь войти во фронтенд-разработку — сейчас идеальный момент входа.
ИИ не убил профессию. Он убрал самое страшное — барьер входа.
Сегодня первый рабочий сайт можно сгенерировать через ChatGPT или DeepSeek, довести до ума на HTML и CSS, оживить JavaScript и выложить в продакшен. Всё это за одну неделю.
Именно это мы и делаем на бесплатном 7-дневном практикуме (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_260326&utm_content=120326_frontendInterview&erid=2W5zFH1njYD).
Ты пройдёшь путь от чистого листа до реального проекта в портфолио, с поддержкой кураторов на каждом шаге. Не один на один с туториалами.
Стартуем завтра.
👉 Приходи на бесплатный практикум (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_260326&utm_content=120326_frontendInterview&erid=2W5zFH1njYD)
🎁 Каждому участнику гайд «Фронтенд в 2026: что делать новичку в эпоху ИИ»
@frontend_mind
Ищу 10 человек, чтобы собирали чат-ботов по шаблону, как пазлы.
ЗП: от 5-9000₽ за вечер.
Занятость: 3-4 часа в день.
Опыт: не нужен.
Как мы работаем:
1. Ты проходишь обучение пару недель;
2. Берёшь реальный проект из моей базы;
3. Собираешь бота по проверенной формуле;
4. Наставник контролирует процесс;
5. Получаешь деньги и закрепляешь клиента.
Весь процесс занимает до 2х недель с нуля до первых денег на твою карту.
Даниил из Балашихи был военнослужащим — с июля 2024 года начал создавать чат-ботов для бизнеса и уже заработал 4 млн. рублей. А главное теперь у него больше свободного времени на семью, друзей и развлечения.
Да, ты не первый. 127 человек уже ведут постоянных клиентов по моей формуле (https://t.me/other_digital_bot?start=drive00938). Ведь сайт со статистикой Wordstat показывает 10 786 запросов за месяц в поисковике от бизнеса на эту услугу.
Заказов валом. Срочно нужны твои руки и голова.
Чтобы быстро разобраться во всех нюансах — запускай бота (https://t.me/other_digital_bot?start=drive00938)
Там пошаговый план как стартануть и гайд по клиентам.
8 мест ещё свободно
@frontend_mind
Как frontend-разработчику получить оффер в Big Tech?
Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные.
Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK...
Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾
Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке.В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️60 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFGKnQFK ИП Галактионов Тихон Витальевич, ИНН 771618975809
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сгенерировать сайт через Giga, DeepSeek, ChatGPT
- Сверстать страницу на HTML + CSS по Figma макету
- Оживить её логикой на JavaScript
- Превратить сайт во фронтенд-приложение на Angular
- Подключить backend и выложить проект на хостинг
Чтобы в итоге ты своими руками всего за 7 дней разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_260226&utm_content=120226_frontendInterview&erid=2W5zFJnDkxp) с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_260226&utm_content=120226_frontendInterview&erid=2W5zFJnDkxp)
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Стартуем завтра.
@frontend_mind
Ищу желающих заполнять карточки товаров на ВБ!
Работа полностью на удаленке с зп до150 000 рублей в месяц.
Без опыта, нужен только телефон, занятость 3-6 часов в день.
Всему обучат на бесплатном курсе и после возьму на работу:
✅ 3 дня уроков по 30 минут
✅ Домашки с проверкой и оплатой бонусами
✅ Плачу 10 тыс за каждую выполненную домашку
Все кто пройдет курс, получат сертификат от школы с образовательной лицензией.
⚡ Набор заканчивается завтра.
👍 Для регистрации жмите кнопку "Зарегистрироваться"
Зарегистрироваться
#реклама 16+
course.wildmanager.ru
О рекламодателе
Сочи, 2-ух уровневая, ремонт, вид на море, ипотека от 2%
Мечтаете о квартире у моря, но цены и необходимость делать ремонт пугают💰?
Да, выбор и ремонт требует времени и денег . Но не отказывайтесь от мечты! В ЖК Фестивальный готовые квартиры с ремонтом, скидкой до 20% и ипотекой от 2%😊.
✨ Из окон видно море, до которого всего 10 минут, на территории школа, сад, магазины и даже бассейн 👍!
✅ Оставь телефон чтобы узнать цену!
Узнать цену
Изучите все условия кредита (займа) на сайте в соответствующем разделе. Оценивайте свои финансовые возможности и риски. Финансовые услуги оказывает: ПАО Сбербанк.
#реклама
festivalniy.estatesochi.com
О рекламодателе
Почему 90% фронтендеров никогда не выйдут на большие чеки?
Потому что бездумно потребляют «обучающий» контент. И топчутся в говне месяцами, рвут жопу за нищие копейки и терпят даунов-начальников, лишь бы не вылететь на улицу.
Хотя чтобы стать разработчиком, надо в первую очередь научиться думать как разработчик.
Хорошая новость в том, что тебе ничего кардинально менять не нужно, чтобы войти в «золотую десятку» самых успешных. Не надо бросать курсы или увольняться.
Достаточно заменить источник информации:
👉 Фронтенд (https://t.me/+XnGGWJkE5NliNzgy)
👉 Верстка (https://t.me/+NoGPh-w8oy8yNTMy)
👉 Node.JS (https://t.me/+mhF8zlnrosI5Yjli)
10–15 минут в день смотри на реальные задачи, живой код, ошибки, подходы и паттерны, которыми топовые фронты пользуются прямо сейчас.
Это самый простой и дешёвый способ стать уважаемым специалистом, так что подписывайся.
@frontend_mind
Сервис подбора б/у авто из Европы.
Если вы планируете покупку автомобиля, но нужно ещё подкопить...
Заходите к нам! Есть множество вариантов 🚗 с Европы как в наличии, так и под пригон.
Посмотреть каталог
#реклама
О рекламодателе
👩💻 Всем программистам посвящается!
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Frontend — t.me/frontend_ready (https://t.me/+nOdr3h1X0TEyZjAy)
📱 JavaScript — t.me/javascript_ready (https://t.me/+stesD6--Hj01YTMy)
👩💻 IT Новости — t.me/it_ready (https://t.me/+cffdCEz2zKE1OThi)
👩💻 Python — t.me/python_ready (https://t.me/+1x1arLoYz-djNjRi)
🤔 InfoSec & Хакинг — t.me/hacking_ready (https://t.me/+82ft1yCAmTI4ZTM6)
🖥 SQL & Базы Данных — t.me/sql_ready (https://t.me/+RKzJVgBvZnYxNDgy)
🤖 AI & ML — t.me/neuro_ready (https://t.me/+ryVpRsG2XZBiNzky)
👩💻 C/C++ — https://t.me/cpp_ready (https://t.me/+ctJWKqALtcM5NWIy)
👩💻 C# & Unity — t.me/csharp_ready (https://t.me/+qfE4_6aON9JjZGUy)
👩💻 Linux — t.me/linux_ready (https://t.me/+PwN2ZiXDIttkZjk6)
👩💻 Java — t.me/java_ready (https://t.me/+ZbXstE1-pHoxOWVi)
📖 IT Книги — t.me/books_ready (https://t.me/+SB2vpRaTt4ZhY2Ni)
🖼️ DevOps — t.me/devops_ready (https://t.me/+Gj1w7TOKdNk3MzZi)
🖥 Design — t.me/design_ready (https://t.me/+bS7e9Mx1Ic0wZTcy)
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
@frontend_mind
Станки DK77 от 770тыс.₽ — В наличии и готовы к отгрузке!
⚡Электроэрозионные станки DK77 со скидкой 15% в наличии на складе и готовы к отгрузке!
⚡Используется многоразовая молибденовая проволока Ø0.18 мм.
⚡Конусность 3°–6° l Точность 0.01 мм l Шероховатость Ra 2.5 мкм l Скорость обработки 120 – 180 мм²/мин.
⚡Высококачественная предпродажная подготовка. Пусконаладка, обучение и сервис.
⚡Отгрузка в день оплаты. Выгодный лизинг. Доставка по всей России.
Написать в Telegram
#реклама
станкоинструмент.рф
О рекламодателе
Find the stray number
Вам дан массив целых чисел нечетной длины, все из которых одинаковы, за исключением одного единственного числа. Завершите метод, который принимает такой массив и возвращает это единственное число.
Входной массив всегда будет верным! (нечетная длина >= 3)
Примеры:
[1, 1, 2] ==> 2
[17, 17, 3, 17, 17, 17, 17] ==> 3
👉
@frontend_mind
+3
Продвижение в Telegram с помощью Яндекс Директа
⚡Запустите продвижение в телеграм-каналах и привлекайте целевую аудиторию
📱 Таргетинг по тематикам, регионам и каналам в Telegram
Попробовать
#реклама
yandex.ru
О рекламодателе
