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 750 مشتركاً، محتلاً المرتبة 11 410 في فئة التكنولوجيات والتطبيقات والمرتبة 60 327 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 10 750 مشتركاً.
بحسب آخر البيانات بتاريخ 09 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -94، وفي آخر 24 ساعة بمقدار -5، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 7.21%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 4.13% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 775 مشاهدة. وخلال اليوم الأول يجمع عادةً 444 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 2.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, браузер, html, css, видимость.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 10 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
10 750
المشتركون
-524 ساعات
-187 أيام
-9430 أيام
أرشيف المشاركات
Хотите научиться создавать качественные веб-анимации?🤔
⚡️В OTUS стартовал набор на долгожданный онлайн-курс «Веб-анимация»!
📚За 5 месяцев обучения вы научитесь создавать простые и сложные анимации для элементов сайта, в том числе svg анимации, получите навык работы со стандартными компонентами и углубите свои знания html, css, js.
👉🏻Регистрация на группу по WELCOME-скидке: https://otus.pw/3Nzg/
— Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатный вебинар который пройдет — 20.04 в 17:00 мск — «Анимация первого экрана сайта»: https://otus.pw/eQeI/
Протокол HTTP
HTTP был разработан как протокол обмена данными между веб-сервером и веб-браузером.
Есть три главных объекта, которые обмениваются сообщениями:
- Клиент (user agent) — программа, которая отправляет запросы, получает и обрабатывает ответы от имени пользователя на устройстве пользователя, например, браузер.
- Сервер (веб-сервер) — программа, которая работает на сервере, принимает и обрабатывает запросы от клиента, а затем отправляет ответы клиенту. Этой программой является веб-сервер.
- Прокси (прокси-сервер) — программа, которая работает на сервере, пропускает через себя запросы и ответы и выступает в роли посредника между клиентом и сервером.
👉 @frontendInterview
❓ Хотите повысить производительность своих программ?
💪 Усильте свои фундаментальные навыки программирования с помощью открытого урока «Алгоритм Дейкстры для поиска кратчайшего пути во взвешенном графе.»
✅ На занятии с Евгением Волосатовым, экспертом с 20-летним опытом программирования поговорим об алгоритмы Дейкстры.
📌 Проведем обзор второй половины онлайн-курса «Алгоритмы и структуры данных» от OTUS. Demo-занятие пройдет в рамках этого курса и позволит познакомиться с преподавателем.
👉 Для регистрации пройдите вступительное тест https://otus.pw/N7Jv/
Определите дату по номеру дня
Напишите функцию, которая принимает номер дня и булевый аргумент isLeap, который определяет, високосный ли год.
Функция должна вернуть дату в строковом формате
Примеры:
getDay(41, false) => "February, 10" getDay(60, false) => "March, 1"👉 @frontendInterview
javascript-dopolnitelnye-uroki.pdf21.32 MB
JavaScript. Дополнительные уроки для начинающих (2022)
В книге 20 иллюстрированных уроков, более 20 практических упражнений на тему программирования веб-сценариев и 18 заданий для самостоятельной работы. Простым языком, кратко, наглядно рассказано о новых программных инструментах, появившихся в последние годы в языке JavaScript.
👉 @frontendInterview
IT вакансии с релокацией ✈️ и удаленкой по всему миру
GoTechPeople - канал для cпециалистов из IT сектора России, Украины, Беларуси, а также для IT HR и рекрутеров. Мы ежедневно размещаем новые и актуальные вакансии IT компаний с релокацией или на удаленку в разные страны мира.
Присоединяйтесь https://t.me/Gotechpeople!
Как сделать параметр функции опциональным в TypeScript?
Яндекс Практикум запускает бесплатный курс по алгоритмическим собеседованиям. Поможем студентам подготовиться к таким интервью, чтобы устроиться на работу в крупные IT-компании.
Уроки сделаны на основе нашего курса «Алгоритмы и структуры данных», но здесь полностью бесплатны.
Курс будет полезен тем, кто знаком с алгоритмами, и тем, кто только планирует их изучать:
→ знатоки смогут применить умения на практике;
→ новички смогут сориентироваться и понять, на что стоит обратить внимание.
На курсе студенты:
— узнают, как проходят собеседования и как к ним готовиться;
— научатся отвечать на неочевидные вопросы;
— пройдут тесты на знание алгоритмов и структур данных;
— решат практические задачи с реальных собеседований.
Авторы курса — опытные разработчики, которые прошли, провели и оценили не одну сотню алгоритмических интервью. Они собрали всю нужную информацию об алгоритмических собеседованиях в одном месте и на русском языке.
Начинайте готовиться вместе с Практикумом с 15 апреля.
Подход «Pixel Perfect»
Pixel Perfect — это подход в вёрстке, когда итоговый результат максимально точно, пиксель в пиксель, совпадает с дизайнерским макетом. Для этого макет сайта сохраняется как обычная картинка, после чего эта картинка накладывается поверх свёрстанного сайта при помощи специальных инструментов, например, браузерных расширений.
Есть несколько способов, как можно найти визуальные отличия.
1. Сравнение скриншота и макета. Можно сделать скриншот сайта и загрузить в графический редактор, после чего сравнить скриншот и исходный макет в режиме наложения. Это удобно для дизайнеров. Но весьма неудобно для разработчика, потому что после каждого минимального изменения придётся делать новый скриншот и заменять им старый.
2. Добавление картинки макета на страницу. Можно сохранить макет картинкой, добавить её в документ с помощью тега <img> и разместить в центре страницы. После чего можно изменить прозрачность картинки с помощью opacity, и отличия сразу будут видны.
3. Браузерные расширения. У предыдущего способа есть важный недостаток — нужно на каждую страницу сначала добавить картинку, затем написать для неё стили, а в конце не забыть её удалить. Браузерные расширения, такие как PerfectPixel, берут эту рутину на себя.
👉 @frontendInterview
Frontend Formula
Хочешь быть продвинутым frontend-разработчиком, прокачать свои скиллы или пополнить своё резюме новыми кейсами? Тогда этот канал для тебя.
✅В этом канале:
— Обзоры инструментов и библиотек
— Интересные задачи
— Актуальные статьи
— Чат для обсуждения событий из мира Frontend
— Готовые UI-элементы
👇Подписывайтесь👇
Как правильно типизировать переменную surname в TypeScript?
Селектор потомка
Цепочка перечисленных через пробел селекторов обозначает вложенность от родительских элементов к потомку. Это позволяет управлять стилями вложенных элементов.
Такие вложенные селекторы используются, если нужно задать разные стили для элемента на всей странице и для элемента внутри определённого блока.
Пример
Скажем, цвет текста в абзацах карточки новостей должен отличаться от текста на всей странице. При этом все остальные стили для абзацев одинаковые.
Стили текста для всей страницы:
.text {
color: #ffffff;
line-height: 1.4;
}
Стили для текста, вложенного в блок .news-card:
.news-card .text {
color: #000000;
}
👉 @frontendInterview💥 Знание алгоритмов — это та самая база, которой должен владеть каждый разработчик.
❓ Что нужно знать о теории графов?
Узнайте 14 апреля вместе с ведущим программистом с 20-летним опытом Евгением Волосатовым.
✅ На занятии мы рассмотрим теорию графов, познакомимся с терминами и определениями, разберем основные алгоритмы.
💪 Евгений проведет обзор первой половины программы онлайн-курса «Алгоритмы и структуры данных» от OTUS, к которому приурочено это занятие.
❗️ Этот курс подходит для любого языка программирования.
👉 Пройдите вступительное тестирование, чтобы зарегистрироваться на занятие https://otus.pw/AVGY/
Какое значение примет result?
Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу. Чем раньше нырнешь с головой в продакшен, тем быстрее почувствуешь себя уверенно на рынке труда.
Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах ИТ-кластера Ростелеком.
🚀65% наших выпускников получают оффер на первых 5 собеседованиях: https://bit.ly/3r99xIi
Начните учиться прямо сейчас — пройдите бесплатные вводные курсы, чтобы оценить формат!
Расскажите про switch в JS.
Управляющая конструкция switch позволяет выполнять различные блоки кода, в зависимости от значения переменной.
Похож на if...else, но решает более узкую задачу.
Как пишется
В круглых скобках указывается переменная, значение которой сравнивается. В фигурных скобках с помощью ключевого слова case указываются возможные значения и код, который нужно выполнить.
Пример приветствия пользователя в зависимости от статуса:
switch (membershipStatus) {
case "vip":
// выполнится, если в переменной membershipStatus хранится строка "vip"
console.log("Приветствуем вас, ваше великолепие!")
console.log("рады вас видеть!")
break
case "diamond":
console.log("Здравствуйте, бриллиантовый клиент!")
break
case "gold":
console.log("Привет, золотой мой!")
break
default:
// выполнится, если ни один другой случай не сработал
console.log("Прив")
break
}
👉 @frontendInterview