LUMIFY WORK Angular 12 Бағдарламалау

НЕГЕ ОСЫ КУРСТЫ ОҚУ КЕРЕК

Бұл Angular 12 бағдарламалаудың жан-жақты курсы Angular-ға кіріспе, одан кейін TypeScript, компоненттер, директивалар, қызметтер, HTTP клиенті, тестілеу және жөндеуді қамтитын теориялық оқыту мен практикалық зертханалардың жиынтығы болып табылады.
Курс жұмысыңызға бірден қолдануға болатын пайдалы және әрекет ететін ақпаратқа толы. Бір беттік шолғыш қолданбалары, жауап беру сияқты негізгі Angular 12 әзірлеуінің негіздерін үйреніңіз webсайттар және гибридті мобильді қосымшалар.
Ескерту: Біз сондай-ақ Angular бағдарламасының басқа нұсқалары бойынша жаттығулар жасай аламыз. Сұрау салу немесе қызығушылықты тіркеу үшін бізге хабарласыңыз.

СІЗ НЕ ҮЙРЕДІҢІЗ
Бұл курсты сәтті аяқтағаннан кейін сіз:

• Typescript көмегімен бір беттік бұрыштық қосымшаларды әзірлеу
• Толық бұрыштық әзірлеу ортасын орнатыңыз
• Құрамдас бөліктерді, директиваларды, қызметтерді, құбырларды, пішіндерді және теңшелетін тексерушілерді жасаңыз
• Бақыланатын құралдарды пайдалану арқылы кеңейтілген желілік деректерді іздеу тапсырмаларын өңдеу REST деректерін тұтыну web Бұрыштық HT TP клиентін пайдаланатын қызметтер Push-деректер қосылымдарын пайдалана отырып WebSockets протоколы
• Деректерді пішімдеу үшін бұрыштық құбырлармен жұмыс жасаңыз
• Бұрыштық құрамдас маршрутизатордың кеңейтілген мүмкіндіктерін пайдаланыңыз
• Кірістірілген құралдарды пайдаланып бұрыштық қолданбаларды сынау және жөндеу.

КУРС ТАҚЫРЫПТАРЫ

1-тарау. Бұрышпен кіріспе

• Бұрыштық дегеніміз не?
• Бұрыштық жақтаудың орталық мүмкіндіктері Тиісті пайдалану жағдайлары
• Бұрыштық қолданбаның құрылыс блоктары Бұрыштық қолданбаның негізгі архитектурасы бұрыштық орнату және пайдалану
• Қолданбаны іске қосатын бұрыштық қолданбаның анатомиясы
• Жергілікті мобильді қолданбаларға арналған бұрыштық қолданбаны құру және орналастыру
• Түйіндеме

2-тарау. TypeScript-ке кіріспе

• Angular TypeScript синтаксисімен пайдалануға арналған бағдарламалау тілдері
• Бағдарламалау редакторлары
• Түр жүйесі – айнымалыларды анықтау
• Түр жүйесі – массивтерді анықтау
• Негізгі қарабайыр типтер
• Функцияларды теріңіз
• Қорытынды түрі
• Сыныптарды анықтау
• Сынып әдістері
• Көрінуді бақылау
• Класс конструкторлары
• Класс конструкторлары – балама пішіннің инициализацияланбаған өрістері
• Интерфейстер
• ES6 модульдерімен жұмыс істеу
• var vs let
• Жебе функциялары
• Көрсеткі функциясы Ықшам синтаксис үлгі жолдары
• Сыныптағы генериктер
• Функциядағы генериктер
• Түйіндеме

3-тарау. Құрамдас бөліктер

• Компонент дегеніміз не?
• Эксample Component
• Angular CLI көмегімен құрамдас құру
• Компоненттер класы
• @Component декораторы
• Компонентті оның модулі құрамдас үлгісіне тіркеу
• Example: HelloComponent үлгісі
• Example: Құрамдас бөлікті пайдаланатын HelloComponent класы
• Қолданбаны іске қосыңыз
• Компоненттер иерархиясы
• Қолданбаның түбірлік құрамдас бөлігі
• Bootstrap File
• Құрамдастардың қызмет ету циклінің ілмектері, мысалыample Lifecycle Hooks
• CSS мәнерлері
• Түйіндеме

