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
Чем отличаются куки-файлы, сессионное хранилище и локальное хранилище?

Локальное хранилище, как можно понять из его названия, это место, которое браузеры могут использовать для локального хранения данных. В нём может храниться до 10 Мб данных. Сессионное хранилище — это разновидность локального хранилища, которое привязано к сессии и удаляется после её завершения. В сессионном хранилище может храниться до 5 Мб данных.

Куки-файлы используются для хранения небольших объёмов данных, не превышающих 4 Кб. Ими может пользоваться браузер, они отправляются с каждым запросом в заголовках и сервер может устанавливать их посредством заголовка "Set-Cookie".
Напишите функцию, которая принимает строку из нескольких слов и преобразует каждую первую букву в слове в заглавную.

Пример:
Исходная строка: "How can mirrors be real if our eyes aren't real"
То что должно получиться: "How Can Mirrors Be Real If Our Eyes Aren't Real"
Какое значение свойства color у элемента div?
Anonymous Quiz
11%
black
78%
green
11%
yellow
Что такое инлайновые элементы?

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

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

Чекбоксов всегда можно выбрать несколько, даже если они относятся к одному вопросу. Т.е. выбрать один, несколько, все или даже не выбрать ни одного. Семантически чекбокс спрашивает согласны ли вы конкретно с тем что в нём написано или нет. Если да - отмечайте галочкой.

А радиобаттон, если он относится к одному вопросу/полю, всегда можно выбрать только один. (Их может быть несколько групп, но выбрать можно только один в каждой группе.) Семантически радиобаттон спрашивает с каким из вариантом в данной группе вы согласны больше всего.

Чтобы связать радиокнопки в группу, нужно задать им аттрибут name с одинаковым значением.
😣 На рынке жёсткий дефицит фронтендеров

Хочешь быстро влиться во фронтенд и через пару лет хвастаться ЗП > 200к?

Вот план для старта:

1. Веб-верстка - 3 месяца
2. JavaScript - 3 месяца
3. Система контроля версий GIT - 1 месяц
4. Онлайн-сессии по вебразработке - 1 месяц
5. Vue.js - 2 месяца
6. React.js - 2 месяца
7. Защита дипломного проекта
8. 💰Трудоустройство💰

Это программа курса Профессия Frontend разработчик от Skillbox.

Да - трудоустройство они тоже берут на себя.

Тут можно получить курс со скидкой 50% 👇
👎1
Какое значение свойства display у элемента button по умолчанию?
Anonymous Quiz
26%
inline
33%
inline-block
35%
block
6%
none
​Что такое тег label и как с ним работать?

label определяет текстовую метку для элемента input. По своему виду метка ничем не отличается от обычного текста, однако она позволяет пользователю выбрать элемент формы простым кликом по тексту, расположенному внутри элемента label, а не по самому элементу input. Чтобы определить к какому элементу формы относится текущая метка, необходимо использовать атрибут for тега label. Значение атрибута for должно быть эквивалентно значению атрибута id того элемента формы, к которому будет относится метка.

Атрибутом "for" можно не пользоваться, если элемент input будет находиться внутри элемента label.

Пример
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male">
<br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female">
</form>

<p>или тоже самое только без использования атрибута for</p>

<form>
<label>Male<input type="radio" name="sex" id="male"></label>
<br>
<label>Female<input type="radio" name="sex" id="female"></label>
</form>
Какое значение примет result?
Anonymous Quiz
12%
false
23%
TypeError
65%
true
Изучаем программирование на JavaScript

Если до этого момента вы не написали ни строчки кода, не беда – эта книга поможет в доступной форме войти в курс дела. Вы узнаете, почему браузеры по-разному реагируют на программы JavaScript и как писать универсальный, понятный всем код. Учебник подойдёт начинающим программистам – формат не покажется скучным или однообразным.
Напишите функцию, которая принимает массив из цифр и строк и возвращает массив только из цифр.

Примеры:
 filter_list([1,2,'a','b'])
//[1,2]

filter_list([1,'a','b',0,15])
//[1,0,15]

filter_list([1,2,'aasf','1','123',123])
//[1,2,123]
Д. Крокфорд – Как устроен JavaScript

Специалист в области JS в доходчивой форме объясняет основы и устройство языка: имена, числа, логические значения, символы и прочее. У всех новичков бывают трудности с типизацией – эта книга поможет научиться их избегать. В конце вас ждут объектно-ориентированный подход, программирование без классов и функции высшего порядка.