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

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

Рекламные размещения: @anothertechrock
Download Telegram
HTML. Какой код необходимо вставить внутрь слова, чтобы разрешить перенос (через дефис) на следующую строку в этом месте?

К примеру: воздухоКОДплавательница
Anonymous Quiz
18%
<wordbreak>
34%
&break;
16%
&shy;
23%
<wbr>
9%
Посмотреть ответы
👍6🤣3💩2
Открытый вебинар "Создание веб-компонентов и использование Shadow DOM"

🎁Полный обзор веб-компонентов: создание независимых, повторно используемых элементов интерфейса на чистом JavaScript и Shadow DOM

На практике изучите:

- Изоляция стилей и поведения, создание защищенных компонентов.

- Примеры создания интерфейсов, работающих с нативным JavaScript и интегрируемых с фреймворками, такими как React и Vue, где уже есть поддержка для веб-компонентов.

Что узнают участники?

Как создать нативные веб-компоненты с использованием JavaScript и Shadow DOM — мощные, инкапсулированные элементы для долгосрочной поддержки.

🤖 Методы работы с Shadow DOM — независимость от остального кода и адаптация под любые задачи

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

🔥Регистрируйтесь на урок 4 декабря, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
CSS. Какое CSS-свойство вставляет в элемент перенос строки?
Anonymous Quiz
28%
word-wrap
14%
wrap
25%
text-wrap
30%
word-break
3%
Посмотреть ответы
👍2
JavaScript. Каким будет результат?
Anonymous Quiz
42%
123
18%
456
13%
undefined
21%
ReferenceError
7%
Посмотреть ответы
🥴6🤨5🔥32
Создание микросервиса

Присоединяйтесь к нашему открытому уроку и погрузитесь в основы разработки микросервисов

🚀На вебинаре вы узнаете:

1. Основные принципы проектирования микросервисов: разделение на небольшие независимые компоненты, которые взаимодействуют через API.

2. Способы интеграции микросервисов с помощью REST API, gRPC или очередей сообщений (RabbitMQ, Apache Kafka).

3. Подходы к тестированию, отладке и мониторингу микросервисов для обеспечения их корректной работы в продакшене.

Практика: Расскажем, как проектировать микросервисную архитектуру, выбирать технологии и инструменты для её реализации.

👉 Регистрация и подробности о курсе «Архитектура и шаблоны проектирования»

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👍7
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
10%
‘Olaf’
24%
SyntaxError
22%
ReferenceError
28%
TypeError
12%
undefined
4%
Посмотреть ответы
Обработка исключений и SOLID

Присоединяйтесь к нашему открытому уроку и погрузитесь в основы обработки исключений и SOLID

🚀На вебинаре вы узнаете:

1. Как реализовать обработку исключений в соответствии с принципами SOLID

2. Как избежать распространения ошибок при обработке исключений

3. Как минимизировать подверженность программного кода изменениям

Практика: На этом вебинаре мы разберём, как грамотно организовать включение исключений в программном коде, следуя принципам SOLID. Вы научитесь писать код, который не только легко поддерживается, но и который надежно обрабатывает ошибки, минимизируя их влияние на работу системы.

👉 Регистрация и подробности о курсе «Архитектура и шаблоны проектирования»

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
CSS. Свойство, устанавливающее, как отображать границы вокруг ячеек таблицы, называется...
Anonymous Quiz
37%
border
33%
border-collapse
25%
border-style
3%
border-inherit
2%
Посмотреть ответы
👍3🤔1
JavaScript. Что выведется в консоль?
Anonymous Quiz
18%
1 1 2
14%
1 2 2
15%
0 1 2
45%
0 2 2
8%
Посмотреть ответ
🔥7👾21
Открытый урок «Оптимизация работы компонентов в React.js».
Когда: 29 января в 20:00 мск.

На вебинаре вы узнаете:
- Как работать с оптимизацией в React.js
- Особенности работы функциональных компонентов и хуков
- Трюк с мемоизацией коллбеков для списка элементов

Встречаемся в преддверии старта курса «React.js Developer» Otus.
Все участники вебинара получат специальную цену на обучение!

Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
🔥1
React 19: что нового в самой популярной библиотеке для создания интерфейсов? Узнайте первыми!

Новые хуки, улучшения рефов, кастомные элементы — React становится ещё удобнее. И мы готовы рассказать, как использовать это на практике.

Хотите быть на пике технологий? На открытом вебинаре 6 февраля в 19:00 мск разберём, как применять нововведения React 19 в реальных проектах.

Все участники получат скидку на большое обучение «React.js Developer» — идеальный способ прокачать навыки.

Записаться

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
CSS. Какое значение свойства display у элемента input по умолчанию?
Anonymous Quiz
32%
block
38%
inline
29%
inline-block
2%
Посмотреть ответы