اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
Frontend Interview - собеседования по Javascript / Html / Css
رفتن به کانال در Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
نمایش بیشتر
شبکه:📈 تحلیل کانال تلگرام Frontend Interview - собеседования по Javascript / Html / Css
کانال Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 10 763 مشترک است و جایگاه 11 396 را در دسته فناوری و برنامهها و رتبه 60 190 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 763 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 06 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -97 و در ۲۴ ساعت گذشته برابر -3 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 7.90% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.14% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 850 بازدید دریافت میکند. در اولین روز معمولاً 446 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 2 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, браузер, html, css, видимость تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 07 ژوئیه, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
10 763
مشترکین
-324 ساعت
-257 روز
-9730 روز
آرشیو پست ها
React и альтернативы
В мире фронтенда много различных фреймворков для разработки одностраничных приложений. Большинство из них различаются подходами к разработке и инструментами, которыми они обладают. Но в основе всех этих фреймворков часто лежат одни и те же концепции.
Чтобы облегчить поиск изменений в приложении и работу с DOM браузера, некоторые фреймворки используют Virtual DOM. Virtual DOM – объект, который хранит структуру дерева компонентов и их текущее состояние.
React использует Virtual DOM для отслеживания изменений. После каждого изменения состояния React создаёт новый Virtual DOM и сравнивает его с предыдущим, чтобы узнать, какие части приложения изменились.
Vue использует Virtual DOM и специальные объекты Proxy, чтобы узнавать, когда изменились данные.
Angular не использует Virtual DOM, но модифицирует браузерный DOM API, чтобы иметь возможность следить за изменением данных. Таким образом, если пользователь взаимодействует со страницей, то Angular проверяет, не изменились ли какие-то данные приложения.
Svelte не использует Virtual DOM, но во время компиляции приложения формирует функции, которые следят за изменением данных и обновляют соответствующие DOM-элементы.
Концепции и различия подробнее рассмотрены в статье.
👉 @frontendInterview
Согласно аналитике Platforma, количество вакансий в IT увеличилось на 85%, а количество резюме — всего на 5%
В программировании нужны профессионалы, и новый формат образования «буткемп» (интенсивная подготовка) позволяет получить нужные знания, навыки и работу менее чем за полгода. Так ребята в Elbrus Coding Bootcamp обучают программированию за 3 месяца. У них уже более 750 выпускников, а 93% получили желанное трудоустройство за 3 месяца после обучения.
Спойлер: Легко не будет, но именно поэтому результат вас удивит.
Фокус обучения — практика: написание кода с 9 утра до 7 вечера 5 дней в неделю и реализации проектов, которые можно положить в портфолио. Плюс прокачка навыков, чтобы найти свою первую работу в IT. В конце обучения — Карьерная неделя, когда коуч помогает составить резюме и подготовиться к вопросам на интервью. Из приятных бонусов: обучение в группе с менторами-преподавателями, а не тренажер или записанные видео.
Если вы ждали особенного знака, чтобы вдохновиться на карьерные перемены — это он. Заходите на День открытых дверей и расспросите выпускников сами.
Или записывайтесь на бесплатный мастер-класс, чтобы не терять зря драгоценное время.
Приведет ли вызов этой функции с 3 аргументами к ошибке?
💻 7 июня в 20:00 мск OTUS приглашает всех разработчиков, знакомых с JavaScript, на открытый вебинар «Объекты в JavaScript».
🎯Преподаватель: Юрий Дворжецкий, ведущий Fullstack разработчик, кандидат физико-математических наук.
📚 Что будет?
Рассмотрим особенности современной реализации объектов в JavaScript-движка: свойства, прототипное наследование и другие, а также некоторые аспекты производительности данных решений.
🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁
➡️ Пройдите небольшой тест на знание JS для участия в мероприятии https://otus.pw/9dpU/
fill
CSS-свойство fill, как и у одноимённого SVG-атрибута, используется для оформления цвета заливки SVG-элемента. По умолчанию — black.
Помимо стандартных форматов: именованного цвета (orange, rebeccapurple и др.), RGB(A), HEX и HSL(A), fill поддерживает формат ссылки на SVG-элемент, который будет как паттерн заполнять площадь элемента.
Пример:
Через CSS-свойство можно управлять цветом заливки SVG-элементов с помощью других возможностей CSS, например, при наведении курсора:
.pacman {
fill: url(#pattern);
}
.pacman:hover {
fill: yellow;
}
👉 @frontendInterviewВсем привет!
Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.
Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям.
@MasterHuBot
Сколько раз выполнится console.log?
🔥Хардкорный тест по React.js
— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете фреймворк. Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой.
👉🏻ПРОЙТИ ТЕСТ ПО REACT
📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатный вебинар «Обзор нововведений в React 18» — 8 июня в 20:00 мск: регистрация
Что такое гриды?
Гриды — это удобная технология для раскладки элементов на веб-страницах. В отличие от флексбоксов, одновременно работающих только с одним измерением, гриды дают возможность работать одновременно с двумя: горизонталью и вертикалью.
Принцип работы гридов чем-то похож на таблицы. Вместо работы только с рядами или только с колонками с помощью гридов можно работать с так называемыми грид-ячейками, позиционируя элементы по вертикали и горизонтали одновременно.
Основные термины:
- Грид-контейнер: родительский элемент, к которому применяется свойство display: grid.
- Грид-элемент: дочерний элемент, прямой потомок грид-контейнера. Подчиняется правилам раскладки гридов.
- Грид-линия: разделительная линия, формирующая структуру грида. Может быть как вертикальной (грид-линия колонки), так и горизонтальной (грид-линия ряда). Располагается по обе стороны от колонки или ряда.
- Грид-ячейка: пространство между соседними грид-линиями. Единица грид-сетки.
- Грид-полоса: пространство между двумя соседними грид-линиями. Может быть проще думать о грид-полосе как о ряде или колонке.
- Грид-область: область, ограниченная четырьмя грид-линиями. Может состоять из любого количества ячеек как по горизонтали, так и по вертикали.
👉 @frontendInterview
💻 2 июня в OTUS пройдет открытый вебинар для начинающих JS-разработчиков «Основы GraphQL»
🎯 Спикер: Николай Лапшин, Senior Full Stack Developer в компании Power Tech.
На вебинаре:
✔️ Разберем основы GraphQL: query, mutation, subscription.
✔️ Сравним REST и GraphQL.
✔️ Поговорим о системе типов.
Урок является частью онлайн-курса «JavaScript Developer. Basic» для новичков в программировании. Используйте эту возможность познакомиться с преподавателем и оценить курс.
➡️ РЕГИСТРАЦИЯ https://otus.pw/Ib8m/
String insert values
Вам дана строка и объект(или массив). Подставьте значения свойств объекта, названия которых присутствуют в строке и окружены фигурными скобками.
Примеры:
var s = 'Hello {foo} - make me a {bar}';
var o = {
foo : 'Jack',
bar : 'sandwich'
};
format(s, o); // "Hello Jack - make me a sandwich"
var s = 'Hello {0} - make me a {1}';
var a = ['Jack', 'sandwich'];
format(s, a); // "Hello Jack - make me a sandwich"
👉 @frontendInterviewTypeScript быстро. tlgm it_boooks 2021.pdf11.02 MB
TypeScript быстро
В книге разбираются актуальные для каждого программиста задачи, объясняется синтаксис языка и описывается разработка нескольких приложений, в том числе нетривиальных — так вы сможете понять, как использовать TypeScript с популярными библиотеками и фреймворками.
👉 @frontendInterview
Что выведется в консоль?
Событие beforeunload
Когда пользователь уходит со страницы, мы можем спросить его, точно ли он хочет уйти. За это отвечает обработка события beforeunload.
Событие происходит перед событием выгрузки страницы unload.
Есть страницы, на которых выполняется некоторая работа. Если эта работа не сохраняется, например, в localStorage, стоит защитить пользователя от фрустрации при возможной потере. В этом нам поможет обработка события beforeunload.
Обработка с помощью addEventListener:
window.addEventListener('beforeunload', function (event) {
// Отменяем поведение по умолчанию
event.preventDefault();
// Chrome требует наличия returnValue
event.returnValue = '';
})
При обработке этого события браузер покажет всплывающее окно, в котором нужно будет подтвердить своё намерение покинуть страницу.
Как оно выглядит в вашем браузере можно проверить с помощью демо ниже.
👉 @frontendInterview