Frontend Interview - собеседования по Javascript / Html / Css

رفتن به کانال در Telegram

Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su

نمایش بیشتر

شبکه:Senior Frontend - javascript, html, css روسيا60 392 فناوری و برنامه‌ها11 409...

📈 تحلیل کانال تلگرام Frontend Interview - собеседования по Javascript / Html / Css

کانال Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 10 736 مشترک است و جایگاه 11 409 را در دسته فناوری و برنامه‌ها و رتبه 60 392 را در منطقه روسيا دارد.

📊 شاخص‌های مخاطب و پویایی

از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 736 مشترک جذب کرده است.

بر اساس آخرین داده‌ها در تاریخ 13 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -104 و در ۲۴ ساعت گذشته برابر -8 بوده و همچنان دسترسی گسترده‌ای حفظ شده است.

وضعیت تأیید: تأیید نشده
نرخ تعامل (ER): میانگین تعامل مخاطب 8.00% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.14% واکنش نسبت به کل مشترکان کسب می‌کند.
دسترسی پست‌ها: هر پست به طور میانگین 859 بازدید دریافت می‌کند. در اولین روز معمولاً 444 بازدید جمع‌آوری می‌شود.
واکنش‌ها و تعامل: مخاطبان به‌طور فعال حمایت می‌کنند؛ میانگین واکنش به هر پست 2 است.
علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, браузер, html, css, видимость تمرکز دارد.

📝 توضیح و سیاست محتوایی

نویسنده این فضا را محل بیان دیدگاه‌های شخصی توصیف می‌کند:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

به لطف به‌روزرسانی‌های پرتکرار (آخرین داده در تاریخ 14 ژوئیه, 2026)، کانال همواره به‌روز و دارای دسترسی بالاست. تحلیل‌ها نشان می‌دهد مخاطبان به‌طور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامه‌ها تبدیل کرده‌اند.

10 736

مشترکین

-824 ساعت

-297 روز

-10430 روز

859

نمایش های پست

~ 44424 ساعت

~ 51248 ساعت

8.00%

نرخ مشارکت

اطلاعاتی وجود ندارد

پست های در روز

Ads index

beta

آرشیو پست ها

10 731

Только уникальные Создайте функцию, которая будет определять, содержит ли строка только уникальные символы. Строка может содержать любой из 128 ASCII символов. Символы чувствительны к регистру. Примеры:

 hasUniqueChars("  nAa")

false Потому что присутствует два пробела

 hasUniqueChars("abcdef")

true

 hasUniqueChars("aA")

true - чувствительна к регистру

 hasUniqueChars("++-")

false Пристутствует два +

10 731

Что такое хуки в React? В чем заключаются преимущества их использования? Хуки - это встроенные функции, которые позволяют использовать состояние и методы жизненного цикла внутри функциональных компонентов. Правила использования хуков 1. нельзя использовать внутри циклов, условий или вложенных функций 2. можно использовать либо внутри компонентов, либо внутри других хуков (в том числе, пользовательских, "кастомных", custom) Основные хуки useState() useEffect() useContext() Дополнительные (продвинутые) useReducer() useCallback() useMemo() useRef() useImperativeHandle() useLayoutEffect() useDebugValue() Преимущества хуков 1. С ними легче работать, их легче тестировать (как отдельные функции компонентов), они делают код чище, улучшают его читаемость - сложная логика может быть вынесена в "кастомный" хук 2. Позволяют разделять сложную логику на маленькие функции, используемые внутри компонентов 3. Повышают уровень "переиспользуемости" кода 4. Позволяют распределять логику между компонентами через пользовательские хуки Являются более податливыми к перемещениям в дереве компонентов

10 731

Как работать с JS / CSS / Node.js / SQL в 2021 году Языки эволюционируют. Поиск и изучение новых фишек отнимает у опытных web-разработчиков до 10 часов в неделю. Вы же хотите дорасти до тимлида? Значит, нужно повышать квалификацию. С подпиской на @sWebDev достаточно 5 минут в день, чтобы узнавать новые трюки JS / CSS / Node.js / SQL. @sWebDev — это быстрые тесты, примеры кода и актуальные решения, которые сделают вас самым подготовленным сотрудником компании.

10 731

Какая из перечисленных команд позволяет переключиться с одной ветки на другую в git?

Anonymous voting

10 731

CodePen Amazing - канал, на который выкладывают самые клевые проекты с CodePen. Смотрите, вдохновляйтесь, творите! - > @codepen_amazing

10 731

Как автоматизированные инструменты помогают улучшить доступность приложения? Существует две категории инструментов, которые могут быть использованы для определения проблем с доступностью приложения: Инструменты статического анализа "Линтеры", вроде ESLint, могут использоваться совместно со специальными плагинами, например, eslint-plugin-jsx-a11y для анализа React-проектов на уровне компонентов. Статические анализаторы выполняются очень быстро, поэтому "цена" их использования невелика, а преимущества очевидны. Инструменты браузера Браузерные инструменты анализа доступности контента, такие как aXe и Google Lighthouse, осуществляют автоматическую проверку на уровне всего приложения. Они могут обнаружить более "реалистичные" проблемы, поскольку браузеры имитирую поведение пользователя, взаимодействующего со страницей.

10 731

JavaScript Cookbook - Shelley Powers.pdf12.72 MB

10 731

JavaScript Cookbook Раньше JavaScript был вполне себе легко изучаемым языком программирования, требующим только знаний по работе в браузере. Теперь, когда JavaScript работает и на сервере, и на мобильных устройствах, начинающим программистам становится сложнее выбрать, какое из направлений подойдёт ему лучше всего. В этом руководстве автор раскроет возможности JavaScript в любой из областей, приведёт примеры его работы и даст советы.

