fa
Feedback
Senior Frontend - javascript, html, css

Senior Frontend - javascript, html, css

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

Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи Админ, сотрудничество, реклама:@seniorFrontPromo, @maria_seniorfront Канал в реестре РКН https://rknn.link/bsU

نمایش بیشتر
26 879
مشترکین
+1224 ساعت
-567 روز
-27630 روز
آرشیو پست ها
Photo unavailableShow in Telegram
Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе
نمایش همه...
00:08
Video unavailableShow in Telegram
😼 Приглашаем на Frontend Night 20 декабря — мероприятие, где за скорость не штрафуют, а надёжность ценят больше, чем кофе по утрам. Два стрима, которые описывают реальность инженерии точнее любых методологий: ➡️«Сверхскорость» Про тех, кто запускает новое и двигается быстрее ограничений. AI-агенты, стремительное прототипирование, инструменты, которые снимают барьеры и позволяют выпускать фичи в рекордные сроки. Максимум энергии, минимум трения. ➡️«Сверхнадёжность» Про тех, кто отвечает за стабильность и качество. Предсказуемые интерфейсы, архитектура, которая выдерживает рост, безопасность, которая закрывает реальные риски. Чёткие решения для тех, кто держит систему в рабочем состоянии каждый день. Финал — игры, фуршет и много нетворкинга. 📍 Офлайн стартует в 12:00 📺 Трансляция — с 12:30 💻 Регистрация на офлайн и онлайн, программа и спикеры — по ссылке. Встречаемся 20 декабря на конференции, где будущее не откладывают на релиз!
نمایش همه...
Timeline 1.mp46.97 MB
3👍 1
Photo unavailableShow in 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
Статья
Photo unavailableShow in Telegram
Тютю-гребень или капикрыса? Побалуйте себя роскошью от Ричарда Сапогова или утепляйтесь с культовой рубашкой Инженера. Выбирайте фаворитов из коллекции с персонажами Антона Лапенко. Перейти на сайт #реклама tbank.ru О рекламодателе
نمایش همه...
👎 3
Photo unavailableShow in 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
Photo unavailableShow in Telegram
Бесплатный курс по дизайну: веб, графический и UX/UI Получи востребованные навыки: - создание дизайна сайтов и приложений - создание инфографики и карточек для маркетплейсов - работа в графическом редакторе Figma и др. Студенты курса в среднем зарабатывают от 68 000 ₽ уже во время обучения💰 Зарегистрироваться #реклама 16+ ydaev.ru О рекламодателе
نمایش همه...
👎 3
00:10
Video unavailableShow in Telegram
Нам нужна не просто кнопка, а кнопка-ШЕДЕВР! //Нам нужна не просто кнопка, а кнопка, которая понравится миллионам! В VK понимают — важен не только красивый код, но и понятный каждому интерфейс. Без единых стандартов здесь не обойтись — сегодня VK рассказывает о своих командах, их принципах и самых интересных результатах. Переходите по ссылке: там много интересного!
نمایش همه...
FRONT_1920x1080_LIGHT.mp49.70 MB
👎 4 1🔥 1
Продвижение в Telegram с помощью Яндекс Директа ⚡Запустите продвижение в телеграм-каналах и привлекайте целевую аудиторию 📱 Таргетинг по тематикам, регионам и каналам в Telegram Попробовать #реклама yandex.ru О рекламодателе
نمایش همه...
1
Photo unavailableShow in Telegram
Господи, да в чём проблема стать фронтендером? Подписался на эти три канала: 👉 Фронтенд 👉 Верстка 👉 Node.JS Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ! Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
نمایش همه...
2👎 2
Photo unavailableShow in Telegram
Кеширование Lottie-анимаций с помощью Service Worker Хочу рассказать о том, как мы решали проблему с высокой нагрузкой на сервер и большими расходами трафика при использовании тяжелых Lottie-анимаций. В проекте было около 30 Lottie-анимаций, некоторые весили ~100 KB, и нам нужно было оптимизировать их загрузку. Как снизить трафик и нагрузку? Правильно - кеширование. Мы выбрали кеширование на стороне Service Worker. 👉 @seniorFront
نمایش همه...
👎 4 1
Статья
Photo unavailableShow in Telegram
Ты, вероятно, смотришь разные уроки по вёрстке, отчего у тебя такая каша в голове… Оцени 7 причин пройти бесплатный интенсив по frontend-разработке от Айтилогии: 1. Практика на реальном заказе ценой до 10 000₽; 2. Разбор работ с опытным разработчиком; 3. Задачи от Fullstack-разработчика с 12-летним опытом; 4. Научишься использовать ChatGPT и Giga во frontend-разработке; 5. Узнаешь 9 способов найти первый заказ даже без опыта; 6. Получишь именной сертификат; 7. 259 положительных отзывов только в OtzyvMarketing. 🔥 С Айтилогии обучение, практика и поддержка на пути к фрилансу и собеседованию. С тебя участие в интенсиве 👉 Начать бесплатное обучение Не упусти шанс получить мощный заряд уверенности для дальнейшего роста в разработке!
نمایش همه...
2
Photo unavailableShow in Telegram
Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе
نمایش همه...
👎 1
Photo unavailableShow in 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
Photo unavailableShow in Telegram
Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе
نمایش همه...
1
Photo unavailableShow in 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
Photo unavailableShow in Telegram
Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе
نمایش همه...
00:07
Video unavailableShow in 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
Video unavailableShow in Telegram
Скан паспорта или фото бывшего? Выбирайте и выигрывайте Сыграйте в игру, где нужно делать выбор между важными фото и получите шанс выиграть 300 000 ₽ на путешествие и ещё много сертификатов на шопинг Подробнее #реклама 16+ cloud.mail.ru О рекламодателе
نمایش همه...
tmplnco9jzt.mp418.60 MB
👎 5🔥 1
Photo unavailableShow in 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