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

Open in Telegram

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

Network:Senior Frontend - javascript, html, css Russia60 301 Technologies & Applications11 396...

📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css

Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 745 subscribers, ranking 11 396 in the Technologies & Applications category and 60 301 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 745 subscribers.

According to the latest data from 12 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -96 over the last 30 days and by -3 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 6.80%. Within the first 24 hours after publication, content typically collects 4.13% reactions from the total number of subscribers.
Post reach: On average, each post receives 731 views. Within the first day, a publication typically gains 444 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su”

Thanks to the high frequency of updates (latest data received on 13 July, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

10 745

Subscribers

-324 hours

-247 days

-9630 days

731

Post views

~ 44424 hours

~ 51248 hours

6.80%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

10 741

Refaktoring_koda_na_Javascript_2019_Martin_Fayler.pdf27.49 MB

10 741

Рефакторинг кода на JavaScript Мартин Фаулер и другие высококлассные специалисты в области объектно-ориентированного программирования, принявшие участие в написании этой книги, изложили принципы и наиболее эффективные методики выполнения различных рефакторингов и показали, когда и как следует тщательно изучать код с целью его улучшения. 👉 @frontendInterview

10 741

«React.js developer» - это хардкорный онлайн-курс про самый популярный и востребованный JS-фреймворк для Frontend-разработки. Справитесь ли вы с уровнем курса? Покажет вступительный тест. ❗️Пройдите тестирование, чтобы: • оценить свои навыки • занять место по специальной цене • получить доступ к демо-урокам курса • попасть в закрытое сообщество профессионалов Пройти тестирование: https://otus.pw/r3LS/

10 741

Какое значение примет result?

Anonymous voting

10 741

👉 @frontendInterview

10 741

В чем разница между componentDidMount() и componentWillMount()? componentDidMount() выполняется после первого рендеринга только на стороне клиента. Это подходящее место для выполнения AJAX-запросов и обновления состояния. Данный метод также используется для интеграции с другими JavaScript-фремворками и любыми функциями с отложенным выполнением, такими как setTimeout() или setInterval(). Пример

 React, { Component } from 'react'

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      data: 'Иван Петров'
    }
  }

  getData(){
    setTimeout(() => {
      console.log('Данные получены')
      this.setState({
        data: 'Привет, Иван!'
      })
    }, 1000)
  }

  componentDidMount() {
    this.getData()
  }

  render() {
    return (
      <div>
        {this.state.data}
      </div>
    )
  }
}

export default App

componentWillMount() выполняется перед рендерингом, как на стороне сервера, так и на стороне клиента. Данный метод используется для программного выполнения задач перед монтированием компонента. Пример

import React, { Component } from 'react'

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      data: 'Иван Петров'
    }
  }
  componentWillMount() {
    console.log('Сначала вызывается этот метод')
  }

  getData() {
    setTimeout(() => {
      console.log('Данные получены')
      this.setState({
        data: 'Привет, Иван!'
      })
    }, 1000)
  }

  componentDidMount() {
    this.getData()
  }

  render() {
    return (
      <div>
        {this.state.data}
      </div>
    )
  }
}

export default App

👉 @frontendInterview

10 741

Какова высота элемента section?

Anonymous voting

10 741

👉 @frontendInterview

10 741

В чем разница между обычной функцией и функциональным выражением? Допустим, у нас есть следующее:

 hoistedFunc()
 notHoistedFunc()

 function hoistedFunc(){
     console.log('I am hoisted')
 }

 var notHoistedFunc = function(){
     console.log('I will not be hoisted!')
 }

Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет. 👉 @frontendInterview

10 741

Какое значение примет result?

Anonymous voting

10 741

👉 @frontendInterview

10 741

