fa
Feedback
Frontend Головного Мозга

Frontend Головного Мозга

رفتن به کانال در Telegram

Фронтендер из сибири, обо всём что связано с frontend разработкой и интересно самому: ✅ Новости, статьи, ✅ Авторские кейсы, ✅ Песочница, готовые UI макеты. ✅ Юмор Я хочу услышать три главных слова: JS, Angular, Redux Сотрудничество: @cyberJohnny

نمایش بیشتر
6 524
مشترکین
-124 ساعت
+47 روز
-3730 روز
جذب مشترکین
ژوئن '26
ژوئن '26
+16
در 0 کانال‌ها
مه '26
+9
در 0 کانال‌ها
Get PRO
آوریل '26
+13
در 0 کانال‌ها
Get PRO
مارس '26
+12
در 0 کانال‌ها
Get PRO
فوریه '26
+12
در 0 کانال‌ها
Get PRO
ژانویه '26
+8
در 0 کانال‌ها
Get PRO
دسامبر '25
+12
در 0 کانال‌ها
Get PRO
نوامبر '25
+17
در 0 کانال‌ها
Get PRO
اکتبر '25
+11
در 0 کانال‌ها
Get PRO
سپتامبر '25
+19
در 0 کانال‌ها
Get PRO
اوت '25
+25
در 0 کانال‌ها
Get PRO
ژوئیه '25
+9
در 0 کانال‌ها
Get PRO
ژوئن '25
+19
در 0 کانال‌ها
Get PRO
مه '25
+21
در 0 کانال‌ها
Get PRO
آوریل '25
+37
در 0 کانال‌ها
Get PRO
مارس '25
+25
در 0 کانال‌ها
Get PRO
فوریه '25
+51
در 0 کانال‌ها
Get PRO
ژانویه '25
+31
در 0 کانال‌ها
Get PRO
دسامبر '24
+32
در 0 کانال‌ها
Get PRO
نوامبر '24
+22
در 0 کانال‌ها
Get PRO
اکتبر '24
+86
در 0 کانال‌ها
Get PRO
سپتامبر '24
+20
در 0 کانال‌ها
Get PRO
اوت '24
+32
در 0 کانال‌ها
Get PRO
ژوئیه '24
+13
در 0 کانال‌ها
Get PRO
ژوئن '24
+71
در 0 کانال‌ها
Get PRO
مه '24
+172
در 0 کانال‌ها
Get PRO
آوریل '24
+136
در 0 کانال‌ها
Get PRO
مارس '24
+171
در 17 کانال‌ها
Get PRO
فوریه '24
+201
در 0 کانال‌ها
Get PRO
ژانویه '24
+218
در 4 کانال‌ها
Get PRO
دسامبر '23
+165
در 3 کانال‌ها
Get PRO
نوامبر '23
+78
در 4 کانال‌ها
Get PRO
اکتبر '23
+67
در 4 کانال‌ها
Get PRO
سپتامبر '23
+257
در 0 کانال‌ها
Get PRO
اوت '23
+242
در 0 کانال‌ها
Get PRO
ژوئیه '23
+221
در 0 کانال‌ها
Get PRO
ژوئن '23
+270
در 0 کانال‌ها
Get PRO
مه '23
+215
در 0 کانال‌ها
Get PRO
آوریل '23
+143
در 0 کانال‌ها
Get PRO
مارس '23
+475
در 0 کانال‌ها
Get PRO
فوریه '23
+122
در 0 کانال‌ها
Get PRO
ژانویه '23
+136
در 0 کانال‌ها
Get PRO
دسامبر '22
+103
در 0 کانال‌ها
Get PRO
نوامبر '22
+141
در 0 کانال‌ها
Get PRO
اکتبر '22
+165
در 0 کانال‌ها
Get PRO
سپتامبر '22
+209
در 0 کانال‌ها
Get PRO
اوت '22
+74
در 0 کانال‌ها
Get PRO
ژوئیه '22
+66
در 0 کانال‌ها
Get PRO
ژوئن '22
+32
در 0 کانال‌ها
Get PRO
مه '22
+62
در 0 کانال‌ها
Get PRO
آوریل '22
+89
در 0 کانال‌ها
Get PRO
مارس '22
+24
در 0 کانال‌ها
Get PRO
فوریه '22
+30
در 0 کانال‌ها
Get PRO
ژانویه '22
+30
در 0 کانال‌ها
Get PRO
دسامبر '21
+45
در 0 کانال‌ها
Get PRO
نوامبر '21
+80
در 0 کانال‌ها
Get PRO
اکتبر '21
+49
در 0 کانال‌ها
Get PRO
سپتامبر '21
+51
در 0 کانال‌ها
Get PRO
اوت '21
+1 466
در 0 کانال‌ها
Get PRO
ژوئیه '21
+3 323
در 0 کانال‌ها
Get PRO
ژوئن '21
+346
در 0 کانال‌ها
Get PRO
مه '21
+64
در 0 کانال‌ها
Get PRO
آوریل '21
+9
در 0 کانال‌ها
Get PRO
مارس '21
+153
در 0 کانال‌ها
Get PRO
فوریه '21
+181
در 0 کانال‌ها
Get PRO
ژانویه '21
+18
در 0 کانال‌ها
Get PRO
دسامبر '20
+9 195
در 0 کانال‌ها
تاریخ
رشد مشترکین
اشارات
کانال‌ها
08 ژوئن0
07 ژوئن0
06 ژوئن+1
05 ژوئن0
04 ژوئن+7
03 ژوئن+2
02 ژوئن+3
01 ژوئن+3
پست‌های کانال
Айтишники ловите сборник бесплатных курсов, полезных инструментов и книг Проект «TERMINAL» (https://t.me/+uSeRPTbqR8wwYzcy) с
Айтишники ловите сборник бесплатных курсов, полезных инструментов и книг Проект «TERMINAL» (https://t.me/+uSeRPTbqR8wwYzcy) стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков 🎓 Практические курсы и задания (https://t.me/+uSeRPTbqR8wwYzcy) 🪽 Книги и статьи известных авторов (https://t.me/+uSeRPTbqR8wwYzcy) 😮‍💨 Полезные инструменты и ресурсы (https://t.me/+uSeRPTbqR8wwYzcy) 🌟 IT-новости и инсайды (https://t.me/+uSeRPTbqR8wwYzcy) Обучение по всем направлениям: SQL, Python, Frontend, PHP, C++, Golang, GIT, Linux, QA, Java, кибербезопасность и др. Ценишь знания, подпишись: Terminal_tg (https://t.me/+uSeRPTbqR8wwYzcy) @frontend_mind

2
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют во
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы. Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть! 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFHSzZJq ИП Галактионов Тихон Витальевич, ИНН 771618975809
296
3
TanStack Form: новый стандарт для работы с формами в JS Все знают TanStack Query (бывший React Query), который перевернул раб
TanStack Form: новый стандарт для работы с формами в JS Все знают TanStack Query (бывший React Query), который перевернул работу с запросами. Теперь команда разработчиков выпустила TanStack Form - библиотеку для управления формами, которая решает старые боли фронтендеров. Главные фишки: 🟢Агностицизм: работает не только с React, но и с Vue, Angular, Solid, Svelte и даже Vanilla JS. 🟢100% Type-Safe: глубокая интеграция с TypeScript. Ошибки в названиях полей или типах данных подсвечиваются прямо при написании кода. 🟢Валидация без привязки: можно использовать любую привычную библиотеку (Zod, Valibot, Yup) или писать кастомные функции. 🟢Производительность: библиотека обновляет состояние точечно, поэтому даже огромные формы с сотнями полей не будут тормозить интерфейс. Если вам надоело мучиться с настройкой сложных форм, TanStack Form - отличный кандидат на замену старым инструментам. 👉 @frontend_mind
518
4
Собрал чат-бота за вечер → заработал 9 000₽ Ничего придумывать не надо. Открыл шаблон → Собрал бота как конструктор → Получил деньги. Сейчас каждый бизнес живёт в онлайне. Всем нужны чат-боты, авторассылки и другие онлайн-сервисы. Но предприниматели сами не будут разбираться в настройке сервисов. Значит тут появляется отличная ниша для заработка. — 9-15 тыс. ₽ за настройку (3–4 часа работы). — до 50 тыс. ₽ в месяц за сопровождение чат-бота и рассылок. Собирается любой чат-бот на конструкторе (https://t.me/other_digital_bot?start=drive01818), где ты просто расставляешь текст клиента по блокам. Как новичку на создании чат-ботов накопить на отдых, машину, квартиру и все хотелки? Начни бесплатное обучение 👉 @other_digital_bot Там ты за пару недель научишься собирать ботов и сможешь получить клиента. @frontend_mind
331
5
بدون متن...
0
6
ИИ убьёт новичков в IT? Татьяна К. выполнила уже 5 заказов на сумму более 65 000 руб. Правка, вёрстка и поддержка сайтов. Сергей Ч. сделал свой первый интернет-магазина на Angular. Сам реализовал функционал, адаптив и работу с данными. Заработал около €400. Илья С. пришёл во frontend из медицины. Во время обучения получил оффер в веб-студию на позицию frontend-разработчика с зарплатой 100 000 руб., а позже вырос до 250 000 руб. Его история показывает, что даже без IT-бэкграунда можно войти в разработку и быстро вырасти в доходе. Десятки таких кейсов Айтилогия публикует каждый месяц. Потому что через Gpt ты генерируешь заготовку. Потом своими руками доводишь её до продакшена, подключаешь backend, выкладываешь на хостинг… А главное, берёшь с заказчика деньги за каждую услугу. 😉 И именно этому учат на бесплатном 7-дневном практикуме Романа Чернова (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_280526&utm_content=140526_frontendInterview&erid=2W5zFJeo24H), Fullstack-разработчика с 12-летним стажем, сооснователя Айтилогии. - За неделю ты с нуля соберёшь реальный сайт — с JavaScript, API и Angular. - Оформишь его в портфолио. - Узнаешь, как получают заказы ученики Айтилогии. - А куратор поддержит тебя на каждом шаге. 👉 Проскочить на практикум бесплатно (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_280526&utm_content=140526_frontendInterview&erid=2W5zFJeo24H) ⏰ Старт завтра. @frontend_mind
0
7
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них ран
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России (https://t.me/+7O9GMkB_28M5NTQ6). В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России (https://t.me/+7O9GMkB_28M5NTQ6) — подписывайся и будь в курсе всех предстоящих мероприятий! @frontend_mind
0
8
«Летающий» фокус на View Transitions API Анимация перемещения фокуса между элементами (focus ring) делает интерфейс «живее» и
«Летающий» фокус на View Transitions API Анимация перемещения фокуса между элементами (focus ring) делает интерфейс «живее» и помогает пользователю не терять активный элемент при навигации с клавиатуры. Раньше для этого высчитывали координаты через getBoundingClientRect, теперь всё делает браузер. Вместо анимации самой кнопки мы анимируем только рамку фокуса. Для этого каждому интерактивному элементу добавляется вспомогательный . 1️⃣ CSS: Рамка фокуса получает уникальное view-transition-name только в тот момент, когда родительский элемент находится в состоянии :focus-visible. 2️⃣ JS: Переключаем фокус программно внутри startViewTransition. Браузер увидит, что элемент с именем focus-ring переместился и изменил размер, и сам создаст плавный переход. 👉 @frontend_mind
983
9
Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный
Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK... Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить. 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFHVq8DF ИП Галактионов Тихон Витальевич, ИНН 771618975809
0
10
7 дней бесплатного обучения фронтенд-разработке! Роман Чернов, Fullstack-разработчик с 12-летним стажем, запускает практикум
7 дней бесплатного обучения фронтенд-разработке! Роман Чернов, Fullstack-разработчик с 12-летним стажем, запускает практикум — покажет, как с помощью нейросетей зарабатывать 100–200 тыс. рублей на вёрстке сайтов (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_270426&utm_content=140426_frontendInterview&erid=2W5zFK8PrcH). За 7 дней ты: - Сгенерируешь сайт через ChatGPT, DeepSeek или GigaChat; - Сверстаешь страницу на HTML + CSS; - Оживишь её логикой на JavaScript; - Превратишь в полноценное фронтенд-приложение на Angular; - Подключишь backend и выложишь в продакшен. В итоге получишь реальный сайт, который не стыдно добавить в портфолио или продать. 👉 Ухватить практикум бесплатно (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_270426&utm_content=140426_frontendInterview&erid=2W5zFK8PrcH) Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку. @frontend_mind
0
11
Собрал сайт через ИИ за вечер → заработал 27 000₽. Так и работают вайбкодеры: Загнал промт в ChatGPT → собрал структуру → запустил сайт → получил деньги. Работы — 2–4 часа. Оплата — 20–50 000₽ за проект. Без кода и долгих курсов. Если умеешь пользоваться браузером — справишься. А спрос сейчас огромный: бизнесу нужны сайты, автоматизация и ИИ-решения уже сегодня. Это одна из самых быстрорастущих ниш 2026 года — заходи и бери заказы. Инструкции здесь: 👉 @itvibecodebot Если ты хочешь реально хорошо зарабатывать, от 150к в месяц без начальников, нужно решать важные задачи бизнесов. Хвала небесам за то, что есть ИИ, который самое сложное сделает за тебя. Даже голову особо напрягать не надо. Пробуй 👉 @itvibecodebot @frontend_mind https://t.me/itvibecodebot?start=wibecode95
0
12
😳 Нейросети уже заменяют людей Пока ты тратишь время, другие забирают по 10-15к за заказ через нейросети В моём канале ты на
😳 Нейросети уже заменяют людей Пока ты тратишь время, другие забирают по 10-15к за заказ через нейросети В моём канале ты найдёшь: >> Как выйти на 100.000₽ на (https://t.me/+ZhenorxCLdw1YjA6) фрилансе делая сайты нейронкой? >> Как находить клиентов за 1 день (чек-лист на 4 страницы) (https://t.me/+ZhenorxCLdw1YjA6)? >> Почему заказчикам выгоднее купить у тебя, а не делать самим (https://t.me/+ZhenorxCLdw1YjA6)? Просто зайти или ныть, что мало денег? Выбор за тобой: https://t.me/+ZhenorxCLdw1YjA6 (https://t.me/+ZhenorxCLdw1YjA6) @frontend_mind
0
13
Как frontend-разработчику получить оффер в Big Tech? Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи
Как frontend-разработчику получить оффер в Big Tech? Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные. Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK... Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFJd6FZb ИП Галактионов Тихон Витальевич, ИНН 771618975809
0
14
90% каналов про ИИ - пересказ чужих новостей. А что если контент делают те, кто строит эти системы? 🥷🏻 NeuroNinja (https://
90% каналов про ИИ - пересказ чужих новостей. А что если контент делают те, кто строит эти системы? 🥷🏻 NeuroNinja (https://t.me/+1VlUYn5LCBM0MmQ6) - канал, который ведёт команда инженеров из Яндекса, Тинькова, Озона и Сбера. Не блогеры. Не инфобизнесмены. Практики, которые каждый день работают с ML, LLM и продуктовым AI. Что внутри: 🔹 Разборы реальных кейсов из BigTech изнутри 🔹 Гайды по нейросетям от тех, кто их внедряет 🔹 Инструменты и лайфхаки, проверенные в бою 🔹 Честный взгляд на тренды без хайпа Без рекламы. Без воды. Только то, что реально работает. 👉 Подписаться: https://t.me/+1VlUYn5LCBM0MmQ6 (https://t.me/+1VlUYn5LCBM0MmQ6) @frontend_mind
0
15
Кастомизация списков: от ::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
0
16
💻Angular — один из самых строгих и системных инструментов разработки пользовательских интерфейсов. Его выбирают крупные комп
💻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
0
17
CSS-анимация на примере аналоговых часов Классический разбор того, как знание спецификации заменяет скрипты. Автор воссоздал
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
0
18
‍💻Сегодня большинство современных веб-сервисов строятся вокруг серверной логики. Именно серверная часть отвечает за обработку данных, взаимодействие с базами и устойчивую работу всей системы. 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
0
19
‍🧭 Разбираем 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
0
20
System Design - этап собеседования, на котором часто сыпятся даже сильные разработчики. Не потому, что они плохо пишут код, а потому что никогда не проектировали системы целиком и не знают, как уложить это в 40 минут собеса. В одном из гайдов собрана база, без которой сложно пройти System Design интервью: что именно проверяют на таких собеседованиях, почему плохой архитектурный дизайн может уронить продукт, какие требования собирают перед проектированием и как инженеры подходят к построению систем уровня Amazon. В первой части рассказывается: - что такое системный дизайн и кому он нужен - как в целом проектируются системы: монолиты, микросервисы, нагрузка, масштабирование, проектирование API - какие темы нужно понимать для продвинутого уровня: распределённые транзакции, 2PC, 3PC, TCC и другие. Во второй части планируют разобрать System Design во фронтенде, но для подготовки к собеседованию, по сути, достаточно уже первой. Ссылка на видео: @frontend_mind https://youtu.be/PgC7LzIG29k
0