Що таке Angular?
Angular — це відкритий JavaScript фреймворк, розроблений Google, призначений для створення динамічних веб-додатків, особливо SPA (односторінкових додатків).
Angular побудований на TypeScript, використовує потужну систему компонентів, директив, сервісів та модулів.
Основні особливості Angular
- TypeScript — строгий типізація та розширення JavaScript.
- Архітектура MVVM — розділення логіки, вигляду та стану.
- Компонентний підхід — інтерфейс побудований з повторно використовуваних компонентів.
- Впровадження залежностей — вбудований механізм управління залежностями.
- Маршрутизація — навігація між сторінками без перезавантаження.
- RxJS — реактивне програмування з Observables.
- CLI — потужний Angular CLI для генерації коду, збірки та тестування.
- Універсальний рендеринг — підтримка SSR (Angular Universal).
Що ви можете зробити з Angular?
- Створення односторінкових додатків (SPA).
- Розробка корпоративних рішень з модульною архітектурою.
- Побудова прогресивних веб-додатків (PWA).
- Інтеграція з REST та GraphQL API.
- Робота з формами, валідацією, анімаціями та локалізацією.
Простий приклад компонент
typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-hello',
template: `<h1>Hello, {{ name }}!</h1>`,
})
export class HelloComponent {
name = 'Angular';
}html
<!-- десь у HTML -->
<app-hello></app-hello>Angular vs React vs Vue
| Характеристика | Angular | React | Vue |
|---|---|---|---|
| Тип | Фреймворк | Бібліотека | Фреймворк |
| Мова | TypeScript | JavaScript + JSX | JavaScript + шаблони |
| Крива навчання | Середня / висока | Низька / середня | Низька |
| Архітектура | MVVM, модульна | Тільки вигляд, декларативна | MVVM |
| Корпоративна підтримка | Meta (Facebook) | Alibaba, індивідуальні |
Цікава інформація:
Angular є другим поколінням. Раніше існував AngularJS (v1.x), який не сумісний з новою версією (v2+).
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.