Как запустить повторный рендеринг компонента без вызова функции setState()? Использование forceUpdate() В следующем примере при монтировании компонента генерируется случайное число. При нажатии кнопки вызывается функция forceUpdate(), что, в конечном счете, заврешается генерацией нового случайного числа:

 import React, { Component } from 'react'

 class App extends React.Component{
   constructor() {
     super()
     this.forceUpdateHandler = this.forceUpdateHandler.bind(this)
   }

   forceUpdateHandler() {
     this.forceUpdate()
   }

   render() {
     return (
       <div>
         <button onClick={this.forceUpdateHandler}>Принудительное обновление</button>
         <h4>Случайное число: { Math.random() }</h4>
       </div>
     )
   }
}

 export default App

Обратите внимание: использовать forceUpdate() не рекомендуется. 👉 @frontendInterview

10 741

Какой из перечисленных синтаксисов задания CSS свойства box-shadow НЕ валидный?

Anonymous voting

10 741

Сортировка массивом Вам даны два массива. Вы должны отсортировать первый массив, используя значения из второго массива чисел. Пример:

 initialArray = ['x', 'y', 'z'] sortingArray = [ 1, 2, 0]
 sort(initialArray, sortingArray) => ['z', 'x', 'y']
 sort(['z', 'x', 'y'], [0, 2, 1]) => ['z', 'y', 'x']

👉 @frontendInterview

10 741

Освойте верстку на реальных задачах разработки! Хардкорная программа «HTML / CSS» от OTUS — альма-матер IT-специалистов. - Must have для фронтендеров. - Расширение навыков для web-дизайнеров. - Мощный трамплин для тех, кто хочет начать карьеру в IT. За 3 месяца вы научитесь верстать сайт по макету, делать верстку адаптивной, тестировать ее на различных мобильных устройствах, деплоить промежуточные версии. Вас ждет тщательно отобранный материал и практические задания от Маргариты Образцовой, JS-разработчика и преподавателя верстки в университете в Хельсинки. На всем пути вас будет сопровождать персональный ментор. А к концу обучения вы соберете портфолио проектов, которое точно привлечет внимание работодателей. Занимайте место в группе, пока действует спец.цена https://otus.pw/4MZq/

10 741

Как определить наличие свойства в объекте? Существует три способа это сделать. Первый способ состоит в использовании оператора «in»:

 o = {
    'prop': 'bwahahah',
    'prop2': 'hweasa'
}

console.log('prop' in o) // true
console.log('prop1' in o) // false

Второй — использовать метод hasOwnProperty:

 console.log(o.hasOwnProperty('prop2')) // true
 console.log(o.hasOwnProperty('prop1')) // false

Третий — индексная нотация массива:

 console.log(o['prop']) // bwahahah
 console.log(o['prop1']) // undefined

👉 @frontendInterview

10 741

Какое значение примет result?

Anonymous voting

10 741

👉 @frontendInterview

10 741

В чем заключаются преимущества использования JSX? JSX - это опциональное расширение синтаксиса JavaScript, облегчающее создание компонентов. JSX включает в себя разметку и выражения JavaScript. В действительности, JSX является сокращением для React.createElement(), делая код чище и проще. JSX может быть полезен для создания выразительных конструкций или пользовательских компонентов, снижая количество опечаток в больших древовидных структурах и облегчая процесс преобразования разметки в деревья React-элементов. Кроме того, при использовании JSX в консоль выводятся предупреждения и потенциальные ошибки, помогающие устранять проблемы на ранней стадии разработки. 👉 @frontendInterview

10 741

С нас крутые спикеры, интересные лекции и трудоустройство, с тебя – желание учиться и минимум год опыта коммерческой разработки на JavaScript. ⠀ Как все проходит? 3 раза в неделю на протяжении двух месяцев тебя будут обучать Senior’ы и Teamlead’ы ведущих банков страны. ⠀ Чему будут учить? На курсе будем изучать React, Angular, RxJS и Vue. Помимо этого еще будут практические занятия и домашние задания. ⠀ Что будет после учебы? Трудоустройство на Middle позицию в Цифровые привычки. Ты будешь работать над проектами крупных банков страны в Москве, в СПб или на удаленке.