4-тарау. Құрамдас үлгілер

• Үлгілер
• Үлгі орны
• Мұртты {{ }} синтаксисі
• DOM элементінің сипаттарын орнату
• Элементтің негізгі мәтінін орнату
• Оқиғаны байланыстыру
• Өрнекті оқиға өңдеушісі
• Әдепкі өңдеуді болдырмау
• Атрибуттар директивалары
• CSS сыныптарын өзгерту арқылы мәнерлерді қолданыңыз
• Example: ngClass
• Мәнерлерді тікелей қолдану
• Құрылымдық директивалар
• Шартты орындау үлгісі
• Example: ngIf
• ngFor көмегімен цикл
• ngЖергілікті айнымалылар үшін
• Коллекцияны басқару Example – Элементті жою
• ngSwitch топтастыру элементтерімен элементтерді ауыстыру үшін ngFor көмегімен элементті бақылау
• Үлгі анықтамалық айнымалы жиынтық

5-тарау. Компоненттер аралық байланыс

• Коммуникация негіздері
• Деректер ағынының архитектурасы
• Баланы мәліметтерді қабылдауға дайындау
• Ата-анадан деректерді жіберу
• Сипаттар орнату туралы толығырақ
• Құрамдас бөліктен іске қосу оқиғасы
• @Output() Мысалыample – еншілес құрамдас @Output() Мысалыample – Негізгі құрамдас
• Толық екі жақты байланыстыру
• Негізгі бөлімде деректерді екі жақты байланыстыруды орнату
• Түйіндеме

6-тарау. Үлгіге негізделген пішіндер

• Үлгіге негізделген пішіндер
• Пішіндерді импорттау модулі
• Негізгі тәсіл
• Пішінді орнату
• Пайдаланушы енгізуін алу
• ngForm төлсипатын өткізіп жіберу
• Пішінді инициализациялаңыз
• Екі жақты деректерді байланыстыру
• Пішінді тексеру
• Бұрыштық валидаторлар
• Класстарды пайдаланып тексеру күйін көрсету Қосымша енгізу түрлері
• Құсбелгілер
• (Ашылмалы) өрістерді таңдаңыз
• Таңдау (Ашылмалы) Күн өрістері үшін көрсету опциялары
• Радио түймелері
• Түйіндеме

7-тарау. Реактивті формалар

• Реактивті пішіндер аяқталдыview
• Құрылыс блоктары
• ReactiveFormsModule импорттау
• Пішін құрастыру
• Үлгіні құрастырыңыз
• Енгізу мәндерін алу
• Енгізу өрістерін инициализациялау
• Пішін мәндерін орнату
• Енгізу өзгерістеріне жазылу
• Валидация
• Кірістірілген валидаторлар
• Тексеру қатесі көрсетілуде
• Теңшелетін валидатор
• Теңшелетін валидаторды пайдалану
• Теңшелімді тексеру құралына жеткізу
• FormArray – кірістерді динамикалық түрде қосу
• FormArray – Құрамдас класс
• FormArray – Үлгі
• FormArray – Мәндер
• Ішкі пішін топтары – құрамдас класс
• Ішкі пішін топтары – HTML үлгісі
• Неліктен Ішкі пішін топтарын пайдалану керек
• Түйіндеме

8-тарау. Қызметтер және тәуелділік инъекциясы

• Қызмет дегеніміз не?
• Негізгі қызметті құру
• Қызмет көрсету класы
• Тәуелділік инъекциясы дегеніміз не?
• Қызметтік дананы енгізу
• Инжекторлар
• Инжектор иерархиясы
• Қызметті түбірлік инжектормен тіркеу
• Қызметті құрамдас инжектормен тіркеу
• Функциялық модуль инжекторымен қызметті тіркеңіз
• Қызметті қайда тіркеу керек?
• Басқа артефактілердегі тәуелділік инъекциясы балама іске асыруды қамтамасыз ететін тәуелділік инъекциясы және @Host
• Тәуелділік инъекциясы және @Optional
• Түйіндеме

9-тарау. HTTP клиенті

