Senior Frontend - javascript, html, css

Онлайн-магистратура для IT: ИТМО, МИФИ + Яндекс Программы онлайн-магистратуры ИТМО и МИФИ в партнёрстве с Яндексом. Актуальные знания, практическое обучение и гибкий график. Учитесь, совмещая с работой. Доступна господдержка оплаты, отсрочка от армии Перейти на сайт #реклама 16+ practicum.yandex.ru О рекламодателе

Как сегодня оплачивают ChatGPT, Claude, Cursor и другие зарубежные сервисы из РФ? Через мутных ботов, ребят с Авито или сайты-прокладки. В итоге вы: — Переплачиваете 20–30% сверху при каждой оплате. — Отдаёте свои логины и пароли незнакомым людям. — Рискуете получить бан аккаунта из-за чужой карты. Картон убирает посредников. Теперь вы сами контролируете свои оплаты: • Выпускаете виртуальную карту прямо в Telegram за 3 минуты. • Пополняете криптой (USDT) или рублями через СБП. • Оплачивайте любые сервисы за 5 минут. Вы сами оплачиваете нейросети, хостинги, отели и любые подписки. Без левых комиссий. Apple Pay работает везде, где есть бесконтактная оплата. Пополнение и вывод рублей - бесплатно. Пополнение криптой - 2%. Карта — ваша, платите сами. Хватит кормить «помогаторов» и переплачивать за каждую подписку. Забирайте карту здесь: 👉 Открыть Картон 👉 Открыть Картон 👉 Открыть Картон Запустите бота и откройте мини-апп внутри Telegram.

Ищем новичков во frontend-разработке и вёрстке сайтов. Айтилогия запускает бесплатное обучение, где будет: 1. Практика на реальном заказе ценой до 10 000₽. 2. Разбор работ куратором. 3. Задачи от Fullstack-разработчика с 12-летним опытом. 4. Именной сертификат. И главное — ты почувствуешь уверенность. Потому что увидишь, что выполнить заказ на frontend-проект тебе по силам. 👉 Приходи на бесплатное обучение и зови с собой друзей 🔥 С 2019 Айтилогия стабильно помогает с обучением, практикой, зарабатывать на фрилансе и проходить собеседования.

Ты отправляешь отклик за откликом, а в ответ — тишина. Знакомо? До 90% резюме даже не доходят до живого рекрутера — их безжалостно отсеивает ИИ ещё на входе. В 2026 году твоя судьба зависит не от рекрутера, а от алгоритма. Пока ты ждёшь ответа неделями, другие кандидаты уже получают офферы из Европы и США. В чем их секрет? Хватит гадать! Пора действовать по новым правилам. 📅 8 июля в 19:00 МСК на бесплатном вебинаре «Как пробить AI-фильтры и получать приглашения на интервью» мы расскажем, как обойти эту систему На эфире разберем: 🔹 Как AI и ATS отбирают кандидатов прямо сейчас 🔹 Как найти работу в США и Европе 🔹 Что такое «теневой рынок» труда и как использовать его возможности Спикер — Ангелина Волкова, карьерный эксперт AgileFluent. Ангелина знает, как обмануть AI-фильтры: ✔️Сама придумывает стратегии, которые ведут к офферу ✔️Обладает большой экспертизой по рынку Северной Америки ✔️За плечами — более 200 кейсов с международными офферами За время работы AgileFluent уже помогли 800+ специалистам из IT и Digital найти работу в России и за рубежом. Оставляй заявку на вебинар и бронируй место 👉 [ссылка] 👈 Реклама. ООО «Эджайл», ИНН 7810964334, erid: 2VtzqwMWBJR

🖥 Frontend с нуля до трудоустройства Путь до Frontend-оффера — это не только обучение, но и собеседования, резюме и ATS-фильтры. И у большинства кандидатов проблемы повторяются на одних и тех же этапах. 💼 Мы собрали материалы для каждого шага: — ATS и разбор резюме — база реальных Frontend собеседований — задачи с собесов в BigTech — System Design для Frontend — инфраструктура больших приложений — сообщество фронтендеров — курсы по React, TypeScript и FSD 📍 В закрепе найдёшь материалы для каждого этапа пути до оффера. 👉 https://t.me/reactify_IT

