Обмежений доступ для гостей

Вам доступно 3 уроки з цього курсу безкоштовно.

  • Коментарі доступні тільки авторизованим користувачам
  • Прогрес зберігається тільки 0:00
🔒
КурсиFrontend розробка / Основи Angular

Основи Angular

Вигляд:

Модуль 1. Вступ до Angular

1

Що таке Angular?

Знайомство з фреймворком Angular

2

Встановлення Angular CLI

Налаштування інструментів розробки

3

Створення першого проекту

Команда ng new та параметри

4

Структура Angular проекту

Огляд файлів та папок

5

Запуск та збірка проекту

Команди ng serve та ng build

Модуль 2. Основи TypeScript

6

TypeScript в Angular

Роль TypeScript у розробці

7

Типи даних

Базові та складні типи

8

Інтерфейси та класи

ООП в TypeScript

9

Декоратори

Метапрограмування в TypeScript

10

Модулі ES6

Import та export

Модуль 3. Компоненти

11

Анатомія компонента

Структура Angular компонента

12

Декоратор @Component

Налаштування компонента

13

Шаблони компонентів

Template та templateUrl

14

Стилі компонентів

Styles та styleUrls

15

Життєвий цикл компонента

Lifecycle hooks

16

Взаємодія компонентів

@Input та @Output

Модуль 4. Data Binding

17

Інтерполяція

Синтаксис {{ }}

18

Property Binding

Зв'язування властивостей [property]

19

Event Binding

Обробка подій (event)

20

Two-way Binding

Двостороннє зв'язування [(ngModel)]

21

Template Reference Variables

Локальні посилання #ref

22

Safe Navigation Operator

Оператор ?.

Модуль 5. Директиви

23

Вступ до директив

Типи директив в Angular

24

*ngIf та *ngIf else

Умовний рендеринг

25

*ngFor та trackBy

Ітерація по колекціях

26

*ngSwitch

Множинні умови

27

Атрибутні директиви

ngClass та ngStyle

28

Створення власних директив

Custom directives

Модуль 6. Pipes

29

Вбудовані pipes

Огляд стандартних pipes

30

DatePipe та форматування дат

Робота з датами

31

Pipes для чисел та валют

DecimalPipe та CurrencyPipe

32

AsyncPipe

Робота з Observable

33

Створення власних pipes

Custom pipes

Модуль 7. Сервіси та DI

34

Що таке сервіси?

Призначення сервісів

35

Створення сервісу

Команда ng generate service

36

Dependency Injection

Принцип впровадження залежностей

37

providedIn та провайдери

Реєстрація сервісів

38

Ін

Використання конструктора

39

Спільний стан через сервіси

Обмін даними між компонентами

Модуль 8. Routing

40

Налаштування RouterModule

Підключення маршрутизації

41

Визначення маршрутів

Конфігурація Routes

42

RouterLink та навігація

Посилання та програмна навігація

43

Параметри маршруту

ActivatedRoute та params

44

Дочірні маршрути

Вкладена маршрутизація

45

Route Guards

Захист маршрутів

Модуль 9. Форми

46

Template-driven форми

Форми на основі шаблонів

47

Reactive Forms

FormGroup та FormControl

48

FormBuilder

Спрощене створення форм

49

Валідація форм

Вбудовані валідатори

50

Кастомні валідатори

Власна логіка валідації

51

Динамічні форми

FormArray та динамічні поля

Модуль 10. HTTP Client

52

HttpClientModule

Підключення HTTP клієнта

53

GET запити

Отримання даних з API

54

POST, PUT, DELETE запити

Модифікація даних

55

Обробка помилок та інтерцептори

Error handling та interceptors

Модуль 11. RxJS Основи

56

Observables та Subscribers

Основи реактивного програмування

57

Основні оператори

map, filter, tap

58

Subject та BehaviorSubject

Мультикастинг подій

Модуль 12. Збірка та деплой

59

Оптимізація продуктивності

OnPush, lazy loading, trackBy

60

Збірка та деплой Angular додатку

ng build та хостинг

Коментарі

💬

Коментарі доступні тільки для авторизованих користувачів