Frontend Interview - собеседования по Javascript / Html / Css
Открыть в Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Больше
Сеть:📈 Аналитический обзор Telegram-канала Frontend Interview - собеседования по Javascript / Html / Css
Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 758 подписчиков, занимая 11 413 место в категории Технологии и приложения и 60 325 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 758 подписчиков.
Согласно последним данным от 07 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -100, а за последние 24 часа — -6, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 7.90%. В первые 24 часа после публикации контент обычно набирает 4.14% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 850 просмотров. В течение первых суток публикация набирает 446 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 2.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, браузер, html, css, видимость.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Благодаря высокой частоте обновлений (последние данные получены 08 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
10 758
Подписчики
-624 часа
-237 дней
-10030 день
Архив постов
❕ Frontend Developer в проект Kwork (Senior/Middle+) ❕
от 270 000 до 310 000 руб. на руки
📌 Полная занятость, 📌удаленная работа
Мы приглашаем в команду разработки крупной международной платформы Kwork высококлассного талантливого Frontend разработчика.
(мы предлагаем не добавится в ряды продавцов на платформе, а именно работать над ней самой)
Сегодня Kwork - это лидер фриланса в рунете, 4,5 млн посетителей каждый месяц и первое место по трафику (по данным SimilarWeb) и количеству заказов в рунете.
Чем нужно будет заниматься:
🖍 Разработкой и адаптивной версткой веб сайта Kwork (мультиязычная разработка - пользовательский интерфейс на нескольких языках).
🖍 Ускорением сайта. Даже доля секунды для нас играет мега важную роль.
🖍 Написанием JS скриптов и реактивных компонентов для пользовательского интерфейса.
Что мы ожидаем от кандидата:
✳️ Отличные знания JavaScript, CSS, HTML, JQuery, JSON.
✳️ Умение работать с Vue.js, SCSS, Webpack, возможностями ES6, Smarty.
✳️ Желательны базовые знания PHP, MySQL.
✳️ Внимательность и обостренное чувство прекрасного.
✳️ Постоянно изучаешь новейшие технологии
✳️ Любишь все автоматизировать и оптимизировать
Условия:
🔸 Оплата от 270 000 до 310 000 руб. на руки. С успешным кандидатом готовы обсуждать его ожидания.
🔸 Полностью удаленная работа по комфортному графику (от 30 часов в неделю) с использованием Agile, Git.
🔸 Работа в позитивной атмосфере с командой профессионалов.
🔸 Отлаженные процессы работы в компании и логично выстроенные коммуникации
🔸 Регулярный пересмотр ставок - мы следим, чтобы всегда оставаться в рынке.
Этапы отбора:
✒️ Небольшая анкета.
✒️ Тест на 20 вопросов.
✒️ Интервью с ведущим Frontend Developer проекта и HR на 20-30 минут.
‼️ Оффер в день интервью. Минимальный уровень бюрократии и быстрый фидбек‼️
Ждем тебя в команду единомышленников, которые выполняют свою работу и при этом получают удовольствие!
‼️ Направляйте резюме на hr.ast@mirafox.ru (тема письма "Frontend Developer")
❓Весь Фронтенд и сразу?
Это в Frontender's notes - самом большом канале по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills,
Подписывайся и становись годным разработчиком🔥
Packt.Real-World.Next.js.pdf8.86 MB
Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production (2022)
Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта.
👉 @frontendInterview
Узнать математическую операцию
Вы должны создать функцию calcType, которая принимает три аргумента: 2 числа и результат неизвестной операции, произведенной над этими числами. Функция должна вернуть название операции, произведенной над числами.
Возможные операции: "addition", "subtraction", "multiplication", "division"
Пример:
calcType(1, 2, 3) --> 1 ? 2 = 3 --> "addition"
👉 @frontendInterviewperspective
Свойство perspective определяет расстояние от пользователя до задней стенки экрана по оси z. Таким образом можно придать глубину элементу, к которому применяется свойство transform. Эффект заметен только при 3D-трансформациях.
Свойство perspective влияет на вложенные элементы контейнера, для которого указано, а не на сам контейнер.
Пример
.parent {
perspective: 50px;
}
.child {
transform: rotateX(10deg);
}
👉 @frontendInterview❔❔ JS-разработчик?
А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js?
✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!
⏰ Время прохождения теста ограничено 30 минут
✍️ПРОЙТИ ТЕСТ: https://otus.pw/NnCO/
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
Что вернет свойство window.location.href?
31 марта МТС собирает крупнейшую в России IT-конференцию TRUE TECH DAY. Почему сейчас? Потому что давно пора показать, что скрывают «под капотом» топовые продукты продвинутых технологичных компаний. Каждый участник конференции протестит на себе true-технологии и испытает новые впечатления, меняющие мир пользователей.
Что будет:
→ 7 треков: AI, Main Track, Big Data, Architecture, Cybersecurity, Leading Change, Product Manager.
→ 50+ мировых спикеров с топовыми темами без воды и лирики
→ 10 часов нетворкинга и обмена опытом в Москве, Дубае, Тбилиси и Астане
→ много интерактивных и цифровых зон
→ а после — грандиозная вечеринка со звездным лайн-апом
Все спикеры и темы уже на сайте.
Регистрируйся на True Tech Day по ссылке.
Участие бесплатно
Какой цвет текста у элемента div?
🔥Тест по JavaScript от OTUS 🔥
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional»
👉 ПРОЙТИ ТЕСТ https://otus.pw/jrws/
💣 Пройдете тест и получите:
✔️ Живое общение с экспертами JavaScript-сообщества
✔️Получите видео-курс по Git в подарок
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+
✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional»
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
area
С помощью тега
<area> можно сделать красивую навигацию, разметив обычную картинку областями и указав для них ссылки.
<area> не знает как жить без тега-контейнера <map>
Элементарная навигация по трём разделам:
<map name="doka">
<area shape="rect" coords="47,4,319,64" href="/html/" target="_blank" alt="HTML">
<area shape="rect" coords="46,69,318,129" href="/css/" target="_blank" alt="CSS">
<area shape="rect" coords="46,133,318,193" href="/js/" target="_blank" alt="JS">
</map>
<img usemap="#doka">
Тег <area> помещаем внутрь <map> и прописываем два обязательных атрибута:
- shape определяет форму области. Можно указать circle для круга, poly для произвольной формы или rect для прямоугольника (он же форма <area> по умолчанию);
- coords задаёт координаты области. Для круга проще всего: x, y, R, где R — радиус круга, для прямоугольника формат x1, y1, x2, y2, а для произвольной формы x1, y1, x2, y2, ... , xn, yn. Поскольку у произвольной формы может быть много точек, будьте готовы к длинному коду
Но пока что область «мёртвая», то есть её нельзя выбрать.
Чтобы исправить это, добавим следующие атрибуты:
- href для адреса ссылки;
- target для способа эту ссылку открыть;
- alt для альтернативной подписи.
👉 @frontendInterviewКакой из HTML элементов является строчным (inline)?
Чего вам не хватает, чтобы стать мидл-разработчиком? А может, вы уже мидл? Пусть нанимающие менеджеры сами расскажут, каких специалистов они считают мидлами. На вебинаре спросим это у представителей разных компаний: крупной, очень крупной и международной.
→ Бесплатно, 23 марта в 19:00
Вебинар будут вести:
◾️ Алексей Мясников, старший разработчик в Яндекс Облаке, на проекте YDB
◾️Вячеслав Скворцов, Engineering Manager в Adjust GmbH
◾️Владислав Шевченко, руководитель бэкенд-практики на Go/Python в redmadrobot
◾️Анна Смирнова, руководительница карьерного центра направления Программирования в Яндекс Практикуме.
Вы узнаете:
— что влияет на продвижение разработчика из джуна в мидла — спикеры поделятся своим опытом;
— чего ждут от мидл-разработчиков в крупных компаниях и стартапах, в России и за рубежом;
— где можно быстрее набраться опыта и дорасти до мидла;
— какая разница в зарплате может быть у мидлов и джунов в российских и международных компаниях;
— какие задачи дают джунам и мидлам на собеседованиях и что хотят понять с их помощью.
→ Зарегистрироваться на вебинар
::marker
Это псевдоэлемент, отвечающий за маркерное поле. В нём находятся, например, маркеры списка.
Пример
Создадим ненумерованный список <ul> и установим синий цвет точки для каждого элемента <li>:
<ul>
<li>Цвет точек</li>
<li>этого ненумерованного списка</li>
<li>#2e9aff</li>
</ul>
li::marker {
color: #2e9aff;
}
Псевдоэлемент ::marker работает только на элементах списка.
👉 @frontendInterviewРазделите по типам
Вам дан массив значений с разными типами данных. Напишите функцию, которая вернет объект с отсортированными значениями.
Пример:
Входное значение
['a', 1, 2, false, 'b']
Выходное значение
{
number: [1, 2],
string: ['a', 'b'],
boolean: [false]
}
👉 @frontendInterviewNode, Nest, Next, Express🤯 - пора бы всё объединить!
Для этого мы создали отдельный уголок - Серверный JavaScript.
Собрали всё, проверяй🔥
