Senior Frontend Developer | JavaScript, React, HTML & CSS
Ir al canal en Telegram
Изучаем Frontend. По вопросам сотрудничества: @adv_and_pr Канал на бирже: https://telega.in/c/senior_front https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8
Mostrar más
Red:📈 Análisis del canal de Telegram Senior Frontend Developer | JavaScript, React, HTML & CSS
El canal Senior Frontend Developer | JavaScript, React, HTML & CSS (@senior_front) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 19 563 suscriptores, ocupando la posición 6 578 en la categoría Tecnologías y Aplicaciones y el puesto 33 678 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 19 563 suscriptores.
Según los últimos datos del 26 agosto, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -243, y en las últimas 24 horas de -9, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 7.31%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 3.15% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 1 430 visualizaciones. En el primer día suele acumular 617 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 0.
- Intereses temáticos: El contenido se centra en temas clave como javascript, api, css, firebase, строка.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Изучаем Frontend.
По вопросам сотрудничества: @adv_and_pr
Канал на бирже: https://telega.in/c/senior_front
https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 27 agosto, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
19 563
Suscriptores
-924 horas
-547 días
-24330 días
Archivo de publicaciones
isArray
Ещё один полезный метод, позволяющий определить, являются ли входящие данные массивом.
Responsive Grid
Адаптивная сетка, созданная без медиа-запросов на чистом CSS.
https://codepen.io/julesforrest/pen/QBzaQR
В CSS более пятисот свойств — и хоть не обязательно знать их все, многие считают, что CSS становится слишком много. Что думаете по этому поводу?
🤔 Статья по теме
Задача. Напишите функцию
isEmpty(object), которая возвращает true, если у объекта нет свойств, иначе false.
Ответ![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/wAARCAAaACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwBbu7ljnKJjFQG/uB3H5Ul//wAfTfQVW/KsoQjyrQbZZ/tCf1H5Uf2hP6j8qrY+lGPp+dV7OHYLs0LS8llnCORjHpRVewH+lL9DRXLWilLRFJsdfA/aW4PQVXIPofyrbkAz0pmB6CtI1bLYVjGwf7v6UYb+6fyrZwPQUYHoKPb+QcpnWCsLocHoaK1IwM9KKynPmdxpH//Z)
JavaScript. Свойства объекта
Вы можете получить доступ к свойствам объекта с помощью
[] вместо '.'. Это позволяет найти свойство, которое соответствует переменной.
Также это можно использовать для получения или установки значения свойства, если его название - неразрешенный идентификатор.
Некоторые люди не знают этого и заканчивают это использованием eval(), что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки (невозможно использование jslint), он медленнее выполняется и может привести к XSS.
JavaScript. Что будет выведено в консоль?
Ответ
Игра камень, ножницы, бумага на чистом CSS.
https://codepen.io/alvaromontoro/pen/BaaBYyz
📣 Разместите рекламу в этом канале — её увидят
Аудитория Telegram остаётся активной, что бы ни говорили. Индекс читаемости это подтверждает: охваты каналов по тематикам держатся, люди продолжают читать.
Реклама в Telegram — это законно: ФАС в 2026 году официально подтвердил, что она разрешена.
👉 Заказать размещение в этом канале можно через Telega.in — с маркировкой и закрывающими документами, за пару минут.
Форматы и цены — по ссылке.
Почему obj.someprop.x приводит к ошибке?
Ответ очевиден: мы пытается получить доступ к свойству x свойства someprop, которое имеет значение undefined. obj.proto.__proto = null, поэтому возвращается undefined, а у undefined нет свойства x.
Завершается набор на онлайн-магистратуру ИТМО «Фронтенд-, бэкенд-разработка и ИИ-решения», созданную в партнерстве с Яндексом
Программа предлагает несколько треков в зависимости от уровня подготовки — от начинающих до опытных разработчиков: JavaScript, TypeScript, React, Python, Java, C++, а также отдельное направление – разработка ИИ-решений.
Обучение длится два года и проходит полностью онлайн, поэтому его удобно совмещать с работой: по данным Практикума, так учатся 82% студентов. В программе — практические проекты и кейсы от команд Яндекса.
Вступительные испытания уже идут, старт обучения — в сентябре.
Все подробности тут.
5 лучших библиотек всплывающих окон для React
Примеры профессионального использования всплывающих окон включают раскрывающиеся меню навигации, средства выбора дат и экскурсии во время процесса регистрации.
В экосистеме React эту потребность удовлетворяют многие библиотеки, предлагая различные уровни настройки, стратегии позиционирования и оперативности.
Читать статью
JavaScript. Что будет выведено в консоль?
Ответ
Задача
В киоске стакан кваса стоит 5 рублей. Дети подходят за квасом по очереди. Каждый купит только один стакан кваса и заплатит купюрой в 5, 10 или 20 рублей. Вы же должны дать сдачу каждому. Сначала у вас нет сдачи.
Необходимо определить, сможете ли вы продать квас каждому ребенку.
Входные данные: bills - массив купюр, которые платит i-й ребенок в очереди.
Вывод: true - если вы сможете рассчитать каждого клиента, false - в противном случае.
Примеры:
[5, 5, 10, 10, 20] Output: false- Первым двум покупателям вы продадите квас, не давая сдачи, у вас будет 2 купюры по 5 рублей. - Следующим двум вы дадите сдачу оставшимися купюрами в 5 рублей. У вас останется только 2 купюры по 10 рублей. - Последнему покупателю вы не сможете дать сдачу в 15 рублей. Ответ
Beat Burger
Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.
https://codepen.io/ste-vg/pen/MWpxKYR
Прощайте, useState и useEffect: революция в React
Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению. В результате при записи в консоль результат может быть повторен три раза.
https://telegra.ph/5-rekomendacij-po-optimizacii-zaprosov-SQL-11-17
Анимированный полет с помощью Theatre.js и React Three Fiber
Разбираемся, как отобразить 3D-сцену на веб-странице и перемещать по ней камеру во время прокрутки пользователем. Всего 50 строк кода.
Читать
#вопросы_с_собеседований
Что такое прототип объекта?
Прототип — это план (схема или проект) объекта. Он используется как запасной вариант для свойств и методов, существующих в данном объекте. Это также один из способов обмена свойствами и функциональностью между объектами. Это основная концепция прототипного наследования в JS.
Несмотря на то, что объект
о не имеет свойства toString, обращение к этому свойству не вызовет ошибки. Если определенного свойства нет в объекте, его поиск осуществляется сначала в прототипе объекта, затем в прототипе прототипа объекта и так до тех пор, пока свойство не будет найдено. Это называется цепочкой прототипов. На вершине цепочки прототипов находится Object.prototype.
Подробнее о прототипах можно прочитать здесь.
Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц
Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках
В отличие от других инструментов анализа, Lighthouse интегрируется с DevTools в Google Chrome и может быть использован в качестве расширения для браузера или в командной строке. Это заметно упрощает проведение аудита и получение результатов
CyberPunk Info board
Это веб-страница, созданная с использованием только HTML и CSS, которая олицетворяет эстетику киберпанка через свою визуальную структуру.
🌐Ссылка на код
Измерение веб-перформанса в Airbnb
Какие метрики и каким образом фронтенд-разработчики в Airbnb используют для оценки производительности своего сервиса.
🌐Ссылка на источник