10 731

Вклад У вас есть определенная сумма денег a0 > 0. Вы вкладываете их под годовой процент p. И вы хотите в итоге получить сумму денег = a >= a0. Напишите функцию, datenbdays, которая принимает параметры a0, a, p и возвращает дату, к которой накопится целевая сумма. Примеры:

 date_nb_days(100, 101, 0.98) --> "2017-01-01" (366 days)
 date_nb_days(100, 150, 2.00) --> "2035-12-26" (7299 days)

10 731

JavaScript_на_примерах_Практика,_практика_и_только_практика_2018.pdf19.20 MB

10 731

JavaScript на примерах. Практика, практика и только практика Данная книга - это прекрасное учебное пособие для изучения языка программирования JavaScript на примерах. Изложение ведется последовательно: от написания первой программы, до создания полноценных проектов: интерактивных элементов (типа слайдера, диалоговых окон) интернет-магазина, лендинговой страницы и проч. По ходу даются все необходимые пояснения и комментарии.

10 731

Можно ли создать инстанс абстрактного класса в TypeScript?

Anonymous voting

10 731

Как реализовать однократное выполнение компонентом некоторой операции при первоначальном рендеринге в React? Для этого можно использовать метод жизненного цикла componentDidMount() в классовом компоненте:

 class Homepage extends React.Component {
   componentDidMount() {
     trackPageView('Homepage')
   }
   render() {
     return <div>Домашняя страница</div>
   }
 }

Любые операции, определенные в componentDidMount(), будут выполнены только один раз при монтировании компонента. Аналогичный функционал можно реализовать с помощью хука useEffect() с пустым массивом зависимостей.

 const Homepage = () => {
   useEffect(() => {
     trackPageView('Homepage')
   }, [])

   return <div>Домашняя страница</div>
 }

10 731

Верно ли следующее утверждение?: Браузер может прочитать JSX синтаксис.

Anonymous voting

10 731

Для чего предназначены методы setTimeout и setInterval? Мы можем вызвать функцию не в данный момент, а позже, через заданный интервал времени. Это называется «планирование вызова». Для этого существуют два метода: setTimeout - позволяет вызвать функцию один раз через определённый интервал времени. setInterval - позволяет вызывать функцию регулярно, повторяя вызов через определённый интервал времени. Например, данный код вызывает sayHi() спустя одну секунду:

 function sayHi() {
   alert('Привет');
 }

 setTimeout(sayHi, 1000);

Следующий пример выводит сообщение каждые 2 секунды. Через 5 секунд вывод прекращается:

 // повторить с интервалом 2 секунды
 let timerId = setInterval(() => alert('tick'), 2000);

 // остановить вывод через 5 секунд
 setTimeout(() => { clearInterval(timerId); alert('stop'); }, 5000);

10 731

Как устроиться FE разработчиком без опыта? Устроиться в хорошую компанию в первый раз всегда сложно. Компании ищут людей, которые смогут быстро влиться в проект и обладают минимальным портфолио Профессия Frontend-разработчик PRO - самый быстрый способ начать зарабатывать и получать опыт Программа: 📌 Веб-вёрстка 📌 Javascript 📌 React.js или Vue.js на выбор Дополнительно: 📌 Система контроля версий Git 📌 Английский для IT-специалистов 📌 Photoshop 📌 Figma и другие важные знания для того чтобы начать 5 дипломных проектов для вашего портфолио: ✅ Лендинг ✅ Сайт ✅ Интернет-магазин ✅ Новостная лента ✅ Сервис заметок 💰 Гарантия трудоустройства Первые 6 месяцев - бесплатно

10 731

Как правильно применить интерфейс IPerson к классу Person?

Anonymous voting

10 731

Что такое "бурение пропов" (prop drilling) и как его можно избежать в React? В React пропы передаются в одном направлении, сверху вниз, от родительского компонента к дочернему, и последовательно. При наличии незначительного количества пропов или потомков - это не является проблемой. Однако, при росте приложения, для того, чтобы передать пропы с верхнего уровня приложения компонентам, находящимся на 3 или 4 уровне вложенности, нам приходится передавать одни и те же пропы на каждом уровне дерева компонентов. Это называется prop-drilling. Context API Контекст решает некоторые проблемы, связанные с "бурением". Он позволяет компонентам получать данные на любом уровне без их передачи в виде пропов. Передаваемыми данными может быть что угодно: состояние, функция, объект и т.д. Эти данные доступны любым вложенным компонентам в пределах области видимости контекста. Пример

 import React from "react"
 import ReactDOM from "react-dom"

 // создаем контекст
 const NumberContext = React.createContext()
 // он возвращает объект с двумя значениями
 // { Provider, Consumer }

 function App() {
   // используем провайдер для предоставления потомкам
   // доступа к данным
   return (
     <NumberContext.Provider value={10}>
       <div>
         <Display />
       </div>
     </NumberContext.Provider>
   )
 }

 function Display() {
   const value = useContext(NumberContext)
   return <div>Ответ: {value}.</div>
 }

10 731

Насколько эффективно вы работаете в фреймворках JavaScript? Новый уровень мастерства ждет тех, кто сможет пройти вступительный тест онлайн-курса «JavaScript Developer. Professional» https://otus.pw/rEBY/ Занятия начнутся уже 29 марта. Успейте присоединиться к группе, пока остались места по спец.цене.

10 731

Что нужно подставить вместо ... чтобы выполнилась функция handleClick при нажатии на кнопку?

Anonymous voting