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 835 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 6 620-o'rinni va Rossiya mintaqasida 33 614-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 19 835 obunachiga ega bo‘ldi.
22 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -271 ga, so‘nggi 24 soatda esa -11 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.30% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 3.24% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 1 448 marta ko‘riladi; birinchi sutkada odatda 642 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 23 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 835
Obunachilar
-1124 soatlar
-777 kunlar
-27130 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Iyul '26
Iyul '26
+1
0 kanalda
Iyun '26
+22
0 kanalda
Get PRO
May '26
+39
3 kanalda
Get PRO
Aprel '26
+6
0 kanalda
Get PRO
Mart '26
+1
0 kanalda
Get PRO
Fevral '26
+1
0 kanalda
Get PRO
Yanvar '26
+4
0 kanalda
Get PRO
Dekabr '25
+2
0 kanalda
Get PRO
Noyabr '250
0 kanalda
Get PRO
Oktabr '250
0 kanalda
Get PRO
Sentabr '250
0 kanalda
Get PRO
Avgust '25
+1
0 kanalda
Get PRO
Iyul '250
0 kanalda
Get PRO
Iyun '25
+1
0 kanalda
Get PRO
May '250
0 kanalda
Get PRO
Aprel '250
0 kanalda
Get PRO
Mart '25
+10 941
10 kanalda
Get PRO
Fevral '25
+9
0 kanalda
Get PRO
Yanvar '25
+4
2 kanalda
Get PRO
Dekabr '24
+34
0 kanalda
Get PRO
Noyabr '24
+55
0 kanalda
Get PRO
Oktabr '24
+1 607
5 kanalda
Get PRO
Sentabr '24
+2 741
23 kanalda
Get PRO
Avgust '24
+211
16 kanalda
Get PRO
Iyul '24
+33
0 kanalda
Get PRO
Iyun '24
+38
0 kanalda
Get PRO
May '24
+52
0 kanalda
Get PRO
Aprel '24
+71
0 kanalda
Get PRO
Mart '24
+50
0 kanalda
Get PRO
Fevral '24
+67
0 kanalda
Get PRO
Yanvar '24
+99
1 kanalda
Get PRO
Dekabr '23
+111
1 kanalda
Get PRO
Noyabr '23
+52
0 kanalda
Get PRO
Oktabr '23
+225
0 kanalda
Get PRO
Sentabr '23
+335
0 kanalda
Get PRO
Avgust '23
+62
0 kanalda
Get PRO
Iyul '23
+54
0 kanalda
Get PRO
Iyun '23
+75
0 kanalda
Get PRO
May '23
+1 779
0 kanalda
Get PRO
Aprel '23
+53
0 kanalda
Get PRO
Mart '23
+1 231
0 kanalda
Get PRO
Fevral '23
+110
0 kanalda
Get PRO
Yanvar '23
+484
0 kanalda
Get PRO
Dekabr '22
+1 519
0 kanalda
Get PRO
Noyabr '22
+5 343
0 kanalda
Get PRO
Oktabr '22
+490
0 kanalda
Get PRO
Sentabr '22
+949
0 kanalda
Get PRO
Avgust '22
+3 198
0 kanalda
Get PRO
Iyul '22
+1 076
0 kanalda
Get PRO
Iyun '22
+1 442
0 kanalda
Get PRO
May '22
+993
0 kanalda
Get PRO
Aprel '22
+1 956
0 kanalda
Get PRO
Mart '22
+4 829
0 kanalda
Get PRO
Fevral '22
+1 519
0 kanalda
Get PRO
Yanvar '22
+3 906
0 kanalda
Get PRO
Dekabr '21
+835
0 kanalda
Get PRO
Noyabr '21
+1 148
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 23 Iyul | 0 | |||
| 22 Iyul | 0 | |||
| 21 Iyul | 0 | |||
| 20 Iyul | 0 | |||
| 19 Iyul | 0 | |||
| 18 Iyul | 0 | |||
| 17 Iyul | 0 | |||
| 16 Iyul | 0 | |||
| 15 Iyul | 0 | |||
| 14 Iyul | 0 | |||
| 13 Iyul | 0 | |||
| 12 Iyul | 0 | |||
| 11 Iyul | 0 | |||
| 10 Iyul | 0 | |||
| 09 Iyul | 0 | |||
| 08 Iyul | 0 | |||
| 07 Iyul | 0 | |||
| 06 Iyul | 0 | |||
| 05 Iyul | 0 | |||
| 04 Iyul | +1 | |||
| 03 Iyul | 0 | |||
| 02 Iyul | 0 | |||
| 01 Iyul | 0 |
Kanal postlari
Splide
Это карусель, разработанная с учетом легковесности, доступности и возможности расширения, и всё это на TypeScript, без каких-либо дополнительных зависимостей. Эта библиотека предоставляет не только эффективное решение для создания каруселей, но также обеспечивает высокую производительность и простоту использования, делая ее идеальным инструментом для множества проектов. Splide - это оптимальное сочетание функциональности и эффективности, что делает ее отличным выбором для создания интерактивных и привлекательных веб-сайтов.
🌐Ссылка на источник
| 2 |  Infinite loading
Разработано с применением препроцессоров Pug и SCSS для создания его верстки. Кроме того, анимационные эффекты на этом сайте были воплощены с использованием JavaScript, придающего ему интерактивность и привлекательный внешний вид.
🌐Ссылка на код | 704 |
| 3 |  Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
Кто-то без всякой драмы проходит собесы и уходит в Яндекс, VK или на валютную удалёнку. В сильные и амбициозные команды.
А у кого-то зарплата не растёт, который год, задачи одни и те же неделя за неделей, календарь забит созвонами, от которых ничего не меняется.
Отклики на вакансии, а в ответ — тишина или очередная noname контора. На собесах вообще нигде не встречающаяся техничка((
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
Из своих учеников собрал комьюнити, в котором уже больше 220 frontend-разработчиков 🫂
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.
У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров
И регулярно выкладываю полезное:
▪️ Задачи, на которых валятся кандидаты
▪️ База по микрофронтам
▪️ Подборка из 100+ каналов с вакансиями для разработчиков
▪️ 100 вопросов, которые помогут тебе на собеседовании
▪️ Чек-лист для проверки своего резюме
А ещё у меня куча успешных кейсов и отзывов — все они в канале.
Подписывайся: https://t.me/+yzhSnCQ9OpcxM2Yy
Реклама, erid: 2W5zFGudQj3 ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 764 |
| 4 |  CSS only order process steps
Этот процесс заказа разработан без использования JavaScript. Каждый шаг представлен в виде радиокнопки, и при её активации применяются уникальные стили, что позволяет визуально отображать текущий этап заказа. Таким образом, пользователи могут навигировать по процессу заказа, не завися от JavaScript, используя только CSS для взаимодействия с интерфейсом.
🌐Ссылка на код | 864 |
| 5 |  Terra
Бразильское интернет-СМИ Terra добилось значительного увеличения активности своих пользователей, внедрив в свой интерфейс режим ночного режима, что позволило сделать пользование сайтом более комфортным в условиях недостатка освещения.
🌐Ссылка на источник | 1 275 |
| 6 |  Почему стоит хранить зависимости в системе контроля версий
Джек Франклин, член команды Chrome DevTools, делится своими практическими наблюдениями и нестандартными плюсами использования данной методологии.
🌐Ссылка на источник | 1 331 |
| 7 |  Идеального вьюпорта не существует
Исследование Set Studio подчеркивает, что разнообразие вьюпортов делает жесткую привязку к конкретным брейкпойнтам бессмысленной.
🌐Ссылка на источник | 1 296 |
| 8 |  Первый сайт — уже через 7 дней. Бесплатно.
Под руководством Fullstack-разработчика с 12-летним опытом ты создашь полноценный сайт на HTML, CSS и JavaScript, попробуешь Angular, научишься использовать ChatGPT в разработке и получишь план выхода на первые заказы.
👉 Старт уже завтра. Участие бесплатное. | 1 283 |
| 9 |  JavaScript. Напишите функцию binaryArrayToNumber, которая преобразует массив нулей и единиц в десятичное число (встроенные функции использовать нельзя).
Ответ | 1 168 |
| 10 |  JavaScript. Напишите функцию squareDigits, которая принимает число и возводит в квадрат каждый символ.
Ответ | 1 237 |
| 11 |  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>, код может активировать или деактивировать темный режим для всего интерфейса.
🌐Ссылка на код | 1 504 |
| 12 | #вопросы_с_собеседований React
Что будет, если вызвать this.setState в render методе компонента?
Будут проблемы. React перерисовывает компонент, если state изменился. setState === ситуации «стейт изменился», а «React перерисовывает компонент» === render метод. Получается, что будет циклическая перерисовка. | 1 304 |
| 13 |  Мигающие маяки
Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.
https://github.com/geodienst/lighthousemap | 1 530 |
| 14 | ![Rating Experience Здесь автор стилизует input[type="range"]. Через JavaScript он задаёт классы, зависящие от значения инпута.](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAWACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDXooopiCilBxRmgBKKKKACiiigAooooAKKKKAP/9k=){kind=small} Rating Experience
Здесь автор стилизует input[type="range"]. Через JavaScript он задаёт классы, зависящие от значения инпута. Анимации созданы в CSS.
https://codepen.io/ismailvtl/pen/abwZdrw | 1 613 |
| 15 |  CSS Blossoming Flowers at Magical Night
Анимированная сцена, написанная с помощью SCSS и JavaScript.
Смотреть код | 1 573 |
| 16 |  Scrubbing, scrolling and splitting
Анимация при скролле, реализованная при помощи библиотеки gsap.
https://codepen.io/BlogFire/pen/NWYRqmv | 1 668 |
| 17 |  Rotating border
Граница сделана из псевдоэлементов, которые анимируются в CSS.
https://codepen.io/Chokcoco/pen/dypaobm | 1 832 |
| 18 |  🖥 Frontend с нуля до трудоустройства
Путь до Frontend-оффера — это не только обучение, но и собеседования, резюме и ATS-фильтры.
И у большинства кандидатов проблемы повторяются на одних и тех же этапах.
💼 Мы собрали материалы для каждого шага:
— ATS и разбор резюме
— база реальных Frontend собеседований
— задачи с собесов в BigTech
— System Design для Frontend
— инфраструктура больших приложений
— сообщество фронтендеров
— курсы по React, TypeScript и FSD
📍 В закрепе найдёшь материалы для каждого этапа пути до оффера.
👉 https://t.me/reactify_IT | 1 721 |
| 19 |  Задача
Дано натуральное число, необходимо преобразовать его в римскую запись.
Римские цифры представлены семью разными символами:
I - 1,
V - 5,
X - 10,
L - 50,
C - 100,
D - 500,
M - 1000
Справка: римские цифры обычно пишутся от наибольшего к наименьшему слева направо. Однако цифра четыре - это не IIII. Вместо этого число четыре записывается как IV. Поскольку единица стоит перед пятью, мы вычитаем ее и получаем четыре. Тот же принцип применяется к числу девять, которое записывается как IX.
Вычитание используется в шести случаях:
- I можно поставить перед V (5) и X (10), чтобы получилось 4 и 9.
- X можно поставить перед L (50) и C (100), чтобы получилось 40 и 90.
- C можно поставить перед D (500) и M (1000), чтобы получилось 400 и 900.
Входные данные: n - натуральное число от 1 до 3000.
Вывод: римская запись числа n.
Ответ | 1 348 |
| 20 | #вопросы_с_собеседований
Что такое Cross-Origin Resource Sharing (CORS)?
Cross-Origin Resource Sharing (CORS) — механизм, использующий дополнительные HTTP-заголовки, чтобы дать возможность агенту пользователя получать разрешения на доступ к выбранным ресурсам с сервера на источнике (домене), отличном от того, что сайт использует в данный момент. Говорят, что агент пользователя делает запрос с другого источника (cross-origin HTTP request), если источник текущего документа отличается от запрашиваемого ресурса доменом, протоколом или портом.
В целях безопасности браузеры ограничивают cross-origin запросы, инициируемые скриптами. Например, XMLHttpRequest и Fetch API следуют политике одного источника (same-origin policy). Это значит, что web-приложения, использующие такие API, могут запрашивать HTTP-ресурсы только с того домена, с которого были загружены, пока не будут использованы CORS-заголовки. | 1 393 |