• Angular HT TP клиенті
• HT TP клиентін пайдалану – аяқталдыview
• HttpClientModule импорттау
• HttpClient арқылы қызмет көрсету
• GET сұрауын жасау
• Бақыланатын объект не істейді?
• Қызметті құрамдас бөлікте пайдалану
• PeopleService клиентінің құрамдас бөлігінің қатесін өңдеу
• Қате нысанын теңшеу
• POST сұрауын жасау
• PUT сұрауын жасау
• ЖОЮ сұрауын жасау

10-тарау. Құбырлар және деректерді пішімдеу

• Құбырлар дегеніміз не?
• Кіріктірілген құбырлар
• Құбырларды HTML үлгісін тізбектеу құбырларында пайдалану
• Интернационалдандырылған құбырлар (i18n) Жергілікті деректер жүктелуде
• Күн құбыры
• Құбыр саны
• Валюталық құбыр
• Пайдаланушы құбырын жасаңыз
• Пайдаланушы құбыры Example
• Пайдаланушы құбырларды пайдалану
• ngFor көмегімен құбырды пайдалану
• Сүзгі құбыры
• Құбыр санаты: таза және таза емес
• Түйіндеме
• Таза құбыр Example
• Таза емес құбыр Example
• Түйіндеме

11-тарау. Бір беттік қолданбаларға кіріспе

• Бір беттік қолданба (SPA) дәстүрлі дегеніміз не Web Қолданба
• SPA жұмыс процесі
• Бір бет қолданбасы Advantages HTML5 History API
• SPA сынақтары
• Бұрыштық қорытындыны пайдалану арқылы SPA-ны іске асыру

12-тарау. Бұрыштық құрамдас маршрутизатор

• Құрамдас маршрутизатор
• View Навигация
• Angular Router API
• Маршрутизатор қосылған қолданба жасау
• Бағытталған құрамдастарды орналастыру
• Сілтемелер мен түймелерді пайдалану арқылы шарлау
• Бағдарламалық навигация
• Өткізу маршрутының параметрлері
• Маршрут параметрлерімен шарлау
• Маршрут параметрінің мәндерін алу
• Маршрут параметрін синхронды түрде шығарып алу
• Маршрут параметрін асинхронды түрде шығарып алу
• Сұрау параметрлері
• Сұрау параметрлерін жеткізу
• Сұрау параметрлерін асинхронды түрде шығарып алу
• Нұсқаулықпен байланысты мәселелер URL енгізу және бетбелгі қою
• Түйіндеме

13-тарау. Кеңейтілген HTTP клиенті

• Сұраныс опциялары
• HttpResponse нысанын қайтару
• Сұраныс тақырыптарын орнату
• Жаңа бақыланатындарды құру
• Қарапайым бақылауды құру
• Бақыланатын конструктор әдісі Бақыланатын операторлар
• Карта және сүзгі операторлары
• flatMap() операторы
• tap() операторы
• zip() комбинаторы
• HT TP жауабын кэштеу
• Кезекті HT TP қоңырауларын жасау
• Параллель қоңыраулар жасау
• catchError() арқылы қате нысанын теңшеу
• Құбырдағы қате
• Қатені қалпына келтіру
• Түйіндеме

14-тарау. Бұрыштық модульдер

• Неліктен бұрыштық модульдер?
• Модуль сыныбының анатомиясы
• @NgModule сипаттары
• Мүмкіндік модульдері
• ExampМодуль құрылымы
• Домен модулін жасаңыз
• Бағытталған/бағыттау модулі жұбын жасаңыз
• Қызметтік модуль жасаңыз
• Жалпы модульдерді құру

15-тарау. Кеңейтілген маршруттау

• Бағыттау мүмкіндігі қосылған модуль
• Мүмкіндік модулін пайдалану
• Мүмкіндік модулін жалқау жүктеу
• Мүмкіндік модулінің құрамдас бөліктері үшін сілтемелер жасау
• Жалқау жүктеу туралы толығырақ
• Модульдерді алдын ала жүктеу
• Әдепкі маршрут
• Қойылмалы таңба маршрут жолы
• қайта бағыттау
• Балалар маршруттары
• Балалар маршруттарын анықтау
• Балалар маршруттары үшін
• Балалар маршруттарына сілтемелер
• Навигациялық күзетшілер
• Күзет енгізулерін құру
• Маршрутта күзетшілерді пайдалану
• Түйіндеме

