Простое Front-end испытание

Испытание состоит из:

• 1-го простейщего входного вопроса
• 2-ух простых испытаний по HTML / CSS
• 1-ой задачке по JS: немного работы с массивами
• 1-ого тестика на навыки работы с DOM и Событиями

Ответы находятся в папке /withAnswers

1. div vs span

вопрос: Чем отличиается div от span?

дополнительно: Можно ли внутрь span добавить div?

<span>
	<div>Content</div>
</span>

2. Базовый HTML и CSS. Выравнивание

Нужно выровнять блок и текст по центру по горизонтали.

• Старт

дополнительно: Попробуйте выровнять блок по вертикали:

• Старт

3. Простая сетка

Если ширина окна >480px, aside контент занимает 1/3 экрана:

Если ширина окна <=480px, сначала aside контент, потом основной. На всю ширину:

• Старт

4. Базовый JS на примере массивов

• Скопировать массив
• Перевернуть массив
• Дублировать массива

• Старт

5. DOM, События - 2-way binding

Нужно сделать простейший 2-way data binding. Есть <input type="text" />. Пользователь вводит текст, и изменения сразу же отображаются в элементе <p>. По клику на кнопку Очистить текст чистится из input и p.

• Старт