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 563 مشتركاً، محتلاً المرتبة 6 578 في فئة التكنولوجيات والتطبيقات والمرتبة 33 678 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 19 563 مشتركاً.
بحسب آخر البيانات بتاريخ 26 أغسطس, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -243، وفي آخر 24 ساعة بمقدار -9، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 7.31%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 3.15% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 1 430 مشاهدة. وخلال اليوم الأول يجمع عادةً 617 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 0.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, api, css, firebase, строка.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Изучаем Frontend.
По вопросам сотрудничества: @adv_and_pr
Канал на бирже: https://telega.in/c/senior_front
https://gosuslugi.ru/snet/67a461dcdc130259d5a631b8”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 27 أغسطس, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
19 563
المشتركون
-924 ساعات
-547 أيام
-24330 أيام
أرشيف المشاركات
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 используют для оценки производительности своего сервиса.
🌐Ссылка на источник
