• CSS Grid отлично подходит для макетов с нестандартным или асимметричным дизайном.
• Flexbox отлично подходит для выравнивания содержимого внутри элементов.
• Нет причин применять только CSS Grid или только Flexbox. Изучайте их и используйте совместно.

Видео про создание кастомного чекбокса

ng add @nguniversal/express-engine --clientProject 
npm run build:ssr && npm run serve:ssr

• @ViewChild - querySelector
• @ViewChildren - querySelectorAll
• @ContentChild - querySelector внутри ng-content
• @ContentChildren - querySelectorAll внутри ng-content

Представлены 2 варианта решения, как сослаться на локальную переменную шаблона (#myVar) за пределами шаблона:

• @ViewChild
• @ViewChildren

Используйте console.dir(), например console.dir($0)

Вкратце об writeValue & registerOnChange, пример простого кастомного контрола формы.

Код из Logger Service с angular.io sources

Clean Code concepts adapted for TypeScript. Inspired from clean-code-javascript

Bracket Pair Colorizer

Методы GET, PUT, DELETE являются идемпотентными - многократные идентичные запросы такого типа приводят к такому же эффекту, как и от одиночного запроса, при условии что не сервер не меняет своё состояние между запросами

npm set registry https://registry.npmjs.org/

• Значение HTML атрибута указывает начальное значение;
• Значение DOM свойства является текущим значением;
• Атрибуты инициализируют DOM свойства.

Написание простого модального окна на StencilJS с кратким объяснением

import { of, from } from 'rxjs'; 
import { map, concatMap, delay } from 'rxjs/operators';

from([2,4,6,8]).pipe(
  concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log);

Про :host, :host-context(selector) и :host-context(selector)

Кратко об декораторах @Self, @SkipSelf, @Host, @Optional. Отличие @Host от @Self

В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.

Для решения проблемы существует 2 подхода:

• Binding стилей через DomSanitizer.bypassSecurityTrustStyle
• Манипуляция через element.style.setProperty(cssVaribale, value);

console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px');

Понадобилось найти дубликаты файлов фотографий с учётом разных имён. Требовалось проанализровать ~ 50 000 файлов. Перепробованы множество программ и только одна справилась с задачей.

Краткая инструкция по созданию Angular библиотеки компонентов с помощью Angular CLI. Публикация и использование npm пакета библиотеки.

После анализа bundl'a разрабатываемого приложения меня насторожил момент, что lodash занимает хороший такой кусок в 95kb, хотя используется всего 3 функции. И вот к чему привели поиски.

Пример условного перенаправления пользователя в зависимости от некого количества

• 0 - dashboard
• 1 - карточка
• 2 и более - список

Официальное руководство рекомендует использовать декораторы @HostListener и @HostBinding.

Создание и использования переменных окружения в Angular с использованием CLI >= 6 версии.

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {