Senior Frontend Developer | JavaScript, React, HTML & CSS
رفتن به کانال در Telegram
Изучаем Frontend. По вопросам сотрудничества: @adv_and_pr Канал на бирже: https://telega.in/c/senior_front https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8
نمایش بیشتر
شبکه:📈 تحلیل کانال تلگرام Senior Frontend Developer | JavaScript, React, HTML & CSS
کانال Senior Frontend Developer | JavaScript, React, HTML & CSS (@senior_front) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 19 792 مشترک است و جایگاه 6 598 را در دسته فناوری و برنامهها و رتبه 33 378 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 19 792 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 28 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -263 و در ۲۴ ساعت گذشته برابر -12 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 7.04% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 3.20% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 1 394 بازدید دریافت میکند. در اولین روز معمولاً 634 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 0 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, api, css, firebase, строка تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Изучаем Frontend.
По вопросам сотрудничества: @adv_and_pr
Канал на бирже: https://telega.in/c/senior_front
https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 29 ژوئیه, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
19 792
مشترکین
-1224 ساعت
-537 روز
-26330 روز
آرشیو پست ها
Inner Radius Design Tip with CSS Custom Properties
Автор использует CSS Custom Properties и библиотеку dat.gui для создания пользовательского меню параметров. В JavaScript задаются значения CSS переменных, что позволяет настраивать внутренний радиус элементов дизайна.
🌐Ссылка на код
Время менять шапки
Специалисты из команды Циана поделились своими знаниями о том, как увеличить скорость поискового функционала на мобильной версии веб-сайта.
🌐Ссылка на источник
Glowing Blob Effect
Этот проект предлагает два удивительных эффекта, каждое из которых было запечатлено автором в видеороликах. Вы сможете найти ссылки на эти видеоматериалы в верхнем левом углу страницы.
🌐Ссылка на код
Splide
Это карусель, разработанная с учетом легковесности, доступности и возможности расширения, и всё это на TypeScript, без каких-либо дополнительных зависимостей. Эта библиотека предоставляет не только эффективное решение для создания каруселей, но также обеспечивает высокую производительность и простоту использования, делая ее идеальным инструментом для множества проектов. Splide - это оптимальное сочетание функциональности и эффективности, что делает ее отличным выбором для создания интерактивных и привлекательных веб-сайтов.
🌐Ссылка на источник
Infinite loading
Разработано с применением препроцессоров Pug и SCSS для создания его верстки. Кроме того, анимационные эффекты на этом сайте были воплощены с использованием JavaScript, придающего ему интерактивность и привлекательный внешний вид.
🌐Ссылка на код
Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
Кто-то без всякой драмы проходит собесы и уходит в Яндекс, VK или на валютную удалёнку. В сильные и амбициозные команды.
А у кого-то зарплата не растёт, который год, задачи одни и те же неделя за неделей, календарь забит созвонами, от которых ничего не меняется.
Отклики на вакансии, а в ответ — тишина или очередная noname контора. На собесах вообще нигде не встречающаяся техничка((
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
Из своих учеников собрал комьюнити, в котором уже больше 220 frontend-разработчиков 🫂
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.У меня есть канал, где я: 👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения 👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти 👉 На примерах показываю, как проходить собеседования, включая техничку 👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров И регулярно выкладываю полезное: ▪️ Задачи, на которых валятся кандидаты ▪️ База по микрофронтам ▪️ Подборка из 100+ каналов с вакансиями для разработчиков ▪️ 100 вопросов, которые помогут тебе на собеседовании ▪️ Чек-лист для проверки своего резюме А ещё у меня куча успешных кейсов и отзывов — все они в канале. Подписывайся: https://t.me/+yzhSnCQ9OpcxM2Yy Реклама, erid: 2W5zFGudQj3 ИП Галактионов Тихон Витальевич, ИНН 771618975809
CSS only order process steps
Этот процесс заказа разработан без использования JavaScript. Каждый шаг представлен в виде радиокнопки, и при её активации применяются уникальные стили, что позволяет визуально отображать текущий этап заказа. Таким образом, пользователи могут навигировать по процессу заказа, не завися от JavaScript, используя только CSS для взаимодействия с интерфейсом.
🌐Ссылка на код
Terra
Бразильское интернет-СМИ Terra добилось значительного увеличения активности своих пользователей, внедрив в свой интерфейс режим ночного режима, что позволило сделать пользование сайтом более комфортным в условиях недостатка освещения.
🌐Ссылка на источник
Почему стоит хранить зависимости в системе контроля версий
Джек Франклин, член команды Chrome DevTools, делится своими практическими наблюдениями и нестандартными плюсами использования данной методологии.
🌐Ссылка на источник
Идеального вьюпорта не существует
Исследование Set Studio подчеркивает, что разнообразие вьюпортов делает жесткую привязку к конкретным брейкпойнтам бессмысленной.
🌐Ссылка на источник
Первый сайт — уже через 7 дней. Бесплатно.
Под руководством Fullstack-разработчика с 12-летним опытом ты создашь полноценный сайт на HTML, CSS и JavaScript, попробуешь Angular, научишься использовать ChatGPT в разработке и получишь план выхода на первые заказы.
👉 Старт уже завтра. Участие бесплатное.
JavaScript. Напишите функцию
binaryArrayToNumber, которая преобразует массив нулей и единиц в десятичное число (встроенные функции использовать нельзя).
Ответ
JavaScript. Напишите функцию
squareDigits, которая принимает число и возводит в квадрат каждый символ.
Ответ
Messaging App
Aysenur Turk создал графический интерфейс для веб-приложения в виде мессенджера с возможностью переключения Dark mode режим.
На основе предоставленного кода не так легко точно определить, какие именно фреймворки используются, так как код содержит преимущественно чистый JavaScript и работу с DOM.
1. JavaScript: Он использует DOM API для настройки темы (светлой или темной) и выбора цветовой схемы. Он также содержит обработчики событий для реагирования на действия пользователя, такие как клики.
2. Возможно, фреймворк или библиотека: Код сам по себе не указывает на конкретный фреймворк, но могут быть использованы библиотеки или фреймворки для более удобной работы с DOM и управления состоянием. В частности, для более сложных проектов часто используют фреймворки как Vue.js, React или Angular, чтобы управлять сложными интерфейсами более эффективно и организованно.
3. Отображение темной и светлой темы: Код позволяет пользователю переключаться между светлой и темной темами, что может быть особенно полезным для пользователей, которые предпочитают разные режимы отображения для разных условий освещения или предпочтений.
4. Выбор цветовой схемы: Код также позволяет пользователю выбирать определенную цветовую схему, вероятно, применяя ее к различным элементам интерфейса. Это может помочь в создании персонализированного опыта для пользователей.
5. Переключение класса "dark-mode": Путем добавления или удаления класса "dark-mode" у элемента
<body>, код может активировать или деактивировать темный режим для всего интерфейса.
🌐Ссылка на код#вопросы_с_собеседований React
Что будет, если вызвать this.setState в render методе компонента?
Будут проблемы. React перерисовывает компонент, если state изменился. setState === ситуации «стейт изменился», а «React перерисовывает компонент» === render метод. Получается, что будет циклическая перерисовка.
Мигающие маяки
Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.
https://github.com/geodienst/lighthousemap
Rating Experience
Здесь автор стилизует
input[type="range"]. Через JavaScript он задаёт классы, зависящие от значения инпута. Анимации созданы в CSS.
https://codepen.io/ismailvtl/pen/abwZdrw
CSS Blossoming Flowers at Magical Night
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код
Scrubbing, scrolling and splitting
Анимация при скролле, реализованная при помощи библиотеки gsap.
https://codepen.io/BlogFire/pen/NWYRqmv
Rotating border
Граница сделана из псевдоэлементов, которые анимируются в CSS.
https://codepen.io/Chokcoco/pen/dypaobm
