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 أيام
أرشيف المشاركات
Привет! У нас прекрасные новости 🥰
26 февраля мы в четвёртый раз соберёмся на конференции «Я 🧡 Фронтенд», чтобы признаться в любви к вебу, поделиться друг с другом опытом и провести время в отличной компании.
В этом году мероприятие станет ещё масштабнее: 14 февраля мы запустили две недели онлайн-активностей на любой вкус. Челленджи, воркшопы, лекции, CTF, котики, коллаборации и подкасты — каждый сможет найти себе любимое занятие. Всё бесплатно, потому что любовь к фронтенду не купишь за деньги.
Боитесь пропустить всё самое интересное? Регистрируйтесь и мы заботливо напомним о том, что интересно именно вам: ilovefrontend.ru
Что такое итераторы?
Итераторы применяются для организации последовательного доступа к элементам наборов данных - массивам, объектам Set, Map, строкам и т.д..Так, благодаря итераторам мы можем перебрать набор данных с помощью цикла for-of:
const people = ["Tom", "Bob", "Sam"];
for(const person of people){
console.log(person);
}
В цикле for-of справа от оператора of указывается набор данных или перебираемый объект, из которого в цикле мы можем получить отдельные элементы. Но эта возможность перебора некоторого объекта, как, например, массива в примере выше, реализуются благодаря тому, что эти объекты применяют итераторы.
👉 @frontendInterviewДля тех кто просил, открываем доступ в секретный канал на 2 ЧАСА👇
https://t.me/+kx7oWHPduEI5Y2Zi
Скинуть секретный архив с платными материалами и книгами для программистов?
zipWith
Создайте функцию zipWith, которая принимает функцию и два массива. Функция применяется к каждой паре значений из массивов и результат записывается в выходной массив.
Примеры:
zipWith( Math.pow, [10,10,10,10], [0,1,2,3] )
// [1,10,100,1000]
zipWith( Math.max, [1,4,7,1,4,7], [4,7,1,4,7,1] )
// [4,7,7,4,7,7]
👉 @frontendInterviewAlgorithms_for_Optimization_by_Mykel_J_Kochenderfer,_Tim_A_Wheeler.pdf12.64 MB
Algorithms for Optimization (2019)
Книга представляет собой комплексное введение в оптимизацию с упором на практические алгоритмы проектирования инженерных систем. Авторы подходят к оптимизации с инженерной точки зрения, где целью является разработка системы, которая оптимизирует набор метрик с учетом ограничений.
👉 @frontendInterview
Что выведется в консоль?
Что такое доступность и как её обеспечить?
Доступность дает возможность пользоваться сайтом не только мышью, но и клавиатурой, и делает сайт работоспособным на различных устройствах (мобильный, планшет, читалки и других устройствах). Сайт должен быть доступен для всех.
Lang
Всегда указывайте язык документа:
<html lang="ru">
…
</html>
Hidden
Можно прятать контент от экранных читалок с помощью атрибута hidden.
Вы можете обеспечить поддержку старых браузеров, просто добавив в CSS фоллбэк.
[hidden] {
display: none;
}
Alt
Используйте alt для описания картинок. Если картинка декоративная, используйте пустой alt.
Пустой alt означает, что изображение является ключевой частью контента, но для него нет текстового эквивалента.
Пустая строка означает, что это не ключевой контент и специфический браузер имеет право его не отображать.
<img src="decorative_image.jpg" alt="">Button Используйте элемент button для кнопок. Преимущества: 1) Возможность фокусировки 2) Кликабельность (мышкой или клавиатурой) 3) Экранные читалки идентифицируют их как кнопки! Заголовки Структурирование разметки с помощью заголовков (h1-h6). Некоторые читалки поддерживают перемещение по заголовкам. Заголовки нужны для правильного озвучивания структуры и навигации. Тематические секции (семантические теги) Подробнее Нужно размечать тематические секции при помощи HTML5 тегов (<article>, <aside>, <nav>, <section>). Секционные элементы (<section>) не являются прямой заменой элементу <div>. Используйте их для разметки больших кусков связанного контента, отличающегося от остального контента на странице. Это поможет различным устройствам, а так же поисковым роботам правильно "видеть" сайт. 👉 @frontendInterview
Кодинг — умер. Пора переходить на простые способы обучения.
Обучиться программировать сейчас нереально — ютуберы затирают про создание телеграм-ботов, ВУЗы учат платить деньги.
Оглянитесь вокруг: джуны поголовно учат айти по картинкам. Они запоминаются в разы лучше, чем пресловутые статейки и часовые видео.
Вы тоже можете стать частью этого тренда. Достаточно читать канал Гайды программиста.
Там найдёте полезные гайды по программированию на любую тему: Python, JS, C++, хакинг, подборки книг. И всё это в картинках.
Короче, держите и изучайте, потом себе спасибо скажете: it_guides
Что выведется в консоль?
Что такое at-rules в CSS?
At-rules это CSS операторы, которые показывают CSS как себя вести. Они начинаются со знака @ и заканчиваются знаком ;
Наиболее известны из них:
@media - правила стилей для определенного медиа запроса
@font-face - (описывает аспект внешнего шрифта для загрузки)
👉 @frontendInterviewГотов поспорить ты не знаешь, как подключиться к базе данных из CSS!
Вообще, как-то так: https://t.me/htmlshit/945
Залетай на канал «Будни разработчика», фронтенд и не только.
Мы там и не такое умеем 😏
Что выведется в консоль?
Gurufy облегчает изучение React.js разработки.
C помощью крутых short гайдов вы можете изучить весь стек React.js быстро и легко.
Официальный сайт - https://gurufy.dev/
На данный момент доступны курсы по: Next.js, TypeScript, Jest, React Testing Library и другие.
