Вопросы и ответы для собеседования по Angular 5

Предлагаю ознакомиться с 15 вопросами для собеседования по Angular 5. К каждому вопросу имеет краткое пояснение.

1. Что такое npm?
   NPM — это менеджер пакетов для Node JS. Он используется для установки зависимостей для библиотек на Javascript.
2. Что такое Angular CLI? Как установить Angular CLI?
   Angular CLI это командный интерфейс Angular, который запускает Webpack. Чтобы установить Angular CLI воспользуйтесь командой:
   npm install -g @angular/cli
3. Как создать новый проект, используя Angular CLI?
   После установки Angular CLI необходимо выполнить следующую команду, что создать проект с названием project-name в каталоге project-name:
   ng new project-name
4. Что такое декораторы?
   Декораторы это функции, которые добавляют метаданные к членам класса и функциям.
   Decorators are functions that adds metadata to class members and functions. Декораторы были предложены в ES2016 и реализованы в Typescript.
5. Какие есть способы привязки данных в Angular 5?
   Angular 5 поддерживает 4 способа привязки данных (data binding)
   • строковая интерполяция
   • привязка свойств
   • привязка событий
   • двусторонняя привязка
6. Как запустить приложение на Angular 5 локально?
   ng serve
   С помощью этой команды можно запустить приложение Angular 5 локально. По умолчанию проект будет доступен в браузере по адресу localhost:4200. Вместо 4200 можно указать любой другой свободный порт следующим образом:
   ng serve -p номерПорта
7. Из чего состоят компоненты в Angular 5? Как сгенерировать новый компонент?
   Компоненты в Angular 5 состоят из декоратора @Component и класса самого компонента.
   Чтобы создать новый компонент, можно воспользоваться следующей командой:
   ng generate component component_name
8. Как импортируются модули в Angular 5?
   В Angular 5 модули импортируются с помощью такого кода:
   import { ModuleName } from 'someWhere';
9. Что такое $event в Angular 5?
   В Angular 5 $event это зарезервированное ключевое слово, которое используется для передачи данных сгенерированного события (event data).
   Обычно $event используется как параметр методов, вызываемых по каким-либо событиям.
10. Для чего в Angular 5 используются двойные фигурные скобки?
    Двойные фигурные скобки используются для интерполяции данных в шаблоне.
11. Для чего нужна директива *ngFor?
    *ngFor используется для обхода по списку (массиву) элементов для генерации DOM-элементов для каждого или вывода каких-либо данных.
12. Для чего нужен Webpack в Angular 5?
    Webpack это бандлер (сборщик) модулей для Angular 5. Он собирает, минифицирует и транспилирует приложение на Angular.
13. Что такое транспилирование (Transpiling)?
    Транспилирование это процесс конвертирования кода из одного языка программирования в другой. В Angular происходит конвертация TypeScript в JavaScript, чтобы браузерный движок мог интерпретировать написанное.
14. Каков жизненный цикл компонента в Angular 5?
    В Angular жизненный цикл компонента выглядит следующим образом:
    • создание
    • рендеринг
    • создание и рендеринг вложенных компонентов
    • проверка привязанных данных и перерисовка шаблона
    • уничтожение
15. Что такое NgModule?
    NgModule это декоратор в Angular, который добавляет данные, описывающие модуль.