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

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Какая из перечисленных команд позволяет переименовать git ветку?
Anonymous Quiz
38%
git branch -m
13%
git checkout -b
39%
get branch -n
5%
git branch -d
6%
git branch -c
​Преобразование массива в объект с группировкой и фильтрацией элементов

Напишите функцию, которая на вход принимает массив из студентов, где студент — это объект с полями «имя», «возраст» и «номер группы» {name: string, age: number, groupId: number}, а на выходе возвращает объект, где ключ — это номер группы, а значение — массив из студентов старше 17 лет.

👉 @frontendInterview
Какой из перечисленных модификаторов доступа устанавливается по-умолчанию всем свойствам и функциям класса?
Anonymous Quiz
83%
public
11%
private
6%
protected
Бессерверные приложения на jаvascript

Преимущества облачных бессерверных веб-приложений бесспорны: меньшая сложность, быстрое продвижение на рынок и автоматическая масштабируемость выгодно отличают их от традиционных серверных проектов. А благодаря поддержке jаvascript в AWS Lambda и мощным новым бессерверным инструментам, таким как библиотека Claudia.js, вы можете создавать и развертывать бессерверные приложения, не изучая новый язык. Данная книга научит вас проектировать и создавать бессерверные веб-приложения на AWS с использованием jаvascript, Node и Claudia.js.

👉 @frontendInterview
Sentences with Functions

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

Примеры:
Adam(has(a(dog()))); // must return "Adam has a dog."
The(name(of(the(dog(is(also(Adam()))))))); // must return "The name of the dog is also Adam."


👉 @frontendInterview
Как показать пользователю уведомление о том, что в его браузере не включен javascript?

Контейнер <noscript> показывает свое содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных случаях браузер игнорирует этот тег и все, что располагается внутри него.

<noscript>Your browser does not support JavaScript!</noscript>

👉 @frontendInterview
Почему важен порядок добавления скриптов на страницу?

Библиотеки следует добавлять раньше, чем скрипты, которые их используют

Например, следующий фрагмент приведет к ошибке «Uncaught ReferenceError: jQuery is not defined»
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.js"></script>


👉 @frontendInterview
Какое значение line-height у элемента div?
Anonymous Quiz
64%
10px
5%
60px
17%
90px
13%
15px
Как проверить, что свойство существует в объекте?

// проверяем наличие свойства в объекте и его прототипах
 if ('someProperty' in object) {
// делаем что-то
}

// проверяем свойство только в конкретном объекте
if (object.hasOwnProperty('someProperty')) {
// делаем что-то
}


👉 @frontendInterview
Какое значение примет result?
Anonymous Quiz
19%
false
51%
SyntaxError
30%
true
Full-Stack React, TypeScript, and Node (2020)

React устанавливает стандарт для создания высокопроизводительных клиентских веб-приложений. Node.js используется на тысячах веб-сайтов, в то время как GraphQL становится стандартным способом для крупных веб-сайтов предоставлять данные и услуги своим пользователям. Все вместе эти технологии, усиленные возможностями TypeScript, становятся передовым стеком для разработки веб-приложений.

👉 @frontendInterview
Противоположности притягиваются

Создайте функцию, которая принимает два числа. Если одно из чисел четное, а другое нечетное, то функция должна вернуть true. Иначе false.

👉 @frontendInterview