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 563 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 6 578-o'rinni va Rossiya mintaqasida 33 678-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 19 563 obunachiga ega bo‘ldi.
26 Avgust, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -243 ga, so‘nggi 24 soatda esa -9 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.31% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 3.15% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 1 430 marta ko‘riladi; birinchi sutkada odatda 617 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 27 Avgust, 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 563
Obunachilar
-924 soatlar
-547 kunlar
-24330 kunlar
Postlar arxiv
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 используют для оценки производительности своего сервиса.
🌐Ссылка на источник
