Skip to content

Latest commit

 

History

History
62 lines (38 loc) · 2.95 KB

README.md

File metadata and controls

62 lines (38 loc) · 2.95 KB
Raw

Простое 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 на примере массивов

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

Tests

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

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

Example