Задачи по Frontend
7.68K subscribers
166 photos
51 links
Задачки по Frontend в виде опросов. Поможет вам начать разбираться в верстке и frontend разработке

По контенту: @aldrson

Рекламные размещения: @anothertechrock
Download Telegram
👍21
HTML. С помощью какого тега нужно задавать подписи к полям формы?
Anonymous Quiz
5%
type
6%
field
85%
label
3%
id
1%
Посмотреть ответы
👍1
CSS. Как правильно сделать тень для текста серого цвета?
Anonymous Quiz
15%
box-shadow: 5px 5px 0 #000
35%
text-shadow: 5px 5px 0 #01DFD7
41%
text-shadow: 5px 5px 0 #848484
4%
Посмотреть ответы
1👍1
HTML. Чтобы в HTML вывести текст «как есть», отображая все пробелы, нужно поместить этот текст внутрь тега...
Anonymous Quiz
2%
<h1>
4%
<strong>
20%
<p>
72%
<pre>
2%
Посмотреть ответы
👍1🔥1
CSS. Есть такой CSS-код:
body {font-size: 14pt;} p {font-size: 2em;}
Какой размер текста будет в теге <p>?
Anonymous Quiz
6%
7pt
6%
12pt
10%
16pt
76%
28pt
2%
Посмотреть ответы
👍1🥰1
HTML. Какой атрибут элемента <input> блокирует поле для ввода данных?
Anonymous Quiz
93%
disabled
1%
check
1%
autofocus
4%
hidden
1%
Посмотреть ответы
👍1
CSS. Какой селектор позволяет обратиться к соседнему (находящемуся непосредственно после данного) элементу?
Anonymous Quiz
19%
elem1 ~ elem2 { ... }
41%
elem1 + elem2 { ... }
29%
elem1 > elem2 { ... }
10%
elem1 elem2 { ... }
1%
Посмотреть ответы
🤔4👍1
Папки images и pages лежат в корне сайта. Внутри папки pages находится файл page.html. А внутри папки images находится файл foto.jpg. Как правильно написать путь к foto.jpg из файла page.html?
Anonymous Quiz
74%
../images/foto.jpg
10%
../images/pages/foto.jpg
10%
images/foto.jpg
5%
pages/images/foto.jpg
1%
Посмотреть ответы
😁5👍2
👍1
HTML. Какого значения атрибута type у тега <input> НЕ существует?
Anonymous Quiz
12%
tel
21%
textarea
27%
image
23%
reset
15%
hidden
2%
Посмотреть ответы
👍2
CSS. Какие два псевдоэлемента иногда используют для декорирования, к примеру, создания декоративной полоски под или над блоком?
Anonymous Quiz
1%
:back, :front
3%
:startelem, :endelem
85%
:before, :after
9%
:first-line, :last-line
2%
Посмотреть ответы
👍1
HTML. Какой тег отвечает за ячейку внутри таблицы?
Anonymous Quiz
7%
<th>
12%
<tr>
73%
<td>
7%
<tc>
2%
Посмотреть ответы
👍1
CSS. Как в нумерованном списке вывести римские числа вместо арабских?
Anonymous Quiz
42%
list-style: rom
12%
list-num-style: upper-rom
42%
list-style-type: upper-roman
4%
Посмотреть ответы
👍2
HTML. Какой атрибут позволяет создавать свои атрибуты для хранения произвольной информации?
Anonymous Quiz
10%
aria-*
11%
custom-*
6%
date-*
69%
data-*
4%
Посмотреть ответы
👍3
🥾 Первый шаг в Angular - создаем приложение с нуля

Вводное знакомство с Angular - современным фреймворком для разработки веб-приложений. Мы расскажем о его основных концепциях, структуре и возможностях.

👉 Какие ключевые темы и вопросы будут рассмотрены на вебинаре?
- Что такое Angular и зачем он нужен
- Основные компоненты Angular:Модули, компоненты, директивы, пайпы, сервисы
- Работа с данными: привязка данных (data binding)
- Основы маршрутизации (routing)
- Простая форма и валидация
- Как запустить и протестировать приложение
- Какие результаты и навыки получат участники после вебинара?
Бесплатный вебинар проходит в рамках курса “Angular Developer“

Регистрация и подробнее о курсе Angular Developer - https://vk.cc/cNveSP

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👍1
JavaScript. Каким будет результат?
Anonymous Quiz
21%
[[1, 2, 3, 4, 5]]
18%
[1, 2, 3, 4, 5]
11%
[1]
46%
1
4%
Посмотреть ответы
👍2
Введение в Angular: основы и практические навыки

В ходе занятия познакомимся с основными концепциями Angular, разберем его ключевые компоненты и научимся создавать интерактивные и структурированные приложения. Что такое модули, компоненты, директивы, пайпы и сервисы, а также освоите работу с данными через привязку, настроите маршрутизацию и создадите простую форму с валидацией.

👉Какие ключевые темы и вопросы будут рассмотрены на вебинаре?
- Поймут, как устроен Angular и как с ним работать.
- Сумеют самостоятельно создать простое одностраничное приложение.
- Освоят основы архитектуры приложения: компоненты, модули и маршруты.
- Получат опыт настройки форм и базовой проверки данных.
- Будут готовы к дальнейшему изучению Angular и построению полноценных проектов.

Бесплатный вебинар проходит в рамках курса “Angular Developer“

Регистрация и подробнее о курсе Angular Developer - https://vk.cc/cNGAZb

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576