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

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

Рекламные размещения: @anothertechrock
Download Telegram
🔥Тест по React JS от OTUS🔥

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!

🚀ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS

Курс доступен в рассрочку.

🎁Пройдете успешно тест, получите доступ к открытым урокам курса.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
HTML. С помощью какого тега можно сообщить поисковикам, какая страница является канонической?
Anonymous Quiz
13%
link
67%
meta
7%
url
7%
href
6%
Посмотреть ответы
👍5
JavaScript. Произойдет ли ошибка при выполнении этого кода?
Anonymous Quiz
14%
Да
85%
Нет
1%
Посмотреть ответ
Приглашаем на вебинар курса Fullstack Developer!

📅 Дата: 20 ноября 2024 года

🕗 Время: 20:00 (мск)

📍 Тема: Базовое использование системы контроля версий Git

## Что будет на вебинаре?

- Введение в систему контроля версий, основные команды и концепции (репозитории, коммиты, ветки).

- Как клонировать репозиторий, выполнять слияния и разрешать конфликты при работе в команде.

- Рекомендации по эффективному использованию Git и обзор популярных инструментов для удобства работы (например, GitHub, GitLab).

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

- Основные команды и концепции Git: как использовать команды git init, git add, git commit, git branch и другие. Эти знания помогут создать и управлять своими проектами, отслеживая изменения в коде и организуя свою работу более эффективно.

- Работа с удалёнными репозиториями: научатся клонировать репозитории, отправлять свои изменения и синхронизировать локальные изменения с удалёнными. Эти навыки будут полезны для совместной работы над проектами в командах и использования платформ, таких как GitHub или GitLab.

- Разрешение конфликтов и управление ветками: как управлять различными ветками в проекте и разрешать конфликты, которые могут возникнуть при слиянии изменений. Эти навыки помогут более уверенно работать в команде, минимизируя риски потери данных и улучшая процесс разработки.

Не упустите возможность улучшить свои навыки и стать более уверенным разработчиком! Присоединяйтесь к нашему вебинару и узнайте все секреты работы с Git.

🔗 Зарегистрироваться на вебинар

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
CSS. Как объявить переменную в файле стилей?
Anonymous Quiz
6%
let variable = value;
11%
let(--variable): value;
8%
--variable = value;
69%
--variable: value;
6%
Посмотреть ответы
👍2
⚡️ Открытый урок «Эффективная работа с Next.js и TypeScript»

🗓 25 ноября в 20:00 МСК
🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus.

На вебинаре:

✔️разберем, как создавать масштабируемые и производительные приложения с помощью Next.js и TypeScript;
✔️ поговорим об использовании статической и серверной генерации, работе с маршрутизацией и оптимизации производительности;
✔️обсудим типизацию компонентов и интеграцию с внешними API для создания надежных приложений.

🔗 Ссылка на регистрацию

🎁 Только в "Черную пятницу", скидки на курс до 15%! Подробности у менеджеров.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
HTML. Какое значение атрибута type указывается для поля-галочки в форме?
Anonymous Quiz
2%
id
11%
radio
2%
name
84%
checkbox
1%
Посмотреть ответы
🔥31👍1
Хотите улучшить производительность ваших React-приложений и освоить современные методы разработки?

Присоединяйтесь к нашему бесплатному вебинару "Использование хуков и мемоизации для оптимизации React-приложений"!

На вебинаре вы узнаете:
- Основные API хуки: useState, useEffect, useRef, useContext.
- Как использовать хуки для управления состоянием и побочными эффектами в React-приложениях.
- Как применять мемоизацию для оптимизации производительности компонентов с помощью useCallback, useMemo и React.iss.onemo.

Этот вебинар будет полезен:
- Новичкам, стремящимся освоить React и познакомиться с современными методами разработки и оптимизации.
- JavaScript-разработчикам, которые хотят углубить понимание React и познакомиться с современными техниками управления состоянием и побочными эффектами.
- Frontend-разработчикам, стремящимся улучшить производительность своих React-приложений.

Не упустите возможность повысить свои навыки и улучшить свои проекты!

Зарегистрируйтесь на вебинар прямо сейчас и начните оптимизировать свои React-приложения уже сегодня

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
JavaScript. Каким будет результат?
Anonymous Quiz
33%
"Lamborghini"
49%
"Maserati"
9%
ReferenceError
4%
TypeError
5%
Посмотреть ответы
👍4
Вы опытный web-разработчик? Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!

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

Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.

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

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
CSS. Поддерживаются ли отрицательные значения свойства padding?
Anonymous Quiz
53%
Да
46%
Нет
1%
Посмотреть ответы
👍4
Отложенные вычисления с помощью паттернов

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

Ждем вас на открытом вебинаре 28 ноября в 20:00 мск.

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

1. Как и когда применять шаблоны отложенных вычислений для оптимизации производительности.

2. Практические кейсы.

🎯 Вебинар будет полезен:

• Разработчикам и инженерам, стремящимся улучшить производительность в приложениях.

• Архитекторам ПО, проектирующим масштабируемые и отказоустойчивые системы.

• Тимлидам и техническим руководителям, которые хотят повысить производительность и устойчивость решений своей команды.

В результате вебинара:

• Вы научитесь применять шаблоны Мост, Интерпретатор, Итератор.

Встречаемся в преддверии старта курса «Архитектура и шаблоны проектирования». Все участники получат спец. цену на курс.

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

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
1
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