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

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

الذهاب إلى القناة على Telegram

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

إظهار المزيد
6 518
المشتركون
-224 ساعات
-67 أيام
-4130 أيام
جذب المشتركين
يونيو '26
يونيو '26
+17
في 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 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
11 يونيو0
10 يونيو+1
09 يونيو0
08 يونيو0
07 يونيو0
06 يونيو+1
05 يونيو0
04 يونيو+7
03 يونيو+2
02 يونيو+3
01 يونيو+3
منشورات القناة
Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запуск
Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запускать продукты быстрее, чем это делали классические команды разработки. И это уже не "будущее когда-нибудь", а реальность, которая меняет рынок уже сегодня И те, кто научится вайбкодить сейчас, будут увереннее конкурировать на рынке и зарабатывать больше тех, кто по-прежнему делает всё вручную. Стартовать с нуля поможет канал Вайб-кодинг (https://t.me/+geu1l1AhijNkNGM6). Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы. Подписывайтесь, нас уже 45 тысяч: @vibecoding_tg @frontend_mind

2
Айтишники ловите сборник бесплатных курсов, полезных инструментов и книг Проект «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
1
3
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют во
День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы. Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть! 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFHSzZJq ИП Галактионов Тихон Витальевич, ИНН 771618975809
296
4
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
623
5
Собрал чат-бота за вечер → заработал 9 000₽ Ничего придумывать не надо. Открыл шаблон → Собрал бота как конструктор → Получил деньги. Сейчас каждый бизнес живёт в онлайне. Всем нужны чат-боты, авторассылки и другие онлайн-сервисы. Но предприниматели сами не будут разбираться в настройке сервисов. Значит тут появляется отличная ниша для заработка. — 9-15 тыс. ₽ за настройку (3–4 часа работы). — до 50 тыс. ₽ в месяц за сопровождение чат-бота и рассылок. Собирается любой чат-бот на конструкторе (https://t.me/other_digital_bot?start=drive01818), где ты просто расставляешь текст клиента по блокам. Как новичку на создании чат-ботов накопить на отдых, машину, квартиру и все хотелки? Начни бесплатное обучение 👉 @other_digital_bot Там ты за пару недель научишься собирать ботов и сможешь получить клиента. @frontend_mind
331
6
لا يوجد نص...
0
7
ИИ убьёт новичков в 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
8
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них ран
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России (https://t.me/+7O9GMkB_28M5NTQ6). В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России (https://t.me/+7O9GMkB_28M5NTQ6) — подписывайся и будь в курсе всех предстоящих мероприятий! @frontend_mind
0
9
«Летающий» фокус на 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
992
10
Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный
Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK... Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить. 👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFHVq8DF ИП Галактионов Тихон Витальевич, ИНН 771618975809
0
11
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
12
Собрал сайт через ИИ за вечер → заработал 27 000₽. Так и работают вайбкодеры: Загнал промт в ChatGPT → собрал структуру → запустил сайт → получил деньги. Работы — 2–4 часа. Оплата — 20–50 000₽ за проект. Без кода и долгих курсов. Если умеешь пользоваться браузером — справишься. А спрос сейчас огромный: бизнесу нужны сайты, автоматизация и ИИ-решения уже сегодня. Это одна из самых быстрорастущих ниш 2026 года — заходи и бери заказы. Инструкции здесь: 👉 @itvibecodebot Если ты хочешь реально хорошо зарабатывать, от 150к в месяц без начальников, нужно решать важные задачи бизнесов. Хвала небесам за то, что есть ИИ, который самое сложное сделает за тебя. Даже голову особо напрягать не надо. Пробуй 👉 @itvibecodebot @frontend_mind https://t.me/itvibecodebot?start=wibecode95
0
13
😳 Нейросети уже заменяют людей Пока ты тратишь время, другие забирают по 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
14
Как frontend-разработчику получить оффер в Big Tech? Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи
Как frontend-разработчику получить оффер в Big Tech? Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные. Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK... Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFJd6FZb ИП Галактионов Тихон Витальевич, ИНН 771618975809
0
15
90% каналов про ИИ - пересказ чужих новостей. А что если контент делают те, кто строит эти системы? 🥷🏻 NeuroNinja (https://
90% каналов про ИИ - пересказ чужих новостей. А что если контент делают те, кто строит эти системы? 🥷🏻 NeuroNinja (https://t.me/+1VlUYn5LCBM0MmQ6) - канал, который ведёт команда инженеров из Яндекса, Тинькова, Озона и Сбера. Не блогеры. Не инфобизнесмены. Практики, которые каждый день работают с ML, LLM и продуктовым AI. Что внутри: 🔹 Разборы реальных кейсов из BigTech изнутри 🔹 Гайды по нейросетям от тех, кто их внедряет 🔹 Инструменты и лайфхаки, проверенные в бою 🔹 Честный взгляд на тренды без хайпа Без рекламы. Без воды. Только то, что реально работает. 👉 Подписаться: https://t.me/+1VlUYn5LCBM0MmQ6 (https://t.me/+1VlUYn5LCBM0MmQ6) @frontend_mind
0
16
Кастомизация списков: от ::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
17
💻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
18
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
19
‍💻Сегодня большинство современных веб-сервисов строятся вокруг серверной логики. Именно серверная часть отвечает за обработку данных, взаимодействие с базами и устойчивую работу всей системы. 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
20
‍🧭 Разбираем 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