Angular фреймворгу боюнча окуу куралы

Angular JavaScript фреймворгу боюнча окуу куралы. Жаңыдан баштагандар үчүн. Көп теория жана тапшырмалар.

Негиздер

Angular фреймворкке киришүү

Angular'да компоненттик ыкмага киришүү

Angular фреймворк орнотуу

Angular долбооруну түзүү

Angular долбоорунун структурасы

Angular долбоордук папкасынын түзүлүшү

Angular'дагы макет файлы

Angular долбоорунун жалпы стилдер файлы

Angular компонентинин структурасы

Angular компонентинин верстка файлы

Angular компонентинин стиль файлы

Angular компоненттин классы бар файл

Темплейт

Angular'да Интерполяция

Angular темплейтиндеги класс компонентинин касиеттери

Angular компонентинин классунун касиеттери атрибуттарында

Angular темплейтиндеги массивдердин касиеттери

Angular шаблоныңдагы объект касиеттери

Angular темплейтиндеги класс компонентинин методдору

Angular'дагы шаблондук өзгөрмөлөр

Angular DOM элементтеринин касиеттерине маанилерди байлоо

Шарттар

Angular'дагы if директивасы

Angularдагы if директивасында салыштыруу операторлору

Angularдагы if конструкциясы

Angularдагы if куруусунда салыштыруу операторлору

Angularдагы else конструкциясы

Angular'дагы else-if конструкциясы

Angular'дагы switch жана case конструкциялары

Angular'дагы ng-template теги

Angular шарттарындагы синтаксистик шекер

Циклдар

Angularдагы for директивасы

Angular'дагы for конструкциясы

Angular'дагы циклдардын итерация индекстери

Angular'дагы циклдин биринчи итерациясы

Angularдагы циклдин акыркы итерациясы

Angularдагы циклдин жуп итерациясы

Angularдагы циклдин так сандуу итерациясы

Окуялар

Angular шаблонындагы окуя иштетүүчүлөрдү байлоо

Angular темплейтиндеги окуя иштетүүчү параметрлер

Angular темплейтиндеги окуяны иштетүүчүдөгү Event объектиси

Event объекти жана Angular темплейтиндеги параметрлер

Angular'дагы реактивдүүлүк

Angularдагы реактивдик циклдар

Angular'дагы шарттуу реактивдүүлүк

Angular'де маалыматтарды эки тараптуу байлоо

Стилдештирүү

Angular компонентинин стилдери

Angular'да CSS классдарын байлоо

Angular'да CSS классдорун көптөгөн байланыштыруу

Angular'да CSS стилдерин байлоо

Angular'дагы тегге CSS стилдерди байлоо

Angular'да стилдерди динамикалык өзгөртүү

Pipelar

Angular'дагы каналдар (pipes)

Angular'да UpperCasePipe каналы аркылуу жогорку регистрге которуу

Angular'дагы канал аркылуу төмөнкү регистрге которуу

Angular'дагы канал аркылуу сапты кесүү

Angular'да каналдарды колдонуп даталарды форматтоо

Angular'да сандарды каналдар менен форматтоо

Angular'да канал аркылуу валютаны форматтоо

Angular'дагы Каналдардын Тизмеги

Angularдагы каналдардын тизмеси

Компоненттер

Angularдагы бала компоненттер

Angular'да бала компонентке маалымат берүү

Angular'да бала компонентке касиеттерди өткөрүү

Angularда компонентти көп жолу чакыруу

Angular'да компонентти цикл менен чакыруу

Angular'да балдар компонентине текст берүү

Angular'да бала компоненттин сеттерине маалыматтарды өткөрүү

Angular'да ата-эне компонентке маалымат ташуу

Angularдагы окуялардын эки тараптуу байланышы

Angular'до бала компонентинин тегын алмаштыруу

Компоненттердин жашоо цикли

Angular компоненттин жашоо цикли

Angularдагы ngOnInit Хук