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 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 أيام
أرشيف المشاركات
♥️ Все наши каналы по JS / PHP / Python, подпишись ♥️
@seniorFront - всё про фронтенд, практика, примеры кода, интересные статьи
@web_craft - php, Laravel, фронтенд
@sWebDev - обзор библиотек JS / CSS
@python_practics - всё про Python, обучающие материалы, полезные советы и статьи
Различия протоколов TCP и UDP
TCP – транспортный протокол передачи данных в сетях TCP/IP, предварительно устанавливающий соединение с сетью.
UDP – транспортный протокол, передающий сообщения-датаграммы без необходимости установки соединения в IP-сети.
Разница между протоколами TCP и UDP – в так называемой "гарантии доставки". TCP требует отклика от клиента, которому доставлен пакет данных, подтверждения доставки, и для этого ему необходимо установленное заранее соединение. Также протокол TCP считается надежным, тогда как UDP получил даже именование “протокол ненадежных датаграмм. TCP исключает потери данных, дублирование и перемешивание пакетов, задержки. UDP все это допускает, и соединение для работы ему не требуется. Процессы, которым данные передаются по UDP, должны обходиться полученным, даже и с потерями. TCP контролирует загруженность соединения, UDP не контролирует ничего, кроме целостности полученных датаграмм.
👉 @frontendInterview
Merged String Checker
Создайте функцию, которая проверит, можно ли составить строку s из символов двух других строк - part1 и part2. При этом символы в part1 и part2 нельзя менять местами.
Пример:
'codewars' is a merge from 'cdw' and 'oears':
s: c o d e w a r s = codewars
part1: c d w = cdw
part2: o e a r s = oears
👉 @frontendInterviewReact. Сборник рецептов.pdf35.13 MB
React. Сборник рецептов. Практические приемы работы с фреймворком React
Книга посвящена практическому применению фреймворка React. Описано создание простых приложений и приложений со сложным интерфейсом, рассмотрены вопросы маршрутизации в приложениях и управление их состоянием. Даны примеры реализации интерактивного взаимодействия с пользователем, подключения к различным службам бэкенда, таким как REST и GraphQL, описана работа с библиотеками компонентов. Подробно рассматривается безопасность приложений, процесс их тестирования, даны советы по обеспечению доступности. Приводятся практические рекомендации по повышению производительности и созданию прогрессивных веб-приложений.
👉 @frontendInterview
Почему этот код нестабилен?
Поскольку setState() является асинхронным, установка нового состояния на основе предыдущего состояния иногда может пойти не так. В таких сценариях нужно использовать синтаксис функции обратного вызова для установки состояния. Тогда в prevState будет актуальное значение.
const [state, setState] = useState(0);
setState((prevState) => prevState + 1);
👉 @frontendInterviewНе могу найти работу. Нет откликов на резюме. Не зовут на собеседование. 😞
Эти проблемы возникают у многих в процессе поиска работы и решать их нужно с сертифицированным карьерным консультантом, таким как Оксана Синягина. Оксана работает в сфере IT уже 17 лет и отлично знает рынок труда в IT.
В своем Телеграм канале Оксана делится:
✅ Актуальными трендами и возможностями, которые предлагает IT-сфера. 💡
✅ Рассказывает, какие навыки и знания нужны для успешного старта и роста в айти. 🚀
✅ Делится полезными материалами для самообразования и развития профессиональных компетенций. 📚
✅ Раскрывает секреты успешного прохождения собеседований и взаимодействия с работодателями. 🗣
Подпишись на канал Оксаны и __получи бесплатный гайд__ "Как настроить LinkedIn, чтобы он работал на вас" 🎁
>> Перейти на канал
Реклама. Синягина О.В. ИНН 526309956960. Erid:LjN8KL7CSЧем отличается хук useLayoutEffect от useEffect?
Дизайн в FIGMA с нуля. Бесплатный курс + портфолио
Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб.
Узнать больше
#реклама
yudaevschool.online
О рекламодателе
Селекты, инпуты, батоны и прочие обитатели форм
Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами?
Нужны! и важно уметь с ними работать
✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой
✔️ Не возникает косяков с положением выпадающих элементов на экране
✔️ Элемент соответствует настройкам операционной системы
✔️ Контролы доступны скринридерам
✔️ Элемент будет доступен пользователям с ограниченными возможностями
Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры
Тренажер «Погружение в формы»
Проходить можно прямо в браузере, подача - огонь 🔥
Селекты, инпуты, батоны и прочие обитатели форм
Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами?
Нужны! и важно уметь с ними работать
✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой
✔️ Не возникает косяков с положением выпадающих элементов на экране
✔️ Элемент соответствует настройкам операционной системы
✔️ Контролы доступны скринридерам
✔️ Элемент будет доступен пользователям с ограниченными возможностями
Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры
https://htmlacademy.ru/courses/html-forms
Проходить можно прямо в браузере, подача - огонь 🔥
Какие размеры у элемента span в следующем примере?
Ищу помощницу по дизайну интерьеров.
Пост для тех, кто хочет работать удаленно, занимаясь творческой профессией.
Работа заключается в создании уютных пространств и стильных интерьеров. Можно работать из дома за ноутбуком.
- Для работы достаточно несколько часов в день, вам не придется сидеть в офисе с 9 до 17.
- Высшее образование не требуется, всему научу сама.
- На обучение достаточно 1-2 часа в день, так как вся информация структурирована и очень доступно изложена.
Я помогу вам разобраться в профессии дизайнер интерьеров, объясню с чего начать и покажу весь процесс работы от и до. Дам первых клиентов и скрипты продаж.
Учеников много не набираю, чтобы была возможность уделить внимание каждому.
Успевайте зарегистрироваться, пока места еще есть.
Начать обучение можно по ссылке «Зарегистрироваться».
Зарегистрироваться
#реклама
udesignschool.ru
О рекламодателе
Что такое ErrorBoundary в React?
Error boundaries- это компоненты, которые отлавливают ошибки JavaScript, возникающие в любом дочернем компоненте, сообщают об этих ошибках и отображают резервный UI.
Классовый компонент становится предохранителем при определении в нем нового метода жизненного цикла componentDidCatch(error, info) или static getDerivedStateFromError() :
class ErrorBoundary extends React.Component {
constructor(props) {
super(props)
this.state = { hasError: false }
}
componentDidCatch(error, info) {
// Вы также можете отправлять ошибки в специальный сервис по их обработке
logErrorToMyService(error, info)
}
static getDerivedStateFromError(error) {
// Обновляем состояние, чтобы при следующем рендеринге использовался запасной UI
return { hasError: true };
}
render() {
if (this.state.hasError) {
// Вы можете рендерить любой резервный интерфейс
return <h1>{'Что-то пошло не так.'}</h1>
}
return this.props.children
}
}
После этого, предохранитель используется как обычный компонент:
<ErrorBoundary>
<MyWidget />
</ErrorBoundary>
👉 @frontendInterviewТребуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен.
С 6 по 12 декабря проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения.
За эти 7 дней обучения ты:
1. Создашь полноценный веб-сайт на HTML и CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Узнаешь сколько можно зарабатывать и как работать;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов.
👉 Проскочить на интенсив бесплатно
У button font-size: 16px. Как можно установить значение 8px для свойства padding в единицах измерения em?
erid: LjN8KKVxp
👋Уважаемая публика, не проходите мимо! Только у нас на вебинаре вы узнаете то, чего ещё никогда не знали!
🔥Проникнитесь невероятными лайфхаками в жанре team lead survival на бесплатном уроке «Agile Circus: как выжить в цирке гибкой разработки ПО»: регистрация
На занятии обсудим:
— зачем вообще нужны гибкие подходы к организации процессов разработки (и поддержки) ПО и можно ли обойтись без них.
— как правильно выбирать способ организации разработки программного обеспечения.
— что делать в ситуации, когда одна команда не справляется.
Вебинар будет полезен тимлидам, руководителям разработки, проектным и продуктовым менеджерам, которые недовольны текущими процессами в своей компании.
👉Понравился урок — берите полный курс «Team Lead разработки», его можно пройти по скидке Чёрной пятницы, и даже в рассрочку.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
