Senior Frontend Developer | JavaScript, React, HTML & CSS
Kanalga Telegram’da o‘tish
Изучаем Frontend. По вопросам сотрудничества: @adv_and_pr Канал на бирже: https://telega.in/c/senior_front https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali Senior Frontend Developer | JavaScript, React, HTML & CSS analitikasi
Senior Frontend Developer | JavaScript, React, HTML & CSS (@senior_front) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 19 792 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 6 598-o'rinni va Rossiya mintaqasida 33 378-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 19 792 obunachiga ega bo‘ldi.
28 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -263 ga, so‘nggi 24 soatda esa -12 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.04% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 3.20% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 1 394 marta ko‘riladi; birinchi sutkada odatda 634 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 0 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent javascript, api, css, firebase, строка kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Изучаем Frontend.
По вопросам сотрудничества: @adv_and_pr
Канал на бирже: https://telega.in/c/senior_front
https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 29 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
19 792
Obunachilar
-1224 soatlar
-537 kunlar
-26330 kunlar
Postlar arxiv
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
