ҚОЛДАНБА ЖӘНЕ WEB ДАМУ
Бұрыштық 15 бағдарламалау
ҰЗЫНДЫҚ 5 күн
НҰСҚА 15
НЕГЕ ОСЫ КУРСТЫ ОҚУ КЕРЕК
Бұл қарқынды және жан-жақты Angular 15 оқу курсы тыңдаушыларға өз жұмыстарында бірден қолдана алатын дағдыларды береді. Сіз Angular 15 әзірлеуінің негіздерін үйренесіз, мысалы, бір беттік шолғыш қолданбасының иондары, жауап беретін webсайттар және гибридті мобильді қолданба иондары.
Бұл курс Angular бағдарламасына кіріспе ионын, одан кейін TypeScript, құрамдас бөліктер, тікелей бағдарламалар, қызметтер, HTTPClient, тестілеу және жөндеуді қамтитын теориялық оқыту мен практикалық зертханалардың біріккен ионы.
Ескерту: Біз сондай-ақ Angular-тың басқа нұсқалары бойынша тренинг өткізе аламыз. Сұрау салу немесе қызығушылықты тіркеу үшін бізге хабарласыңыз.
ЖҰМЫС ЖҰМЫСЫНДАҒЫ БҰРЫШТЫҚ
СІЗ НЕ ҮЙРЕДІҢІЗ
Осы курсты сәтті аяқтағаннан кейін сіз келесі білімге ие боласыз:
- Typescript көмегімен бір беттік бұрыштық қолданбалы иондарды әзірлеу
- Толық бұрыштық әзірлеу ортасын орнатыңыз
- Құрамдас бөліктерді, тікелей бағдарламаларды, қызметтерді, құбырларды, пішіндерді және теңшелетін тексерушілерді жасаңыз
- Observables көмегімен кеңейтілген желілік деректерді іздеу тапсырмаларын орындаңыз
- REST деректерін тұтыну web бұрыштық HTTP клиентін пайдаланатын қызметтер
- көмегімен push-деректерді қосу иондарын өңдеңіз WebРозетка протоколы
- Деректерді пішімдеу үшін бұрыштық құбырлармен жұмыс жасаңыз
- Бұрыштық құрамдас маршрутизатордың кеңейтілген мүмкіндіктерін пайдаланыңыз
- Кірістірілген құралдарды пайдаланып бұрыштық қолданбалы иондарды сынау және жөндеу
- Angular CLI-мен жұмыс
Менің нұсқаушым нақты жағдайға қатысты сценарийлерді нақты әлемге енгізе алатын керемет болды.
Мен келген сәттен бастап мені жақсы қарсы алды және сыныптан тыс жерде біздің жағдайлар мен мақсаттарымызды талқылау үшін топ болып отыру мүмкіндігі өте құнды болды.
Мен көп нәрсені білдім және осы курсқа қатысу арқылы алға қойған мақсаттарыма жетуді маңызды деп санадым.
Керемет жұмыс Lumify жұмыс тобы.
АМАНДА НИКОЛ
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED
КУРС ТАҚЫРЫПТАРЫ
- Бұрышпен таныстыру
• Бұрыш дегеніміз не?
• Бұрыштық жақтаудың орталық мүмкіндіктері
• Тиісті пайдалану жағдайлары
• Бұрыштық қолданбаның құрылыс блоктары
• Бұрыштық қолданбаның негізгі архитектурасы
• Angular орнату және пайдалану
• Бұрыштық қолданбалы ионның анатомиясы
• Қолданба ионын іске қосу
• Қолданбаны құру және орналастыру
• Жергілікті мобильді қолданбаларға арналған бұрыштық - TypeScript бағдарламасына кіріспе
• Angular көмегімен қолдануға арналған бағдарламалау тілдері
• TypeScript синтаксисі
• Бағдарламалау редакторлары
• Түр жүйесі – айнымалыларды анықтау
• Түр жүйесі – массивтерді анықтау
• Негізгі бастапқы типтер
• Функция иондарын теріңіз
• Қорытынды теріңіз
• Сыныптарды анықтау
• Сынып әдістері
• Көрінуді басқару
• Класс конструкторлары
• Класс конструкторлары – Баламалы пішін
• Басталмаған өрістер
• Интерфейстер
• ES6 модульдерімен жұмыс істеу
• var vs let
• Көрсеткі функциялары
• Көрсеткі функциясының ықшам синтаксисі
• Үлгі жолдары
• Сыныптағы генериктер
• Функция ионындағы генериктер - Құрамдас бөліктер
• Компонент дегеніміз не?
• Мысалыample Component
• Angular CLI көмегімен құрамдас құру
• Құрамдас бөліктер класы
• @Component декораторы
• Оның модуліне компонентті тіркеу
• Құрамдас үлгі
• Мысалыample: HelloComponent үлгісі
• Мысалыample: HelloComponent сыныбы
• Құрамдас бөлікті пайдалану
• Қолданбаны іске қосыңыз
• Компоненттер иерархиясы
• Қолданбалы иондық түбір компоненті
• Bootstrap File
• Құрамдастардың қызмет ету циклінің ілмектері
• Мысалыample Lifecycle Hooks
• CSS мәнерлері - Құрамдас үлгілер
• Үлгілер
• Үлгі орны
• Мұртты {{ }} синтаксисі
• DOM элементінің сипаттарын орнату
• Элементтің негізгі мәтінін орнату
• Оқиғаны байланыстыру
• Өрнекті оқиға өңдегіші
• Әдепкі өңдеуді болдырмау
• Атрибуттар директивалары
• CSS сыныптарын өзгерту арқылы мәнерлерді қолдану
• Мысалыample: ngClass
• Мәнерлерді тікелей қолдану
• Құрылымдық директивалар
• Шартты орындау үлгісі
• Мысалыample: ngIf
• ngFor көмегімен цикл
• ngЖергілікті айнымалылар үшін
• Жинақты өңдеу
• Мысалыample – Элементті жою
• ngFor көмегімен элементті қадағалау
• ngSwitch көмегімен элементтерді ауыстыру
• Топтастыру элементтері
• Үлгі анықтамалық айнымалы - Компоненттер аралық байланыс
• Коммуникация негіздері
• Деректер ағынының архитектурасы
• Баланы деректерді қабылдауға дайындау
• Ата-анадан деректерді жіберу
• Сипаттар орнату туралы қосымша
• Құрамдас бөліктен іске қосу оқиғасы
• @Output() Мысалыample – еншілес компонент
• @Output() Мысалыample – Негізгі құрамдас
• Толық екі жақты байлау
• Негізгі бөлімде деректерді екі жақты байланыстыруды орнату - Үлгі e Driven Forms
• Үлгіге негізделген пішіндер
• Пішіндер модулін импорттау
• Негізгі тәсіл
• Пішінді орнату
• Пайдаланушы енгізуін алу
• ngForm төлсипатын өткізіп жіберу
• Пішінді инициализациялаңыз
• Екі жақты деректерді байланыстыру
• Пішінді тексеру
• Бұрыштық валидаторлар
• Класстарды пайдалану арқылы Валидация ионының күйін көрсету
• Қосымша енгізу түрлері
• Құсбелгілер
• (Ашылмалы) өрістерді таңдаңыз
• Таңдау үшін көрсету опциялары (ашылмалы төмен)
• Күн өрістері
• Радио түймелері - Реактивті формалар
• Реактивті пішіндер аяқталдыview
• Құрылыс блоктары
• Реактивті пішіндер модулін импорттау
• Пішін құру
• Үлгіні құрастырыңыз
• Енгізілген мәндерді алу
• Енгізу өрістерін инициализациялау
• Пішін мәндерін орнату
• Енгізу өзгерістеріне жазылу
• Валидация
• Кірістірілген валидаторлар
• Тексеру қатесін көрсету
• Теңшелетін тексеру құралы
• Теңшелетін тексеру құралын пайдалану
• Теңшелетін тексеру құралына конфигурацияны беру
• FormArray – кірістерді динамикалық түрде қосу
• FormArray – Құрамдас класы
• FormArray – Үлгі
• FormArray – Мәндер
• Ішкі пішін топтары – құрамдас класс
• Ішкі пішін топтары – HTML үлгісі
• Ішкі пішін топтарын не үшін пайдалану керек - Қызметтер және тәуелділік инъекциясы
• Қызмет дегеніміз не?
• Негізгі қызметті жасау
• Қызмет көрсету класы
• Тәуелділік инъекциясы дегеніміз не?
• Қызметтік дананы енгізу
• Инжекторлар
• Инжектор иерархиясы
• Қызметті түбірлік инжектормен тіркеу
• Қызметті құрамдас инжектормен тіркеу
• Функциялық модуль инжекторы бар қызметті тіркеңіз
• Қызметті қайда тіркеу керек?
• Басқа артефактілерге тәуелділік енгізу
• Балама енгізуді қамтамасыз ету
• Тәуелділік инъекциясы және @Host
• Тәуелділік инъекциясы және @Optional - HTTP клиенті
• Бұрыштық HTTP клиенті
• HTTP клиентін пайдалану – аяқталдыview
• HttpClientModule импорттау
• HttpClient арқылы қызмет көрсету
• GET сұрауын жасау
• Бақыланатын объект не істейді?
• Қызметті құрамдас бөлікте пайдалану
• PeopleService клиент құрамдас бөлігі
• Қатені өңдеу
• Қате нысанын теңшеу
• POST сұрауын жасау
• PUT сұрауын жасау
• ЖОЮ сұрауын жасау - Құбырлар және деректерді пішімдеу
• Құбырлар дегеніміз не?
• Кірістірілген құбырлар
• HTML үлгісінде құбырларды пайдалану
• Құбырларды шынжырлау
• Халықаралық стандартталған құбырлар (i18n)
• Жергілікті деректер жүктелуде
• Күн құбыры
• Құбыр саны
• Валюталық құбыр
• Пайдаланушы құбырын жасаңыз
• Custom Pipe Example
• Пайдаланушы құбырларды пайдалану
• ngFor көмегімен құбырды пайдалану
• Сүзгі құбыры
• Құбыр санаты: таза және таза емес
• Таза құбыр Example
• Таза емес құбыр Example - Бір беттік қолданбаларға кіріспе
• Бір беттік қолданбалы ион (SPA) дегеніміз не
• Дәстүрлі Web Қолданба
• SPA жұмыс процесі
• Бір бет қолданбасы Advantages
• HTML5 History API
• SPA сынақтары
• Angular көмегімен SPA-ны іске асыру - Бұрыштық құрамдас маршрутизатор
• Құрамдас маршрутизатор
• View Навигация
• Angular Router API
• Маршрутизатор қосылған қолданба жасау
• Бағытталған құрамдастарды орналастыру
• Сілтемелер мен түймелерді пайдалану арқылы шарлау
• Бағдарламалық шарлау
• Өткізу маршрутының параметрлері
• Бағыт параметрлерімен шарлау
• Маршрут параметрінің мәндерін алу
• Маршрут параметрін синхронды түрде шығарып алу
• Бағыт параметрін асинхронды түрде шығарып алу
• Сұрау параметрлері
• Сұрау параметрлерін жеткізу
• Сұрау параметрлерін асинхронды түрде шығарып алу
• Нұсқаулықпен байланысты мәселелер URL енгізу және бетбелгі қою - Жетілдірілген HTTP клиенті
• Сұрау опциялары
• HttpResponse нысанын қайтару
• Сұраныс тақырыптарын орнату
• Жаңа бақыланатындарды жасау
• Қарапайым бақылауды жасау
• Бақыланатын конструктор әдісі
• Бақыланатын операторлар
• Карта және сүзгі операторлары
• flatMap() операторы
• Tap() операторы
• zip() комбинаторы
• HTTP жауабын кэштеу
• Кезекті HTTP қоңырауларын жасау
• Параллельді қоңыраулар шалу
• catchError() арқылы қате нысанын теңшеу
• Құбырдағы қате
• Қатені қалпына келтіру - Бұрыштық модульдер
• Неліктен бұрыштық модульдер?
• Модуль сыныбының анатомиясы
• @NgModule сипаттары
• Мүмкіндік модульдері
• МысалыampМодуль құрылымы
• Домен модулін жасау
• Бағытталған/Бағыттау модулі жұбын жасаңыз
• Қызметтік модуль жасаңыз
• Жалпы модульдерді жасау
• Бір модульді екіншісінен пайдалану - Жетілдірілген маршруттау
• Бағыттау мүмкіндігі қосылған модуль
• Мүмкіндік модулін пайдалану
• Мүмкіндік модулін жалқау жүктеу
• Мүмкіндік модулінің құрамдас бөліктері үшін сілтемелер жасау
• Жалқау жүктеу туралы қосымша
• Модульдерді алдын ала жүктеу
• routerLinkActive байланыстыру
• Әдепкі маршрут
• Қойылмалы таңба маршрут жолы
• қайта бағыттау
• Балаларға арналған маршруттар
• Балаларға арналған маршруттарды анықтау
• Балалар бағыттарына арналған сілтемелер
• Навигациялық күзетшілер
• Күзет енгізулерді құру
• Жолда күзетшілерді пайдалану - Бірліктерді сынау бұрыштық қолданбалар
• Бұрыштық артефактілерді сынақтан өткізу
• Тестілеу құралдары
• Тестілеудің әдеттегі қадамдары
• Сынақ нәтижелері
• Jasmine Test Suites
• Жасмин сипаттамалары (бірлік сынақтары)
• Күтулер (Иондарды бекіту)
• Сәйкестендірушілер
• МысалыampСәйкестіктерді пайдалану
• емес сипатын пайдалану
• Unit Test Suites жүйесінде орнату және бұзу
• МысалыampbeforeEach және afterEach функцияларының le
• Бұрыштық сынақ модулі
• МысалыampБұрыштық сынақ модулі
• Қызметті сынау
• Қызметтік дананы енгізу
• Синхронды әдісті тексеру
• Асинхронды әдісті тексеру
• Жалған HTTP клиентін пайдалану
• Консервіленген жауап беру
• Құрамдас бөлікті сынау
• Компоненттік сынақ модулі
• Құрамдас данасын жасау
• ComponentFixture сыныбы
• Негізгі құрамдас сынақтар
• DebugElement сыныбы
• Пайдаланушы әрекетін модельдеу - Түзету
• Біттіview Бұрыштық жөндеу
• ViewDebugger ішіндегі TypeScript кодын енгізу
• Түзеткіш кілт сөзін пайдалану
• Түзету журналы
• Angular DevTools дегеніміз не?
• Angular DevTools пайдалану
• Angular DevTools – Құрамдас құрылым
• Angular DevTools – Анықтау ионының орындалу ионын өзгерту
• Синтаксистік қателерді анықтау
КУРС КІМ ҮШІН?
Бұл курс Angular 15 әзірлеу негіздерін үйренуге және оны құруға бірден қолдануды қажет ететін кез келген адамға арналған. web қолданбалар.
Біз сондай-ақ бұл оқу курсын үлкенірек топтарға жеткізе аламыз және теңшей аламыз – ұйымыңыздың уақытын, ақшасын және ресурстарын үнемдейміз. Қосымша ақпарат алу үшін электрондық пошта арқылы бізге хабарласыңыз ph.training@lumifywork.com
Алғышарттар
- Web HTML, CSS және JavaScript арқылы әзірлеу тәжірибесі осы бұрыштық курстан барынша пайда алу үшін қажет
- DOM браузерін білу де пайдалы
- Angular немесе AngularJS тәжірибесі қажет емес
Lumify Work арқылы осы курстарды жеткізу брондау шарттары мен ережелерімен реттеледі.
Осы курсқа жазылмас бұрын шарттарды мұқият оқып шығыңыз, өйткені курсқа тіркелу осы e ережелері мен шарттарын қабылдауға байланысты.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Құжаттар / Ресурстар
 |
LUMIFY WORK Angular 15 Бағдарламалау [pdf] Пайдаланушы нұсқаулығы Бұрыштық 15 программалау, программалау |
