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

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

Рекламные размещения: @anothertechrock
Download Telegram
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>
21%
<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
26%
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
22%
[[1, 2, 3, 4, 5]]
18%
[1, 2, 3, 4, 5]
11%
[1]
46%
1
4%
Посмотреть ответы
👍21
Введение в Angular: основы и практические навыки

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

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

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

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

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
JavaScript. Какой(-ие) метод(ы) вернет значение 'Hello world!'?
Anonymous Quiz
9%
1
51%
2
21%
2 и 3
8%
Все
11%
Посмотреть ответы
👍1
🤘 Пройди хардкорный тест по JavaScript+Angular

✔️ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer".

⛔️ТЕСТ СМОГЛИ ПРОЙТИ ТОЛЬКО 40% УЧАСТНИКОВ

Время прохождения теста ограничено 25 минут

✍️ПРОЙТИ ТЕСТ: https://vk.cc/cNKdQJ

💣 Пройдете тест и получите:
✔️ Живое общение с экспертами
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML. С помощью какого свойства таблицы можно убрать отступы между границами ячеек?
Anonymous Quiz
81%
border-collapse
2%
bold
4%
shift
8%
clap
5%
Посмотреть результаты
👍1
⚡️Хотите научиться писать надежные тесты для React-приложений и улучшить свои навыки в тестировании?

Присоединяйтесь к открытому уроку «Тестирование React-приложений с помощью React Testing Library» 23 июля в 20:00 МСК! Разберем:
- Основы React Testing Library (RTL): философию и ключевые принципы.
- Разницу между RTL и Enzyme, и почему RTL — лучший выбор.
- Как тестировать рендеринг, события, асинхронный код и кастомные хуки.

Это отличная возможность перед стартом курса «React.js Developer» от OTUS. Все участники получат скидку на обучение и полезные материалы для дальнейшего изучения.

👉Регистрация открыта: https://vk.cc/cNN3aX

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