Senior Frontend - javascript, html, css
前往频道在 Telegram
Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи Админ, сотрудничество, реклама:@seniorFrontPromo, @maria_seniorfront Канал в реестре РКН https://rknn.link/bsU
显示更多26 879
订阅者
+1224 小时
-567 天
-27630 天
帖子存档
照片不可用在 Telegram 中显示
Запустите рекламу в телеграм-каналах с Яндекс Директом
Перфоманс-реклама теперь в телеграм-каналах ⚡
Яндекс Директ знает, как привлечь целевую аудиторию 💰👌
Попробовать
#реклама
yandex.ru
О рекламодателе
00:08
视频不可用在 Telegram 中显示
😼 Приглашаем на Frontend Night 20 декабря — мероприятие, где за скорость не штрафуют, а надёжность ценят больше, чем кофе по утрам.
Два стрима, которые описывают реальность инженерии точнее любых методологий:
➡️«Сверхскорость»
Про тех, кто запускает новое и двигается быстрее ограничений.
AI-агенты, стремительное прототипирование, инструменты, которые снимают барьеры и позволяют выпускать фичи в рекордные сроки. Максимум энергии, минимум трения.
➡️«Сверхнадёжность»
Про тех, кто отвечает за стабильность и качество.
Предсказуемые интерфейсы, архитектура, которая выдерживает рост, безопасность, которая закрывает реальные риски. Чёткие решения для тех, кто держит систему в рабочем состоянии каждый день.
Финал — игры, фуршет и много нетворкинга.
📍 Офлайн стартует в 12:00
📺 Трансляция — с 12:30
💻 Регистрация на офлайн и онлайн, программа и спикеры — по ссылке.
Встречаемся 20 декабря на конференции, где будущее не откладывают на релиз!
Timeline 1.mp46.97 MB
❤ 3👍 1
照片不可用在 Telegram 中显示
Псевдоэлементы для подсветки текста
Псевдоэлементы выделения представляют собой части документа, которым присвоен определенный статус, и обычно имеют другой стиль, чтобы указать этот статус пользователю. Например, выбранные части документа обычно выделяются (заданы альтернативные цвета фона и переднего плана или цветовая размывка), чтобы указать их выбранный статус.
::selection: выделенный текст
::target-text: представляет собой конкретный текст, к которому браузер прокручивает страницу при использовании фрагментов текста (например, через URL с #:~:text=...).
::spelling-error: содержимое, которое было помечено user-agent как ошибочное
::grammar-error: содержимое, которое было помечено user-agent как грамматически не верное
Последние два псевдоэлемента еще не поддерживаются браузерами.
Эти псевдоэлементы могут принимать свойства:
- color
- background-color
- cursor
- caret-color
- outline
- text-decoration
- text-emphasis-color
- text-shadow
👉 @seniorFront
❤ 2👍 1
Статья
照片不可用在 Telegram 中显示
Тютю-гребень или капикрыса?
Побалуйте себя роскошью от Ричарда Сапогова или утепляйтесь с культовой рубашкой Инженера. Выбирайте фаворитов из коллекции с персонажами Антона Лапенко.
Перейти на сайт
#реклама
tbank.ru
О рекламодателе
👎 3
照片不可用在 Telegram 中显示
Приглашаем на открытый вебинар “Использование декораторов в Backend (Nest.js, TS.ed) приложениях”
📅 8 декабря в 20:00
Если вы пишете backend на Node.js и хотите понять, как устроена современная архитектура на Nest.js - этот вебинар нельзя пропускать.
Декораторы - не «магия», а мощный инструмент TypeScript, который делает backend-код чище, структуру понятнее, а разработку быстрее. На занятии разберём, как они работают внутри, какие бывают типы декораторов и как их правильно применять в Nest.js и TS.ed.
Разберём на практике:
- что такое декораторы и зачем они нужны
- классовые, методные, property- и parameter-декораторы
- декораторы в Nest.js и TS.ed
- создание собственных декораторов
- типичные ошибки и как их избежать
Вебинар проходит на основе курса «Node.js Developer» - отличная возможность познакомиться с подходом обучения и примерить курс под свои задачи.
🎓 Регистрация открыта - подключайтесь и разберите декораторы по-настоящему, без мифов и магии: https://otus.pw/PZpm/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Erid 2SDnjdEgNp7
❤ 3👎 2👍 1
照片不可用在 Telegram 中显示
Бесплатный курс по дизайну: веб, графический и UX/UI
Получи востребованные навыки:
- создание дизайна сайтов и приложений
- создание инфографики и карточек для маркетплейсов
- работа в графическом редакторе Figma и др.
Студенты курса в среднем зарабатывают от 68 000 ₽ уже во время обучения💰
Зарегистрироваться
#реклама 16+
ydaev.ru
О рекламодателе
👎 3
00:10
视频不可用在 Telegram 中显示
Нам нужна не просто кнопка, а кнопка-ШЕДЕВР!
//Нам нужна не просто кнопка, а кнопка, которая понравится миллионам!
В VK понимают — важен не только красивый код, но и понятный каждому интерфейс. Без единых стандартов здесь не обойтись — сегодня VK рассказывает о своих командах, их принципах и самых интересных результатах. Переходите по ссылке: там много интересного!
FRONT_1920x1080_LIGHT.mp49.70 MB
👎 4❤ 1🔥 1
Продвижение в Telegram с помощью Яндекс Директа
⚡Запустите продвижение в телеграм-каналах и привлекайте целевую аудиторию
📱 Таргетинг по тематикам, регионам и каналам в Telegram
Попробовать
#реклама
yandex.ru
О рекламодателе
❤ 1
照片不可用在 Telegram 中显示
Господи, да в чём проблема стать фронтендером?
Подписался на эти три канала:
👉 Фронтенд
👉 Верстка
👉 Node.JS
Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ!
Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
❤ 2👎 2
照片不可用在 Telegram 中显示
Кеширование Lottie-анимаций с помощью Service Worker
Хочу рассказать о том, как мы решали проблему с высокой нагрузкой на сервер и большими расходами трафика при использовании тяжелых Lottie-анимаций.
В проекте было около 30 Lottie-анимаций, некоторые весили ~100 KB, и нам нужно было оптимизировать их загрузку.
Как снизить трафик и нагрузку? Правильно - кеширование. Мы выбрали кеширование на стороне Service Worker.
👉 @seniorFront
👎 4❤ 1
Статья
照片不可用在 Telegram 中显示
Ты, вероятно, смотришь разные уроки по вёрстке, отчего у тебя такая каша в голове…
Оцени 7 причин пройти бесплатный интенсив по frontend-разработке от Айтилогии:
1. Практика на реальном заказе ценой до 10 000₽;
2. Разбор работ с опытным разработчиком;
3. Задачи от Fullstack-разработчика с 12-летним опытом;
4. Научишься использовать ChatGPT и Giga во frontend-разработке;
5. Узнаешь 9 способов найти первый заказ даже без опыта;
6. Получишь именной сертификат;
7. 259 положительных отзывов только в OtzyvMarketing.
🔥 С Айтилогии обучение, практика и поддержка на пути к фрилансу и собеседованию.
С тебя участие в интенсиве
👉 Начать бесплатное обучение
Не упусти шанс получить мощный заряд уверенности для дальнейшего роста в разработке!
❤ 2
照片不可用在 Telegram 中显示
Запустите рекламу в телеграм-каналах с Яндекс Директом
Перфоманс-реклама теперь в телеграм-каналах ⚡
Яндекс Директ знает, как привлечь целевую аудиторию 💰👌
Попробовать
#реклама
yandex.ru
О рекламодателе
👎 1
照片不可用在 Telegram 中显示
📕Angular SSR за час: превращаем SPA в ракету
👤Подходит разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue)
На открытом уроке 2 декабря в 20:00 мск мы освоим внедрение SSR в приложение: серверный рендеринг, SEO-метаданные, работа с API и базовое понимание hydration:
📗 На вебинаре разберем:
1. Понимание базовой архитектуры SSR в Angular.
2. Понимание поведения приложения до и после hydration.
📘 В результате на практике изучите и освоите умение подключить SSR к существующему приложению, работу с серверным рендерингом данных и настройку SEO-метаданных.
👉 Регистрация на урок и подробности о курсе Angular Developer: https://otus.pw/1Bue/
Все участники открытого урока получат скидку на курс "Angular Developer" с промокодом ANGULAR12
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
erid 2SDnjcG9jA7
❤ 3👎 1
照片不可用在 Telegram 中显示
Реклама для бизнеса любого уровня в Яндекс Директе
Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌
Начните прямо сейчас ⚡
Зарегистрироваться
#реклама
direct.yandex.ru
О рекламодателе
❤ 1
照片不可用在 Telegram 中显示
Correct the time-string
Нужно создать метод, который корректирует заданную временную строку.
При добавлении возникла проблема, поэтому многие временные строки сломаны.
Время форматируется с использованием 24-часовых часов, то есть с 00:00:00 до 23:59:59.
Пример:
"09:10:01" -> "09:10:01" "11:70:10" -> "12:10:10" "19:99:99" -> "20:40:39" "24:01:01" -> "00:01:01"👉 @seniorFront
❤ 1
CodeWars
照片不可用在 Telegram 中显示
Запустите рекламу в телеграм-каналах с Яндекс Директом
Перфоманс-реклама теперь в телеграм-каналах ⚡
Яндекс Директ знает, как привлечь целевую аудиторию 💰👌
Попробовать
#реклама
yandex.ru
О рекламодателе
00:07
视频不可用在 Telegram 中显示
Hover to reveal part of background image
При движении мыши JavaScript обновляет позицию элемента .magic, центрируя его относительно курсора, а CSS задаёт стили и анимацию.
👉 @seniorFront
2025-10-05 21-15-42.mp47.49 KB
👍 3❤ 1
CodePen
00:11
视频不可用在 Telegram 中显示
Скан паспорта или фото бывшего? Выбирайте и выигрывайте
Сыграйте в игру, где нужно делать выбор между важными фото и получите шанс выиграть 300 000 ₽ на путешествие и ещё много сертификатов на шопинг
Подробнее
#реклама 16+
cloud.mail.ru
О рекламодателе
tmplnco9jzt.mp418.60 MB
👎 5🔥 1
照片不可用在 Telegram 中显示
🧑🏻💻Если вы пишете на Node.js и Express, но упираетесь в архитектурные ограничения — самое время перейти на уровень корпоративных серверных решений.
На открытом уроке 25 ноября в 20:00 мск вы разберёте, как строить масштабируемую и модульную архитектуру backend-приложений. Мы покажем, как грамотно выстраивать контроллеры и сервисы, внедрять зависимости, настраивать асинхронную обработку запросов и кеширование. Разберём, как готовить backend к работе под нагрузкой: от логирования и мониторинга до оптимизации API.
После вебинара вы сможете создавать серверные приложения, готовые к продакшну — с чёткой архитектурой, высокой производительностью и предсказуемым поведением под нагрузкой.
⚡️Запишитесь на открытый урок в преддверии старта курса “Node.js Developer” — и узнайте, почему NestJS стал новым стандартом для профессиональных Node.js-разработчиков: https://otus.pw/baqm/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
erid 2SDnjdZZKJf
❤ 3👎 1
