Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
Frontend Interview - собеседования по Javascript / Html / Css
Kanalga Telegram’da o‘tish
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Ko'proq ko'rsatish📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi
Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 769 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 407-o'rinni va Rossiya mintaqasida 60 344-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 10 769 obunachiga ega bo‘ldi.
03 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -96 ga, so‘nggi 24 soatda esa -2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.89% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.12% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 850 marta ko‘riladi; birinchi sutkada odatda 444 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent javascript, браузер, html, css, видимость kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 04 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.
10 769
Obunachilar
-224 soatlar
-297 kunlar
-9630 kunlar
Postlar arxiv
Двумерный массив
Ваша задача - изменить числа на главной диагонали. Все отрицательные нужно заменить на 0, а положительные на 1.
Пример:
Входной массив
[
[-1, 4, -5, -9, 3 ],
[ 6, -4, -7, 4, -5 ],
[ 3, 5, 0, -9, -1 ],
[ 1, 5, -7, -8, -9 ],
[-3, 2, 1, -5, 6 ]
]
Выходной массив
[
[ 0, 4, -5, -9, 3 ],
[ 6, 0, -7, 4, -5 ],
[ 3, 5, 1, -9, -1 ],
[ 1, 5, -7, 0, -9 ],
[-3, 2, 1, -5, 1 ]
]
👉 @frontendInterviewРазработка веб-приложения.pdf20.59 MB
Разработка веб-приложений GraphQL с React, Node.js и Neo4j
Язык запросов API GraphQL заметно упрощает обмен данными с серверами, позволяя приложениям получать данные в виде простых для понимания графов. Преимущества GraphQL можно усилить за счет таких графовых инструментов и хранилищ данных, как React, Apollo и Neo4j. Подход к разработке графовых приложений полного цикла обеспечивает согласованную модель данных от начала до конца, повышая продуктивность разработчиков. Эта книга научит вас создавать графовые веб-приложения с использованием GraphQL, React, Apollo и базы данных Neo4j, которые все вместе называются GRANDstack.
👉 @frontendInterview
Оптимизация css стилей
Cначала проверяем необходимость подключения конкретных стилей. Если вы используете библиотеки типа Bootstrap, то выбирайте только необходимые стили, не нужно загружать то, чем вы не пользуетесь.
Принципы оптимизации загрузки css файлов:
1. Загружаем нужны стили на нужных страницах
2. Сжимаем код
3. Объединяем в один файл
Можно выделить самые важные стили (описание 10-100 самых базовых элементов) и встроить их (inline) в код страницы. Google рекомендует это делать для ускорения прорисовки шаблона/структуры страницы.
Все оптимизации css стилей также лучше автоматизировать с помощью плагинов.
К сожалению, многие CMS (Wordpress, Битрикс) идут с шаблонами, которые изначально сделаны так, как будто они специально хотят замедлить ваш сайт. Оптимизируйте подключаемые js и css файлы - это обязательный этап работы по ускорению скорости загрузки сайта.
👉 @frontendInterview
🟡Хардкорный тест по JS
— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!
🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay.
👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
Каким методом JS объекта Date можно получить день месяца?
Для тех кто просил, канал с бесплатным обучением Frontend👇
https://t.me/+aybSleJJiGc1MmIy
Скинуть годный канал, где разработчик из Ozon бесплатно обучает фронтенду?
Сколько раз вызовется console.log?
Как работать с формами в React❓
🚀Узнайте на открытом уроке 20 февраля в 20:00 мск онлайн-курса «React.js Developer» в OTUS. На занятии вместе с практикующим экспертом мы рассмотрим хорошие практики обработки форм со сложным состоянием.
Вебинар «Работа с формами» рассчитан на JavaScript-разработчиков с навыками HTML/CSS, Backend-разработчиков, желающих стать Fullstack и начинающих React-разработчиков.
👉 Пройдите вступительный тест и зарегистрируйтесь на урок https://otus.pw/d8vv/
Реклама. Информация о рекламодателе на сайте otus.ruЧто такое Web3?
Web3 представляет собой платформу для приложений на базе блокчейна, которая позволяет сторонним приложениям интегрироваться в сеть Ethereum или другие сети. Это позволяет разработчикам приложений использовать инструменты блокчейна для построения децентрализованных приложений, которые могут быть использованы для проведения финансовых транзакций, хранения и передачи данных и других дел.
Для того, чтобы начать работу с Web3, необходимо иметь представление о том, как работает Ethereum и какие инструменты можно использовать для создания приложений. Для начала необходимо научиться программировать на Solidity, языке программирования, используемом для создания децентрализованных приложений на базе Ethereum. После того как вы научитесь программировать на Solidity, вам необходимо будет использовать инструменты Web3, такие как Web3.js или Ethers.js, чтобы связать ваше приложение с блокчейном Ethereum.
👉 @frontendInterview
Что выведется в консоль?
Зачем нужен атрибут aria-expanded?
Атрибут aria-expanded нужен для элементов, при взаимодействии с которыми содержимое изменяет видимость. Например для кнопки, которая показывает или скрывает меню.
Пример
<button aria-expanded="false" aria-controls="menu">Раскрыть меню</button>
<div class="menu" id="menu">
<ul>
<li>
<a href="/dogs-pools/">Бассейны для собак</a>
</li>
<li>
<a href="/cats-boxes/">Коробки для кошек</a>
</li>
</ul>
</div>
Aria-expanded принимает одно из трёх значений:
true — содержимое или другие элементы развёрнуты.
false — содержимое или другие элементы свёрнуты.
undefined (по умолчанию) — у элемента нет содержимого, которое разворачивается и сворачивается.
👉 @frontendInterviewMergeSort "merge" function
Создайте функцию mergeSort, которая принимает несколько массивов чисел и возвращает один массив, состоящий из уникальных чисел, отсортированных по возрастанию.
Примеры:
mergesorted([1,2],[3,4]) //should: [1,2,3,4] mergesorted([1,2],[3]) //should: [1,2,3] mergesorted([1],[2, 3]) //should: [1,2,3]👉 @frontendInterview
Тестирование программного обеспечения
Учебное пособие посвящено вопросам анализа, планирования, проведения тестовых испытаний и оценки качества программного обеспечения на всех стадиях его жизненного цикла.
👉 @frontendInterview
Как вы отлаживаете и отлавливаете ошибки в TypeScript коде?
- Первым шагом для отладки может быть использование консоли браузера или инструментов разработчика, чтобы просмотреть вывод и ошибки JavaScript-кода, который был сгенерирован из TypeScript.
- Другой метод отладки - использование breakpoints и отладчика в среде разработки, такой как Visual Studio Code, который позволяет просматривать и изменять переменные во время выполнения.
- Использование сообщений об ошибках TypeScript и их детализация может быть очень полезна для определения и исправления проблем.
- И последний метод отладки - использование тестов для проверки кода и обнаружения ошибок в автоматическом режиме.
👉 @frontendInterview
