Изучите такие паттерны, как Facade, Adapter, Singleton, Prototype, Builder, Proxy и Factory для проектирования современного программного обеспечения.

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

• Поддержание соединений с базами данных
• Создание и управление объектами
• Уведомление множества пользователей, подписанных на определенную сущность.

Если вы попытаетесь найти решение самостоятельно, вам, скорее всего, придется приложить немало усилий, чтобы решить эти проблемы и разработать оптимальные решения.

Но это совсем не обязательно!

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

Итак, давайте рассмотрим наиболее часто встречающиеся паттерны проектирования, которые могут понадобиться вам при работе с Node.js.

Скорее всего, вы с удовольствием использовали пиксели (px) в Sketch и Figma, не задумываясь об этом. Это то, что стоит в этих программах по-умолчанию и прекрасно работает. Тем более все еще распространена практика pixel perfect, которая так удачно накладывается на пиксели.

Использование flex для центрирования в CSS - это, пожалуй, самый правильный вариант сегодня.

.gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}

Но это далеко не единственный вариант.

Давайте представим, что вам необходимо выровнять по горизонтали несколько inline-* элементов. text-align: center; сделает это буквально в одну строку.

See the Pen Centering Inline Elements by Chris Coyier (@chriscoyier) on CodePen.

А что, если вам надо отцентрировать эти же элементы относительно родительского элемента? Это легко сделать с помощью width: fit-content для родительского контейнера.

See the Pen Centering Unknown Width Parent by Chris Coyier (@chriscoyier) on CodePen.

Что такое веб-приложение? Какие его основные признаки? Чем веб-приложение отличается от веб-сайта?

Это пятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind