Angular фреймворкі бойынша оқулық

Angular JavaScript фреймворкі бойынша оқулық. Жаңадан бастаушыларға арналған. Көптеген теория және тапсырмалар.

Негіздер

Angular фреймворкіне кіріспе

Angular-дағы компоненттік тәсілге кіріспе

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

Angular жобасын құру

Angular жобасының құрылымы

Angular жобасының жұмыс қалтасының құрылымы

Angular-дағы макет файлы

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

Angular компонентінің құрылымы

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

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

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

Үлгі

Angular-дағы интерполяция

Компонент класының қасиеттері Angular темплейтінде

Компонент класының қасиеттерін Angular атрибуттарында пайдалану

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

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

Компонент класының әдістерін Angular үлгісінде қолдану

Angular-дағы Үлгі Айнымалылары

DOM элементтерінің қасиеттеріне мәндерді байлау Angular-да

Шарттар

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

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

Angular-та if құрылымы

Angular-тағы if құрылымындағы салыстыру операторлары

Angular-дағы else құрылымы

Else-if құрылымы Angular-да

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 компонентінің стильдері

CSS сыныптарын Angular-да байланыстыру

Angular-та CSS кластарын біріктіру

CSS стильдерін Angular-да байлау

CSS стильдерін Angular тегіне байлау

Angular-да стильдерді динамикалық өзгерту

Құбырлар

Angular-дағы pipes каналдары

Angular-дағы UpperCasePipe арқылы жолды бас әріпке түрлендіру

Angular-дағы арна арқылы төменгі регистрге аудару

Жолды арна арқылы қию Angular-де

Angular-да күндерді форматтау DatePipe арқылы

Angular-те сандарды каналдар арқылы пішімдеу

Angular-та ағын арқылы валютаны пішімдеу

Angular-та арналар тізбегі

Angular-дағы арналар тізімі

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

Angular-тегі балаңдар компоненттер

Дерек компонентке деректерді беру Angular-те

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

Angular-да компонентті бірнеше рет шақыру

Angular-да циклде компонентті шақыру

Angular-да балалық компонентке мәтінді жіберу

Деректерді Angular-дағы бала компонентінің сеттеріне жеткізу

Дерекке компонентке деректер жіберу Angular-де

Angular-дағы оқиғалардың екіжақты байланысы

Angular-дағы балалық компонент тегін өзгерту

Компоненттердің өмірлік циклы

Angular компонентінің өмірлік циклы

Angular-дағы ngOnInit хукі