Идём на AI Hardcore Day в офис Авито на Лесной 11 июля! 🤩 Будем слушать доклады о Spec-Driven Development, разработке и тестировании MCP, атаках на GenAI-агентов. А после — нетворкать на террасе. ⚡ Регистрация и подробности — по ссылке. Кстати, доклады будут не под запись — советуем не пропускать!

AI-инструменты можно любить и ненавидеть, но работать без них в IT уже практически невозможно 🤩 Коллеги из AvitoTech 11 июля зовут в их офис на Лесной на AI Hardcore Day. Приглашают тех, кто каждый день сталкивается с AI в работе и даже пишет своих AI-агентов. Обещают доклады и нетворкинг-сессию на террасе после — и всё это без записи. 💫 Среди тем: — Spec-Driven Development: теория, инструменты, практика. — Разработка и тестирование MCP для внутренних агентных систем аналитики. — Выпрямляем руки агентов: как сделать MCP удобными и действительно полезными. — Атаки на GenAI-агентов: OWASP на практике. ➡ Регистрация тут!

Нативный CSS-скоупинг: как изолировать стили без сборщиков Если вы работали с Vue или Svelte, то наверняка любите их локальные стили (scoping) — это когда код компонента заперт внутри него и не ломает верстку в других частях сайта. Раньше для этого приходилось настраивать CSS Modules или плагины для Webpack/Vite. Теперь браузеры учатся делать это сами. В Safari появилась интересная фича — контейнеры только по имени (Name-Only Containers). Обычно директива @container проверяет размеры экрана (например, «если родитель шире 500px»). Но если убрать условие размера и оставить только имя, мы получаем отличный инструмент для изоляции стилей: CSS /* Обозначаем границы нашего компонента карточки */ .my-card { container-name: card-container; } /* Пишем стили, которые будут работать ТОЛЬКО внутри этой карточки */ @container card-container { .title { color: royalblue; } } Теперь, даже если на сайте есть другие элементы с классом .title, наш цвет применится только внутри .my-card. 👉 @seniorFront

Валидация на чистом CSS: считаем поля через :nth-child(n of selector) Раньше для проверки «заполнено ли хотя бы 3 поля» нам обязательно нужен был JavaScript. Теперь с этим справляется нативный CSS. В чем суть? Синтаксис :nth-child(n of .selector) позволяет считать не все элементы подряд, а только те, что соответствуют определенному правилу. Как это работает для валидации: Мы определяем «заполненное» состояние (например, через :not(:placeholder-shown) или :valid). Используем селектор :nth-child(3 of .field:has(:valid)). Он «выстрелит» только тогда, когда в списке появится третий валидный элемент. Через комбинатор «тильда» (~) управляем состоянием кнопки отправки или показываем сообщение об успехе. Пример кода: CSS /* Разблокируем кнопку, когда заполнено минимум 3 поля */ .form:has(.field:nth-child(3 of :has(input:not(:placeholder-shown)))) button { opacity: 1; pointer-events: auto; } 👉 @seniorFront

SVG-фильтры: от «магии» к пониманию Если CSS-фильтры - это готовые инста-фильтры, то SVG-фильтры - полноценный Photoshop внутри браузера. Статья Аны Тюдор - Это фундаментальный разбор того, как устроены фильтры «под капотом». Автор не просто дает код, а объясняет механику: от того, где должен лежать тег <filter>, до логики работы с альфа-каналами. 🟢Конвейер данных (in и result): Фильтр - это не одна команда, а цепочка. Вы берете исходник, размываете его, сохраняете результат под именем «Layer1», а потом накладываете на него что-то еще. Полный контроль над потоком. 🟢Магия каналов: Автор объясняет разницу между SourceGraphic (весь объект) и SourceAlpha (только его форма). Хотите создать крутую тень или свечение? Работайте с Alpha-каналом, не трогая цвета. 🟢Борьба с «обрезкой»: Самая частая проблема - когда фильтр обрезается по краям. В статье четко расписано, как через атрибуты x, y, width, height расширить «холст» фильтра, чтобы эффектам было где разгуляться. Прочитать оригинал👇 👉 @seniorFront