Frontend Interview - собеседования по Javascript / Html / Css
Ir al canal en Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Mostrar más
Red:📈 Análisis del canal de Telegram Frontend Interview - собеседования по Javascript / Html / Css
El canal Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 745 suscriptores, ocupando la posición 11 396 en la categoría Tecnologías y Aplicaciones y el puesto 60 301 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 10 745 suscriptores.
Según los últimos datos del 12 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -96, y en las últimas 24 horas de -3, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 6.80%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.13% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 731 visualizaciones. En el primer día suele acumular 444 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 2.
- Intereses temáticos: El contenido se centra en temas clave como javascript, браузер, html, css, видимость.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 13 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
10 745
Suscriptores
-324 horas
-247 días
-9630 días
Archivo de publicaciones
Refaktoring_koda_na_Javascript_2019_Martin_Fayler.pdf27.49 MB
Рефакторинг кода на JavaScript
Мартин Фаулер и другие высококлассные специалисты в области объектно-ориентированного программирования, принявшие участие в написании этой книги, изложили принципы и наиболее эффективные методики выполнения различных рефакторингов и показали, когда и как следует тщательно изучать код с целью его улучшения.
👉 @frontendInterview
«React.js developer» - это хардкорный онлайн-курс про самый популярный и востребованный JS-фреймворк для Frontend-разработки.
Справитесь ли вы с уровнем курса? Покажет вступительный тест.
❗️Пройдите тестирование, чтобы:
• оценить свои навыки
• занять место по специальной цене
• получить доступ к демо-урокам курса
• попасть в закрытое сообщество профессионалов
Пройти тестирование: https://otus.pw/r3LS/
Какое значение примет result?
В чем разница между 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
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Какова высота элемента section?
В чем разница между обычной функцией и функциональным выражением?
Допустим, у нас есть следующее:
hoistedFunc()
notHoistedFunc()
function hoistedFunc(){
console.log('I am hoisted')
}
var notHoistedFunc = function(){
console.log('I will not be hoisted!')
}
Вызов notHoistedFunc приведет к ошибке, а вызов hoistedFunc нет, потому что hoistedFunc «всплывает», поднимается в глобальную область видимости, а notHoistedFunc нет.
👉 @frontendInterviewКакое значение примет result?
Как запустить повторный рендеринг компонента без вызова функции 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Какой из перечисленных синтаксисов задания CSS свойства box-shadow НЕ валидный?
Сортировка массивом
Вам даны два массива. Вы должны отсортировать первый массив, используя значения из второго массива чисел.
Пример:
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Освойте верстку на реальных задачах разработки!
Хардкорная программа «HTML / CSS» от OTUS — альма-матер IT-специалистов.
- Must have для фронтендеров.
- Расширение навыков для web-дизайнеров.
- Мощный трамплин для тех, кто хочет начать карьеру в IT.
За 3 месяца вы научитесь верстать сайт по макету, делать верстку адаптивной, тестировать ее на различных мобильных устройствах, деплоить промежуточные версии.
Вас ждет тщательно отобранный материал и практические задания от Маргариты Образцовой, JS-разработчика и преподавателя верстки в университете в Хельсинки. На всем пути вас будет сопровождать персональный ментор.
А к концу обучения вы соберете портфолио проектов, которое точно привлечет внимание работодателей.
Занимайте место в группе, пока действует спец.цена https://otus.pw/4MZq/
Как определить наличие свойства в объекте?
Существует три способа это сделать.
Первый способ состоит в использовании оператора «in»:
o = {
'prop': 'bwahahah',
'prop2': 'hweasa'
}
console.log('prop' in o) // true
console.log('prop1' in o) // false
console.log(o.hasOwnProperty('prop2')) // true
console.log(o.hasOwnProperty('prop1')) // false
Третий — индексная нотация массива:
console.log(o['prop']) // bwahahah
console.log(o['prop1']) // undefined
👉 @frontendInterviewКакое значение примет result?
В чем заключаются преимущества использования JSX?
JSX - это опциональное расширение синтаксиса JavaScript, облегчающее создание компонентов. JSX включает в себя разметку и выражения JavaScript. В действительности, JSX является сокращением для React.createElement(), делая код чище и проще.
JSX может быть полезен для создания выразительных конструкций или пользовательских компонентов, снижая количество опечаток в больших древовидных структурах и облегчая процесс преобразования разметки в деревья React-элементов. Кроме того, при использовании JSX в консоль выводятся предупреждения и потенциальные ошибки, помогающие устранять проблемы на ранней стадии разработки.
👉 @frontendInterview
С нас крутые спикеры, интересные лекции и трудоустройство, с тебя – желание учиться и минимум год опыта коммерческой разработки на JavaScript.
⠀
Как все проходит?
3 раза в неделю на протяжении двух месяцев тебя будут обучать Senior’ы и Teamlead’ы ведущих банков страны.
⠀
Чему будут учить?
На курсе будем изучать React, Angular, RxJS и Vue. Помимо этого еще будут практические занятия и домашние задания.
⠀
Что будет после учебы?
Трудоустройство на Middle позицию в Цифровые привычки. Ты будешь работать над проектами крупных банков страны в Москве, в СПб или на удаленке.