16-тарау. Бірліктерді сынау бұрыштық қолданбалар

• Бұрыштық артефактілерді сынақтан өткізу
• Тестілеу құралдары
• Әдеттегі сынақ қадамдары
• Сынақ нәтижелері
• Jasmine Test Suites
• Жасмин сипаттамалары (бірлік сынақтары)
• Күтулер (бекітулер)
• Матчтар
• ExampСәйкестіктерді пайдалану
• емес сипатын пайдалану
• Unit Test Suites жүйесінде орнату және бұзу
• ExampbeforeEach және afterEach функцияларының le
• Бұрыштық сынақ модулі
• ExampБұрыштық сынақ модулі
• Қызметті сынау
• Қызметтік дананы енгізу
• Синхронды әдісті тексеру
• Асинхронды әдісті тексеру
• Mock HT TP клиентін пайдалану
• Консервіленген жауап беру
• Компонентті сынау
• Компоненттік сынақ модулі
• Құрамдас данасын жасау
• ComponentFixture сыныбы
• Негізгі құрамдас тесттер
• DebugElement сыныбы
• Пайдаланушы әрекетін имитациялау
• Түйіндеме

17-тарау. Түзету

• Біттіview Бұрыштық жөндеу
• ViewDebugger ішіндегі TypeScript кодын енгізу
• Түзеткіш кілт сөзін пайдалану
• Түзету журналы
• Angular DevTools дегеніміз не?
• Angular DevTools қолдану
• Бұрыштық DevTools – Құрамдас құрылым
• Бұрыштық DevTools – Анықтауды орындауды өзгерту
• Синтаксистік қателерді анықтау
• Түйіндеме

Зертханалық жаттығулар

• Зертханалық жұмыс 1. Бұрыштыққа кіріспе
• Зертханалық жұмыс 2. TypeScript бағдарламасына кіріспе
• Зертханалық жұмыс 3. Компоненттерге кіріспе
• Зертхана 4. Құрамдас үлгі
• Зертханалық жұмыс 5. Фотогалерея компонентін құру
• Зертханалық жұмыс 6. Үлгіге негізделген пішін
• Зертханалық жұмыс 7. Өңдеу пішінін жасаңыз
• Зертханалық жұмыс 8. Реактивті форма
• Зертхана 9. Қызметті әзірлеу
• Зертханалық жұмыс 10. HT TP клиентін әзірлеу
• Зертхана 11. Құбырларды қолдану
• Зертханалық жұмыс 12. Маршрутизатор зертханасын пайдалану арқылы негізгі бір беттік қолданба 13. Бір беттік қолданбаны (SPA) құру
• Зертхана 14. Жетілдірілген HT TP клиенті
• Зертханалық жұмыс 15. Бұрыштық жүктеуді қолдану
• Зертхана 16. Жалқау модульді жүктеу
• Зертхана 17. Жетілдірілген маршруттау
• Зертхана 18. Бірліктерді сынау
• Зертханалық жұмыс 19. Бұрыштық қолданбаларды жөндеу

КУРС КІМ ҮШІН?
Бұл курс Angular 12 әзірлеу негіздерін үйренуге және оны жасауда қолдануды қажет ететін кез келген адамға бағытталған web қолданбалар бірден. Біз сондай-ақ бұл оқу курсын үлкенірек топтарға жеткізе аламыз және теңшей аламыз – ұйымыңыздың уақытын, ақшасын және ресурстарын үнемдейміз.

Алғышарттар
Web HTML, CSS және JavaScript көмегімен әзірлеу тәжірибесі осы бұрыштық курстан барынша пайда алу үшін қажет. DOM браузерін білу де пайдалы. AngularJS немесе Angular кез келген нұсқасы бар алдыңғы бұрыштық тәжірибе қажет емес.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Құжаттар / Ресурстар

LUMIFY WORK Angular 12 Бағдарламалау [pdf] Пайдаланушы нұсқаулығы Бұрыштық 12 программалау, бұрыштық, 12 бағдарламалау, бағдарламалау

Анықтамалар

• Пайдаланушы нұсқаулығы