Frontend Interview - собеседования по Javascript / Html / Css
10.4K subscribers
2.09K photos
118 videos
320 files
500 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Какое значение примет result?
Anonymous Quiz
20%
15
9%
36
28%
10
17%
5
27%
0
Что такое AJAX?

AJAX или Asyncronous JavaScript and XML — это набор взаимосвязанных технологий, которые позволяют работать с данными в асинхронном режиме. Это означает, что мы можем отправлять данные на сервер и получать данные с него без перезагрузки веб-страницы.

AJAX использует следующие технологии:
HTML — структура веб-страницы.
CSS — стили веб-страницы.
JavaScript — поведение страницы и работа с DOM.
XMLHttpRequest API — отправка и получение данных с сервера.
PHP, Python, Nodejs — какой-нибудь серверный язык.
Какое значение у свойства padding-bottom элемента div?
Anonymous Quiz
21%
60px
3%
120px
5%
10px
19%
20px
51%
40px
Как определить наличие свойства в объекте?

Существует три способа это сделать.

Первый способ состоит в использовании оператора «in»:
const 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
JavaScript для детей

Книга подойдёт для тех, кто только начинает изучать JavaScript. Она знакомит с основами и даёт поверхностное представление о языке. В книге три части: основы, продвинутый JavaScript и графика. В ней также есть практические задания, в которых пошагово рассказывается, как написать игру.
Убрать дубликаты

Напишите функцию, которая принимает строку, состоящую из отдельных слов и возвращает строку, состоящую только из уникальных слов.

Пример:
 "alpha beta beta gamma gamma gamma delta alpha beta beta gamma gamma gamma delta"

--> "alpha beta gamma delta alpha beta gamma delta"
JavaScript для профессионалов

Книга
JavaScript для профессионалов, для профессионалов, как можно понять из названия, она уже не подойдёт совсем начинающим JavaScript разработчикам, а скорее для более опытных.

В этой книге вы узнаете всё что, нужно знать для профессиональных Web-разработчиков, от недостатков и достоинств языка, до каких то практичных приёмов применения JavaScript.

Единственный минус этой книги, в том, что она описывает только стандарт языка ECMAScript 5.1, что на момент написание этой книги, очень сильно устарел.
Для чего используется оператор "&&"?

Оператор "&&" (логическое и) находит и возвращает первое ложное значение либо последний операнд, когда все значения истинные. Он использует короткое замыкание во избежание лишних затрат:

console.log(false && 1 && []) // false
console.log(' ' && true && 5) // 5

Примеры функций, выполняющих одно действие с оператором if и с &&:

С оператором if:
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
if (conMobile) {
conMobile.release()
}
}
})

То же самое с оператором "&&":
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
conMobile && conMobile.release()
}
})
Какое значение примет result?
Anonymous Quiz
63%
key
10%
null
26%
undefined
This media is not supported in your browser
VIEW IN TELEGRAM
Задачка для настоящих программистов

Что больше 12м X 50тр или 12м X 100тр - 50тр?

Те, кто смог ответить понимают, что вкладываться в знания - выгодно

Не секрет, что я уже полгода мониторю Skillbox, и что у них всегда есть акции и скидки - но первый раз вижу у них скидку 60%

Дешевле уже не будет👇
Для чего используется оператор "||"?

Оператор "||" (логическое или) находит и возвращает первое истинное значение. Он также использует короткое замыкание. Данный оператор использовался для присвоения параметров по умолчанию в функциях до того, как параметры по умолчанию были стандартизированы в ES6.

console.log(null || 1 || undefined) // 1

function logName(name) {
let n = name || Mark
console.log(n)
}

logName() // Mark
Смежные буквы

Напишите функцию, которая принимает строку и удаляет в ней парные смежные буквы.

Пример
doubles('abbcccdddda') = 'aca'

a - оставляем, так как она непарная
bb - удаляем, так как это смежная пара
ссс - удаляем сс, так как это пара
dddd - удаляем две пары
Какое значение свойства font-size у элемента span?
Anonymous Quiz
55%
12px
40%
24px
1%
96px
3%
36px
1%
72px