КОЛДОНУУ ЖАНА WEB ӨНҮГҮҮ
Бурчтук 15 программалоо
Узундук 5 күн
VERSION 15
ЭМНЕ ҮЧҮН БУЛ КУРСТУ ОКУУ КЕРЕК
Бул интенсивдүү жана комплекстүү Angular 15 окуу курсу катышуучуларга өз ишинде дароо колдоно ала турган көндүмдөрдү берет. Сиз Angular 15 иштеп чыгуунун негиздерин үйрөнөсүз, мисалы, бир беттик браузердин колдонмо иондору, жооп берүү webсайттар жана гибриддик мобилдик колдонмо иондору.
Бул курс теориялык үйрөнүү менен практикалык лабораториялардын жыйындысы болуп саналат, ал Angular программасына киришүүнү, андан кийин TypeScript, компоненттерди, түз программаларды, кызматтарды, HTTPClientти, тестирлөө жана мүчүлүштүктөрдү оңдоону камтыйт.
Эскертүү: Биз ошондой эле Anguların башка версиялары боюнча тренинг өткөрө алабыз. Сураныч, суроо же кызыгууңузду каттоо үчүн биз менен байланышыңыз.
LUIFY ИШТЕГИ БУРЧтук
ЭМНЕ ҮЙРӨНӨСҮҢ
Бул курсту ийгиликтүү аяктагандан кийин, сиз төмөнкү билимдерге ээ болосуз:
- Typescript аркылуу бир беттик бурчтук колдонмо иондорун иштеп чыгуу
- Толук Angular өнүктүрүү чөйрөсүн орнотуу
- Компоненттерди, түз иваларды, кызматтарды, түтүктөрдү, формаларды жана ыңгайлаштырылган текшерүүчүлөрдү түзүңүз
- Observables аркылуу өркүндөтүлгөн тармактык маалыматтарды издөө тапшырмаларын аткарыңыз
- RESTтен берилиштерди керектөө web Angular HTTP Client аркылуу кызматтар
- колдонуу менен push-маалыматтарды туташтыруу иондорун иштетүү WebСокет протоколу
- Маалыматтарды форматтоо үчүн бурчтуу түтүктөр менен иштөө
- Өркүндөтүлгөн бурчтук компонент роутер функцияларын колдонуңуз
- Киргизилген куралдарды колдонуу менен бурчтук колдонмо иондорун сынап, мүчүлүштүктөрдү оңдоо
- Angular CLI менен иштөө
Менин инструкторум менин конкреттүү кырдаалыма байланыштуу сценарийлерди реалдуу дүйнөгө киргизе алган.
Мен келгенден тартып мени жылуу тосуп алышты жана класстан тышкары топ болуп отуруп кырдаалыбызды жана максаттарыбызды талкуулоо абдан баалуу болду.
Мен көп нерсени үйрөндүм жана бул курска баруу менен менин максаттарыма жетүүнү маанилүү деп эсептедим.
Мыкты жумуш Lumify Work командасы.
АМАНДА НИКОЛ
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED
КУРС ТЕМАЛАРЫН
- Angular менен тааныштыруу
• Angular деген эмне?
• Бурчтук алкактын борбордук өзгөчөлүктөрү
• Тиешелүү колдонуу учурлары
• Бурчтук колдонмонун курулуш блоктору
• Бурчтук колдонмонун негизги архитектурасы
• Angular орнотуу жана колдонуу
• Бурчтук колдонмо ионунун анатомиясы
• Колдонмо ионун иштетүү
• Колдонмону түзүү жана жайылтуу
• Native мобилдик колдонмолор үчүн бурчтук - TypeScriptге киришүү
• Angular менен колдонуу үчүн программалоо тилдери
• TypeScript синтаксиси
• Программалоочу редакторлор
• Түр системасы – Өзгөрмөлөрдү аныктоо
• Тип системасы – Массивдерди аныктоо
• Негизги примитивдүү түрлөрү
• Функция иондорун териңиз
• Корутундуну териңиз
• Класстарды аныктоо
• Класстык методдор
• Көрүнүүнү көзөмөлдөө
• Класстын конструкторлору
• Класстын конструкторлору – Альтернативдүү форма
• Башталбаган талаалар
• Интерфейстер
• ES6 модулдары менен иштөө
• var vs let
• Жебе функциялары
• Arrow Function Compact синтаксиси
• Үлгү саптары
• Класста генериктер
• Функция ионундагы генериктер - Компоненттер
• Компонент деген эмне?
• Ан Example Component
• Angular CLI колдонуу менен компонентти түзүү
• Компонент классы
• @Component Decorator
• Анын модулунун компонентин каттоо
• Компоненттин шаблону
• Мисample: HelloComponent шаблону
• Мисample: HelloComponent классы
• Компонентти колдонуу
• Колдонмону иштетиңиз
• Компонент иерархиясы
• Колдонмо ионунун тамыр компоненти
• The Bootstrap File
• Компоненттин жашоо циклинин илгичтери
• Мисample Lifecycle Hooks
• CSS стилдери - Компоненттик шаблондор
• Калыптар
• Калыптын жайгашкан жери
• Мурут {{ }} синтаксиси
• DOM элементинин касиеттерин орнотуу
• Элементтин негизги текстин орнотуу
• Event Binding
• Expression Event Handler
• Демейки иштетүүнү болтурбоо
• Атрибуттар директивалары
• CSS класстарын өзгөртүү менен стилдерди колдонуңуз
• Мисample: ngClass
• Стильдерди түз колдонуу
• Структуралык Директивалар
• Шартты аткаруу шаблону
• Мисample: ngIf
• ngFor аркылуу цикл
• ngLocal Variables үчүн
• Коллекцияны башкаруу
• Мисample – бир нерсени жок кылуу
• ngFor менен нерсеге көз салуу
• ngSwitch менен элементтерди алмаштыруу
• Топтоо элементтери
• Үлгү Шилтеме өзгөрмө - Компоненттер аралык байланыш
• Коммуникациянын негиздери
• Маалымат агымынын архитектурасы
• Баланы маалыматтарды кабыл алууга даярдоо
• Ата-энеден берилиштерди жөнөтүү
• Продукцияларды орнотуу жөнүндө көбүрөөк
• Компоненттен күйүү окуясы
• @Output() Мисample – Бала компоненти
• @Output() Мисample – Ата-эне компоненти
• Толук эки тараптуу байланыш
• Ата-энеде эки тараптуу маалымат байланышын орнотуу - Templat e Driven Forms
• Калыпка негизделген формалар
• Формалар модулун импорттоо
• Негизги мамиле
• Форма орнотуу
• Колдонуучунун киргизүүсүн алуу
• ngForm атрибутун өткөрүп жиберүү
• Форманы инициализациялаңыз
• Маалыматтарды эки жол менен байланыштыруу
• Форманы текшерүү
• Бурчтук текшерүүчүлөр
• Класстарды колдонуу менен Валидат ионунун абалын көрсөтүү
• Кошумча киргизүү түрлөрү
• Белгилөө кутучалары
• (Төмөн түшүүчү) талааларды тандаңыз
• Тандоо үчүн рендеринг параметрлери (ылдый түшүүчү)
• Дата талаалары
• Радио баскычтары - Реактивдүү формалар
• Реактивдүү формалар бүттүview
• Курулуш блоктору
• Импорттук Reactive FormsModule
• Форма түзүңүз
• Шаблонду долбоорлоо
• Киргизилген маанилерди алуу
• Киргизүү талааларын инициализациялоо
• Форма баалуулуктарын орнотуу
• Киргизүү өзгөрүүлөрүнө жазылуу
• Валидация
• Камтылган текшерүүчүлөр
• Текшерүү катасын көрсөтүү
• Ыңгайлаштырылган текшерүүчү
• Ыңгайлаштырылган текшергичти колдонуу
• Ыңгайлаштырылган текшерүүчүгө конфигурацияны берүү
• FormArray – Киргизүүлөрдү динамикалык кошуу
• FormArray – Компонент классы
• FormArray – Калып
• FormArray – Маанилер
• Sub FormGroups – Компонент классы
• Sub FormGroups – HTML шаблону
• Эмне үчүн Sub FormGroups керек - Кызматтар жана көз карандылык инъекциясы
• Кызмат деген эмне?
• Негизги Кызматты түзүү
• Кызмат классы
• Көз карандылык инъекциясы деген эмне?
• Кызмат инстанциясын киргизүү
• Инжекторлор
• Инжектор иерархиясы
• Кызматты Root Injector менен каттоо
• Компоненттин инжектору менен кызматты каттоо
• Функция модулунун инжектору менен кызматты каттаңыз
• Кызматты кайдан каттатуу керек?
• Башка артефакттарга көз карандылыкты киргизүү
• Альтернативдик ишке ашырууну камсыз кылуу
• Көз карандылык Injection жана @Host
• Көз карандылык Injection жана @Optional - HTTP кардары
• Angular HTTP кардары
• HTTP кардарын колдонуу – Бүттүview
• HttpClientModule импорттоо
• HttpClient колдонуу кызматы
• GET өтүнүчүн түзүү
• Байкоочу объект эмне кылат?
• Кызматты компонентте колдонуу
• PeopleService Кардар Компоненти
• Ката менен иштөө
• Ката объектисин ыңгайлаштыруу
• POST өтүнүчүн жасоо
• PUT өтүнүчүн жасоо
• ЖОЮУ өтүнүчүн жасоо - Түтүктөр жана маалыматтарды форматтоо
• Түтүктөр деген эмне?
• Камтылган түтүктөр
• HTML шаблондо түтүктөрдү колдонуу
• чынжырчалар
• Эл аралык түтүктөр (i18n)
• Жергиликтүү дайындар жүктөлүүдө
• Дата түтүгү
• Сан түтүк
• Валюта түтүгү
• Ыңгайлаштырылган түтүктү түзүү
• Custom Pipe Example
• Ыңгайлаштырылган түтүктөрдү колдонуу
• ngFor менен түтүктү колдонуу
• Фильтр түтүгү
• Түтүк категориясы: Таза жана Таза эмес
• Pure Pipe Example
• Таза эмес түтүк Example - Жалгыз беттик колдонмолорго киришүү
• Single Page Applicat ion (SPA) деген эмне
• Салттуу Web Колдонмо
• SPA Workflow
• Бир беттик колдонмо Advantages
• HTML5 History API
• SPA чакырыктары
• Angular колдонуу менен SPA ишке ашыруу - Бурчтук компонент роутер
• Компоненттик роутер
• View Навигация
• Angular Router API
• Роутер иштетилген тиркемени түзүү
• Багытталган компоненттерди жайгаштыруу
• Шилтемелерди жана баскычтарды колдонуу менен навигация
• Программалык навигация
• Өтүү маршрутунун параметрлери
• Маршрут параметрлери менен навигация
• Маршруттун параметринин маанилерин алуу
• Маршруттун параметрин синхрондуу түрдө алуу
• Маршруттун параметрин асинхрондук түрдө алуу
• Суроо параметрлери
• Суроо параметрлерин берүү
• Суроо параметрлерин асинхрондук түрдө алуу
• Кол менен көйгөйлөр URL кирүү жана Bookmarking - Өркүндөтүлгөн HTTP кардары
• Сурам опциялары
• HttpResponse объектисин кайтаруу
• Сурамдын баштарын орнотуу
• Жаңы Байкоолорду түзүү
• Жөнөкөй байкоону түзүү
• Байкоочу конструктор методу
• Байкоочу операторлор
• Карта жана чыпка операторлору
• flatMap() оператору
• Tap() оператору
• zip() Combinator
• HTTP жоопту кэштөө
• Кезектеги HTTP чалууларды жасоо
• Параллель чалууларды жасоо
• Ката объектисин catchError() менен ыңгайлаштыруу
• Куурдагы ката
• Ката калыбына келтирүү - Бурчтук модулдар
• Эмне үчүн бурчтук модулдар?
• Модуль классынын анатомиясы
• @NgModule касиеттери
• Функция модулдары
• Мисample Module Structure
• Домен модулун түзүү
• Багытталган/Багыттоо модулунун жуптарын түзүү
• Кызмат модулун түзүү
• Жалпы модулдарды түзүү
• Бир модулду экинчисинен колдонуу - Advanced Routing
• Багыттоо иштетилген Функция модулу
• Функция модулун колдонуу
• Функция модулун жалкоо жүктөө
• Функциянын модулунун компоненттери үчүн шилтемелерди түзүү
• Lazy Loading жөнүндө көбүрөөк
• Алдын ала жүктөө модулдары
• routerLinkActive байланышы
• Демейки Маршрут
• Wildcard Маршрут жолу
• багыттоо
• Балдар Маршруттары
• Балдар үчүн маршруттарды аныктоо
• Балдар маршруттары үчүн шилтемелер
• Навигация сакчылары
• Сакчыларды ишке ашыруу
• Маршрутта сакчыларды колдонуу - Бирдикти сыноо бурчтук колдонмолору
• Бурчтук артефакттарды сыноо
• Сыноо куралдары
• Типтүү тестирлөө кадамдары
• Сыноонун натыйжалары
• Jasmine Test Suites
• Жасминдин мүнөздөмөлөрү (бирдик сыноолору)
• Күтүүлөр (Иондорду ырастоо)
• Матчтар
• Мисamples of Use Matchers
• Кыймылсыз мүлктү колдонуу
• Unit Test Suites'те орнотуу жана бузуу
• Мисample of beforeEach and afterEach Functions
• Бурчтук сыноо модулу
• Мисampбурчтук тест модулу
• Кызматты сыноо
• Кызмат инстанциясын киргизүү
• Синхрондук методду сынап көрүңүз
• Асинхрондук методду сынап көрүңүз
• Жалган HTTP Client колдонуу
• Консерваланган жооп берүү
• Компонентти сыноо
• Компоненттик тест модулу
• Компоненттин инстанциясын түзүү
• ComponentFixture классы
• Негизги компонент тесттери
• DebugElement классы
• Колдонуучунун өз ара аракеттенүүсүн симуляциялоо - Мүчүлүштүктөрдү оңдоо
• Бүттүview бурчтук мүчүлүштүктөрдү оңдоо
• ViewМүчүлүштүктөрдү оңдоочуга 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 тарабынан бул курстарды жеткирүү ээлөө шарттары жана шарттары менен жөнгө салынат.
Сураныч, бул курстарга катталуудан мурун жоболорду жана шарттарды кылдаттык менен окуп чыгыңыз, анткени курска катталуу бул электрондук шарттарды кабыл алуу менен шартталат.
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 программалоо, программалоо |
