Проведите код-ревью вот такого кода:
<!DOCTYPE html>
<html>
<head>
<title>Сто голов - сто умов</title>
</head>
<body>
<header class="header">Жара в шапку не нагребешь</header>
<main>
<div class="nav" style="background: red;">
<a class="link" href="#">Поди туда, не знаю куда</a> // TODO: define href
<div class="button" role="button">Принеси то, не знаю что</div>
</div>
<article>
<p class="paragraph-1">We couldn't delete some posts.<br />
Please contact so-called «Support Master».</p>
<p> </p>
<p class="paragraph-2">
<img src="confused.png" border="0" />
</p>
<p>Введите имя (от 4 до 8 символов). Это очень важно!</p>
<input class="name-input" type="text" />
</article>
</main>
<footer class="footer">Вы действительно уверены, что пол не может также быть потолком?</footer>
</body>
</html>.header {
font-family: Helvetica;
font-size: 18px;
}
.nav {
font-size: 14px;
}
.paragraph-1 {
font-style: italic;
color: #e7e7e7;
margin: 5px;
padding: 20px;
}
.paragraph-2 {
font-style: italic;
color: #e7e7e7;
margin: 5px;
padding: 20px;
}
.name-input:focus {
outline: none;
}Скажем, вы работаете над большим Реакт-компонентом. Пропсов довольно много и они все разнообразные по типу — строки, коллбеки, объекты и массивы. Вам бы хотелось оптимизировать количество апдейтов. Какой бы код вы написали внутри shouldComponentUpdate?
Представьте, что вам нужно сделать небольшой калькулятор. Например: https://journal.tinkoff.ru/halturka/. Какими технологиями вы бы воспользовались, какой бы выбрали фреймворк и как организовали бы код?
Как бы вы организовали данные, которые требуются для создания вот такой игры: https://arzamas.academy/mag/710-beatlesplus?
Допустим, дизайнер предлагает вам внедрить в проект вариативный шрифт вместо Гельветики. Файл font.ttf весит 800 Кб. Что будете делать?